Testing Tavo.js UI
Test product behavior through semantics, controlled state, keyboard flows, server output, and theme validation.
Test the application contract
Query by role, accessible name, label, visible text, and state instead of internal class names or DOM nesting.
Drive controlled props through the same application actions used in production and assert the resulting native state.
Cover keyboard movement, Escape behavior, focus restoration, validation messages, live announcements, and disabled actions.
Render important routes through the normal
Tavo.jsSSR path and verify usable initial markup before hydration.Run theme, CSS token, and accessibility checks alongside unit and browser tests.
Add UI checks to continuous integration
bashnpx tavo-ui web check --config tavo-ui.config.json
npx tavo-ui web validate-css --config tavo-ui.config.json src
npx tavo-ui web audit --config tavo-ui.config.json
npm run typecheck
npm test