The same pull request, four states
The states nobody wrote a story for are exactly the ones that break.
A three-line CSS spacing tidy on a real component — illustrative, not a real customer screen. It renders clean in most states; the layout only breaks where a discount happens to be absent, so CI stayed green.
console-web · PR #338 · illustrative exampleapproach: head preview · Playwright + DOM diff
Default
desktop · 1280w · discount + tax
Before · base · main@e2f1a0
Billing summary
Pro plan · monthly$48.00
Seats × 5$120.00
Team discount 20%−$33.60
Tax$11.31
Total due$145.71
Update payment
renders as base
After · head · 4a1c9de
Billing summary
Pro plan · monthly$48.00
Seats × 5$120.00
Team discount 20%−$33.60
Tax$11.31
Total due$145.71
Update payment
tighter · no overlap
No discount
desktop · 1280w · legacy plan · one fewer row
Before · base · main@e2f1a0
Billing summary
Pro plan · monthly$48.00
Seats × 5$120.00
Tax$11.31
Total due$179.31
Update payment
button clears divider
After · head · 4a1c9de
Billing summary
Pro plan · monthly$48.00
Seats × 5$120.00
Tax$11.31
Total due$179.31
Update payment
button overlaps divider + total
Mobile
320w viewport · discount + tax
Before · base · main@e2f1a0
Billing summary
Pro · monthly$48.00
Seats × 5$120.00
Discount 20%−$33.60
Tax$11.31
Total$145.71
Update payment
renders as base
After · head · 4a1c9de
Billing summary
Pro · monthly$48.00
Seats × 5$120.00
Discount 20%−$33.60
Tax$11.31
Total$145.71
Update payment
tighter · no overlap
RTL
desktop · 1280w · dir=rtl · discount + tax
Before · base · main@e2f1a0
ملخص الفوترة
خطة Pro · شهري$48.00
٥ مقاعد$120.00
خصم ٢٠٪−$33.60
الضريبة$11.31
الإجمالي$145.71
تحديث طريقة الدفع
renders as base
After · head · 4a1c9de
ملخص الفوترة
خطة Pro · شهري$48.00
٥ مقاعد$120.00
خصم ٢٠٪−$33.60
الضريبة$11.31
الإجمالي$145.71
تحديث طريقة الدفع
holds — needs a judgment call
renders as basevisual regressionholds — needs a judgment call
Coverage. 4 states reached from the head preview and diffed against base. Loading and error also render this component but weren’t reached by the harness — shown here as not rendered, never counted as a match.