Dashboard Mobile Hook Contract

Test mobile hook contracts by running suites like server.test.ts and runs.test.ts to verify that dashboard views emit consistent semantic hook classes and matching CSS rules. This validates mobile behavior and detects regressions across shared layout components.

HTMX fragments break responsive layouts when swapped without consistent mobile hook classes. Auditing shared shell and layout components ensures semantic hooks align with existing CSS rules, preventing mobile behavior regressions across dashboard pages.

Audit mobile hooks by inspecting server-rendered views in src/dashboard/views to confirm hook class emission, then cross-reference src/dashboard/public/styles.css to ensure corresponding CSS rules exist for responsive behavior.

Mobile hook contracts are consistent semantic hook classes emitted by shared dashboard views to enable reliable mobile testing. You need them when validating responsive behavior and preventing UI regressions across HTMX fragments and layout components.

Yes, mobile hook validation works with HTMX by auditing shared shell and layout behavior across swapped fragments. It ensures semantic hook classes remain consistent during fragment replacement, preventing responsive layout regressions.

Tests fail when views emit hook classes lacking corresponding CSS rules in styles.css. Limitations include manually inspecting each view file like layout.ts and article.ts to verify class names exactly match the defined stylesheet rules.