Skip to content

fix: improve test.html accuracy and visibility for multiple rules#206

Merged
purupurupu merged 4 commits into
mainfrom
fix/testcase_visual
Mar 23, 2026
Merged

fix: improve test.html accuracy and visibility for multiple rules#206
purupurupu merged 4 commits into
mainfrom
fix/testcase_visual

Conversation

@purupurupu

Copy link
Copy Markdown
Owner

Summary

  • container-no-justify-items: Add width: 200px to inline-grid test case so justify-items: center effect is visually confirmable
  • container-no-place: Fix misplaced ok cases in "Should warn" section, add missing warn cases (inline, table-cell), improve labels to explain why each ok case is effective (e.g. "both halves effective", "align-content half is effective"), add flex-wrap: wrap to flex cases so align-content is visually effective
  • contents-no-box-props: Remove 4 writing-mode/rtl test cases that tested internal dedup logic already covered by unit tests with no visual verification value
  • verify-rule skill: Add label accuracy, case placement, and visual verifiability checks to the verification workflow

Test plan

  • pnpm test — 1001 tests pass
  • pnpm test:e2e — 20 tests pass
  • Verified container-no-place rule with temporary Playwright test (14 cases all PASS)
  • Verified contents-no-box-props rule with temporary Playwright test (21→17 cases all PASS)

…sible

The inline-grid container was shrinking to content width, making
justify-items: center visually indistinguishable. Adding explicit width
makes the centering effect obvious for visual verification.
…bility

- Move misplaced ok cases from "Should warn" to "Should NOT warn" section
- Add missing warn cases: inline and table-cell with place-items
- Add height/background to warn cases for visual confirmation
- Add flex-wrap: wrap to place-content flex cases so align-content is effective
- Clarify labels to explain why each case is ok (which halves are effective)
…le skill

Learned from container-no-place audit that test.html cases can have
misplaced sections, misleading labels, and insufficient styling to
visually confirm the CSS effect.
These cases tested internal dedup logic (physical→logical mapping) which
is already covered by unit tests. They add no visual verification value
since display:contents has no box regardless of writing-mode.
@purupurupu
purupurupu merged commit 2b8326b into main Mar 23, 2026
2 checks passed
@purupurupu
purupurupu deleted the fix/testcase_visual branch March 23, 2026 15:01
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant