use std::collections::BTreeMap;
use std::fmt::Write as _;
use std::path::Path;
use crate::emit::slugify;
use crate::event::Event;
use crate::step::Status;
struct StepRow {
line: usize,
text: String,
status: Status,
attempts: u32,
duration_ms: u64,
detail: Option<String>,
}
#[derive(Default)]
struct ScenarioBlock {
file: String,
name: String,
status: Option<Status>,
steps: Vec<StepRow>,
start_ms: Option<u64>,
end_ms: Option<u64>,
worker: Option<u64>,
}
pub fn render_html(events: &[Event], artifacts_href: &str) -> String {
let mut run_id = String::new();
let mut blocks: Vec<ScenarioBlock> = Vec::new();
let mut index: BTreeMap<(String, String), usize> = BTreeMap::new();
let mut total_steps = 0usize;
let mut total_attempts = 0u64;
for event in events {
match event {
Event::RunStarted { run_id: id, .. } => run_id = id.to_string(),
Event::StepFinished {
scenario,
step,
status,
attempts,
duration_ms,
detail,
..
} => {
total_steps += 1;
total_attempts += u64::from(*attempts);
let at = block_index(&mut blocks, &mut index, &step.file, scenario);
blocks[at].steps.push(StepRow {
line: step.line,
text: step.text.to_string(),
status: *status,
attempts: *attempts,
duration_ms: *duration_ms,
detail: detail.clone(),
});
}
Event::ScenarioStarted {
scenario,
file,
timestamp_ms,
worker,
} => {
let at = block_index(&mut blocks, &mut index, file, scenario);
blocks[at].start_ms = *timestamp_ms;
blocks[at].worker = *worker;
}
Event::ScenarioFinished {
scenario,
file,
status,
timestamp_ms,
worker,
} => {
let at = block_index(&mut blocks, &mut index, file, scenario);
blocks[at].status = Some(*status);
blocks[at].end_ms = *timestamp_ms;
if blocks[at].worker.is_none() {
blocks[at].worker = *worker;
}
}
_ => {}
}
}
let (mut passed, mut failed, mut skipped, mut warned) = (0usize, 0usize, 0usize, 0usize);
for block in &blocks {
match block.status {
Some(Status::Passed) => passed += 1,
Some(Status::Failed) => failed += 1,
Some(Status::Skipped) => skipped += 1,
Some(Status::Warned) => warned += 1,
None => {}
}
}
let mut html = String::with_capacity(2048 + blocks.len() * 256);
let _ = writeln!(
html,
"<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"utf-8\">\n\
<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n\
<title>proef report — {run}</title>\n<style>{STYLE}</style>\n</head>\n<body>\n\
<h1>proef run <code>{run}</code></h1>",
run = esc(&run_id)
);
html.push_str("<p class=\"summary\">");
tally(&mut html, "pass", passed, "passed");
tally(&mut html, "fail", failed, "failed");
tally(&mut html, "skip", skipped, "skipped");
if warned > 0 {
tally(&mut html, "warn", warned, "warned");
}
let _ = writeln!(
html,
"<span class=\"steps\">{total_steps} steps · {total_attempts} attempts</span></p>"
);
render_timeline(&mut html, &blocks);
for block in &blocks {
render_block(&mut html, block, artifacts_href);
}
html.push_str("</body>\n</html>\n");
html
}
fn block_index(
blocks: &mut Vec<ScenarioBlock>,
index: &mut BTreeMap<(String, String), usize>,
file: &str,
scenario: &str,
) -> usize {
*index
.entry((file.to_string(), scenario.to_string()))
.or_insert_with(|| {
blocks.push(ScenarioBlock {
file: file.to_string(),
name: scenario.to_string(),
..ScenarioBlock::default()
});
blocks.len() - 1
})
}
fn render_block(html: &mut String, block: &ScenarioBlock, artifacts_href: &str) {
let status = block.status.unwrap_or(Status::Skipped);
let open = if status == Status::Failed {
" open"
} else {
""
};
let _ = write!(
html,
"<details class=\"scenario {cls}\"{open}>\n<summary>\
<span class=\"pill {cls}\">{word}</span> \
<span class=\"loc\">{file}</span> {name}",
cls = status_class(status),
word = status_word(status),
file = esc(&block.file),
name = esc(&block.name),
);
if !block.steps.is_empty() {
let stem = Path::new(&block.file).file_stem().map_or_else(
|| "feature".to_owned(),
|stem| stem.to_string_lossy().into_owned(),
);
let slug = format!("{}--{}", slugify(&stem), slugify(&block.name));
let _ = write!(
html,
" <a class=\"artifact\" href=\"{href}/{slug}.hurl\">artifact</a>",
href = esc(artifacts_href),
);
}
html.push_str("</summary>\n<ol class=\"steps\">\n");
let total_ms: u64 = block.steps.iter().map(|step| step.duration_ms).sum();
let mut elapsed_ms: u64 = 0;
for step in &block.steps {
let _ = write!(
html,
"<li class=\"{cls}\"><span class=\"glyph\">{glyph}</span> {text}\
<span class=\"meta\">:{line} · {attempts}× · {ms}ms</span>",
cls = status_class(step.status),
glyph = status_glyph(step.status),
text = esc(&step.text),
line = step.line,
attempts = step.attempts,
ms = step.duration_ms,
);
if total_ms > 0 {
let _ = write!(
html,
"<span class=\"track\"><span class=\"bar {cls}\" \
style=\"margin-left:{offset}%;width:{width}%\"></span></span>",
cls = status_class(step.status),
offset = pct(elapsed_ms, total_ms),
width = pct(step.duration_ms, total_ms),
);
}
elapsed_ms += step.duration_ms;
if let Some(detail) = &step.detail {
let _ = write!(html, "<pre class=\"detail\">{}</pre>", esc(detail));
}
html.push_str("</li>\n");
}
html.push_str("</ol>\n</details>\n");
}
fn render_timeline(html: &mut String, blocks: &[ScenarioBlock]) {
let timed: Vec<&ScenarioBlock> = blocks
.iter()
.filter(|block| block.start_ms.is_some() && block.end_ms.is_some())
.collect();
let Some(max_end) = timed.iter().filter_map(|block| block.end_ms).max() else {
return; };
if max_end == 0 {
return; }
let mut workers: Vec<u64> = timed
.iter()
.map(|block| block.worker.unwrap_or(0))
.collect();
workers.sort_unstable();
workers.dedup();
let _ = writeln!(
html,
"<h2 class=\"timeline-h\">Timeline <span class=\"count\">{max_end}ms</span></h2>\n\
<div class=\"timeline\">"
);
for worker in &workers {
let _ = write!(
html,
"<div class=\"lane\"><span class=\"lane-label\">worker {worker}</span>\
<div class=\"lane-track\">"
);
for block in timed
.iter()
.filter(|block| block.worker.unwrap_or(0) == *worker)
{
let start = block.start_ms.unwrap_or(0);
let end = block.end_ms.unwrap_or(start).max(start);
let _ = write!(
html,
"<span class=\"tbar {cls}\" style=\"left:{left}%;width:{width}%\" \
title=\"{title} ({dur}ms)\"></span>",
cls = status_class(block.status.unwrap_or(Status::Skipped)),
left = pct(start, max_end),
width = pct(end - start, max_end),
title = esc(&block.name),
dur = end - start,
);
}
html.push_str("</div></div>\n");
}
html.push_str("</div>\n");
}
fn pct(n: u64, total: u64) -> String {
let permille = u128::from(n) * 1000 / u128::from(total); format!("{}.{}", permille / 10, permille % 10)
}
fn tally(html: &mut String, class: &str, count: usize, word: &str) {
let _ = write!(html, "<span class=\"count {class}\">{count} {word}</span> ");
}
fn status_class(status: Status) -> &'static str {
match status {
Status::Passed => "pass",
Status::Failed => "fail",
Status::Skipped => "skip",
Status::Warned => "warn",
}
}
fn status_word(status: Status) -> &'static str {
match status {
Status::Passed => "passed",
Status::Failed => "failed",
Status::Skipped => "skipped",
Status::Warned => "warned",
}
}
fn status_glyph(status: Status) -> &'static str {
match status {
Status::Passed => "✓",
Status::Failed => "✗",
Status::Skipped => "·",
Status::Warned => "⚠",
}
}
fn esc(text: &str) -> String {
let mut out = String::with_capacity(text.len());
for ch in text.chars() {
match ch {
'&' => out.push_str("&"),
'<' => out.push_str("<"),
'>' => out.push_str(">"),
'"' => out.push_str("""),
'\'' => out.push_str("'"),
_ => out.push(ch),
}
}
out
}
const STYLE: &str = "\
:root{--bg:#fff;--fg:#1a1a1a;--muted:#666;--line:#e2e2e2;--pass:#1a7f37;--fail:#cf222e;--skip:#8a8a8a;--warn:#9a6700;--card:#f6f8fa}\
@media(prefers-color-scheme:dark){:root{--bg:#0d1117;--fg:#e6edf3;--muted:#9aa4af;--line:#30363d;--pass:#3fb950;--fail:#f85149;--skip:#8a8a8a;--warn:#d29922;--card:#161b22}}\
*{box-sizing:border-box}body{margin:0;padding:2rem;max-width:60rem;margin:0 auto;background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}\
h1{font-size:1.4rem;font-weight:600}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}\
.summary{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:0 0 1.5rem}\
.count{font-weight:600;padding:.15rem .6rem;border-radius:999px;background:var(--card)}\
.count.pass{color:var(--pass)}.count.fail{color:var(--fail)}.count.skip{color:var(--skip)}.count.warn{color:var(--warn)}\
.summary .steps{color:var(--muted);margin-left:auto}\
.scenario{border:1px solid var(--line);border-radius:8px;margin:.5rem 0;background:var(--card)}\
.scenario summary{cursor:pointer;padding:.6rem .8rem;list-style:none;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}\
.scenario summary::-webkit-details-marker{display:none}\
.pill{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .5rem;border-radius:4px;color:#fff}\
.pill.pass{background:var(--pass)}.pill.fail{background:var(--fail)}.pill.skip{background:var(--skip)}.pill.warn{background:var(--warn)}\
.loc{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}\
.artifact{margin-left:auto;font-size:.85rem;color:var(--muted)}\
.steps{margin:0;padding:.2rem .8rem .8rem 2rem;border-top:1px solid var(--line)}\
.steps li{margin:.3rem 0}.steps .glyph{font-weight:700}\
li.pass .glyph{color:var(--pass)}li.fail .glyph{color:var(--fail)}li.skip .glyph{color:var(--skip)}li.warn .glyph{color:var(--warn)}\
.meta{color:var(--muted);font-size:.8rem;margin-left:.4rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}\
.track{display:block;height:4px;margin:.25rem 0 0;background:var(--line);border-radius:2px;overflow:hidden}\
.bar{display:block;height:100%;min-width:1px;border-radius:2px}\
.bar.pass{background:var(--pass)}.bar.fail{background:var(--fail)}.bar.skip{background:var(--skip)}.bar.warn{background:var(--warn)}\
.timeline-h{font-size:1.05rem;font-weight:600;margin:1.5rem 0 .5rem}\
.timeline{margin:0 0 1.5rem}\
.lane{display:flex;align-items:center;gap:.5rem;margin:.25rem 0}\
.lane-label{color:var(--muted);font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;min-width:5rem;text-align:right}\
.lane-track{position:relative;flex:1;height:1rem;background:var(--card);border:1px solid var(--line);border-radius:3px}\
.tbar{position:absolute;top:1px;height:calc(100% - 2px);min-width:2px;border-radius:2px;opacity:.9}\
.tbar.pass{background:var(--pass)}.tbar.fail{background:var(--fail)}.tbar.skip{background:var(--skip)}.tbar.warn{background:var(--warn)}\
.detail{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.5rem .7rem;margin:.4rem 0 0;white-space:pre-wrap;font-size:.82rem;overflow-x:auto}\
";