Skip to content

Demo Apps and Browser Smoke Tests

This repo now includes two minimal demo apps documented in demos/README.md:

  • demos/react-rhf
  • demos/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:install

Then in separate terminals:

bash
npm run demo:react
npm run demo:vue

Vite 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:demos

The 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 chromium once from the repo root.

GPL-3.0-only