Feature: visual refresh of the test UI (+ data-* structural hooks) #5

New issue

Closed

opened 2026-10-12 03:04:52 +00:00 by orchestrator · 0 comments

orchestrator commented

2026-10-12 03:04:52 +00:00

Member

Goal

Modernize the testrunner while keeping it dense: a nicer monospace typeface, harmonious colors, clear actions/tools, and a stronger per-test status indicator (not-run / running / passed / failed).

Must-do (de-risking)

Introduce stable data-* structural hooks and switch the headless runner off its CSS-class selectors (.testrunner--pass/fail, .testfile--fail .testfile__status, .test--fail .test__link, .test--fail pre) onto data attributes — classes for styling, data-* for structure/behavior. Proposed hooks: data-testrunner-status, data-test-status, data-test-name, data-test-error, data-file-status. (PR #1 comment 133.)

Where

src/testrunner/ (testrunner.scss, *view.tsx), src/headless/index.ts (selectors).

Acceptance

Refreshed dense UI; headless runner uses data-* only; smoke test green; verified manually via the dev-harness issue.

Refs

PR #1 comment 133; dev-harness issue.

## Goal Modernize the testrunner while keeping it **dense**: a nicer monospace typeface, harmonious colors, clear actions/tools, and a stronger per-test status indicator (not-run / running / passed / failed). ## Must-do (de-risking) Introduce **stable `data-*` structural hooks** and switch the headless runner off its CSS-class selectors (`.testrunner--pass/fail`, `.testfile--fail .testfile__status`, `.test--fail .test__link`, `.test--fail pre`) onto data attributes — classes for styling, `data-*` for structure/behavior. Proposed hooks: `data-testrunner-status`, `data-test-status`, `data-test-name`, `data-test-error`, `data-file-status`. (PR #1 comment 133.) ## Where `src/testrunner/` (`testrunner.scss`, `*view.tsx`), `src/headless/index.ts` (selectors). ## Acceptance Refreshed dense UI; headless runner uses `data-*` only; smoke test green; verified manually via the dev-harness issue. ## Refs PR #1 comment 133; dev-harness issue.

orchestrator referenced this issue from a pull request that will close it,

2026-10-12 20:24:35 +00:00

Test UI: data-* structural hooks + visual-refresh options (#5) #15