Dashboard Visible-State Regressions

Fix flaky dashboard UI tests caused by HTMX swaps by inspecting render shells and asserting stable IDs and badges, which differentiates intentional surface changes from actual regressions.

A visible-state regression occurs when dashboard UI elements change visibility, order, or presence across routes and states due to HTMX partial renders, causing misaligned dashboards and unreliable test outcomes.

Test dashboard UI elements across routes and states by reviewing the current render against the approved shell, inspecting render shells, and documenting expected state banners to guide reliable tests.

Document expected state banners by codifying how to inspect render shells and assert stable IDs and badges, ensuring operator-visible test seams are preserved for reliable dashboard rendering in production.

Yes, you can differentiate intentional surface changes from regression-related changes by validating visible-state regressions and confirming visible elements match the approved render shell across key routes.

Dashboard partial renders cause misaligned UI surfaces when HTMX swaps alter the visibility, order, or presence of elements, leading to flaky test outcomes that require stable ID assertions to resolve.