Testing and Debugging Bascik Sites

Requires the bascik skill for project basics and its scripts/verify.mjs for the check and lint loop.

Verification ladder

Run cheapest first and stop at the first failure:

1. npx bascik --check: project checks (config, routes, references) plus, when @bascik/language-server is installed, the per-file checks (scoping patterns, unclosed tags). node <skills-dir>/bascik/scripts/verify.mjs runs it and also covers component folders outside the project.
2. npx vitest run for unit tests of pure logic.
3. BASCIK_SITE_URL=https://example.com npx bascik --build, then inspect dist/ or run verify.mjs --build.
4. npx playwright test against the built site or the dev server.

CI gate: bascik --check && vitest run && bascik --build && playwright test. bascik --check already runs the per-file checks, so there is no separate linter step. Add bascik-language-server --check <dir> only for a component folder outside the project.

Unit tests: extract pure logic

Component scripts are IIFEs and cannot be imported. Test logic, not DOM wiring: