cm-quality-gatelisted

# Quality Gate — Test + Verify + Ship Safe ## TL;DR - **Use before** any deployment or completion claim - **Gates**: tests pass, no secrets, frontend safety, evidence logged - **Reads**: handoff/exec.json — **Writes**: handoff/quality.json - **Modes**: OFF | WARNING (default) | SOFT | FULL - **Vibecoding score**: 0..100 (Phase 2) > **Three checkpoints, one skill:** Pre-deploy testing, evidence verification, frontend safety. ## The Iron Laws 1. **NO DEPLOY** without passing `test:gate`. 2. **NO CLAIMS** without fresh verification output. 3. **NO FRAGILE FRONTEND** — safety tests are mandatory. --- ## Phase 0: Infrastructure Setup > **Goal:** Identify the framework and install the correct testing dependencies. 1. **Detect Stack:** Check `package.json` for framework (React, Vue, Astro, etc.) and `wrangler.json(c)`. 2. **Install Deps:** `npm install -D vitest jsdom acorn` 3. **Configure:** Create `vitest.config.ts` or `vite.config.ts` with `environment: 'jsdom'`. 4. **Wire Scripts:** ```json { "scripts": { "test:gate": "vitest run --reporter=verbose" } } ``` --- ## Phase 1: The 4 Core Test Layers Do not combine these files. They form the "Quality Gate." ### Layer 1: Frontend Safety (`test/frontend-safety.test.ts`) Prevents white screens, template corruption, and syntax errors. ```javascript test('app.js does not contain catastrophic corruption', () => { const code = fs.readFileSync('public/static/app.js', 'utf-8'); expect(c