Vitest Targeted Testing

Use this when adding/fixing UI or smoke tests; prefer targeted Vitest runs first, then widen.

tomevault-io Updated

File contents

Frontend (UI) tests

  • Full run:

    • npm run test:ui
  • Target by test name:

    • npm run test:ui -- -t "<substring>"
  • Target a single file:

    • npm run test:ui -- view/<path>/<file>.test.ts

Smoke suite (Vitest + Playwright harness)

  • Full smoke (builds first):

    • npm run smoke
  • Quick smoke (no rebuild):

    • npm run test:smoke:quick
  • Target by test name:

    • npm run test:smoke:quick -- -t "<substring>"
  • Debug a single test in-process:

    • npx vitest watch --config smoke/vitest.config.ts --runInBand

Lint/typecheck

  • Frontend typecheck: npm run lint:frontend

Strategy

  • Start as narrow as possible (one test/file).
  • If failures look environment-related, pivot to the smoke debugging runbook.

Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/localtaskrepo--lotar--vitest-targeted-testing commit dc9191b057

Frequently asked questions

npx skillmds@latest add tomevault-io/vitest-targeted-testing