Demo Apps and Browser Smoke Tests
This repo now includes two minimal demo apps documented in demos/README.md:
demos/react-rhfdemos/vue-vuetify
They alias package imports back to the local source files in this checkout, so they always exercise the current repo state instead of a published npm copy.
What each demo proves:
demos/react-rhf: the React Hook Form resolver works in a real browser app, and the submit flow can still perform one final canonical schema pass before handing the payload to your API layer.demos/vue-vuetify: the Vue and Vuetify adapters work in a real browser app, including visible Vuetify controls, blur validation, and normalized submit output.
To install and run them:
bash
npm run demo:installThen in separate terminals:
bash
npm run demo:react
npm run demo:vueVite will print the local URLs it chose. If the default port is busy, it will pick the next open one automatically.
To run the browser smoke tests:
bash
npx playwright install chromium
npm run test:demosThe Playwright coverage is intentionally small and concrete:
- the React demo validates through the RHF resolver and performs one final canonical schema submit
- the Vue demo validates through the Vue and Vuetify adapters and submits a normalized payload in a real browser runtime
Small troubleshooting notes:
- If a Vuetify control appears blank, make sure you ran the Vue demo's local install step. The demo now declares and imports the Material Design icon font explicitly.
- If Playwright complains about missing browsers, run
npx playwright install chromiumonce from the repo root.