diff --git a/AGENTS.md b/AGENTS.md index af879c2..4fa9c56 100644 --- a/AGENTS.md +++ b/AGENTS.md @@ -20,9 +20,9 @@ sursa de adevăr tehnică pentru agenți. python3 -m http.server 8000 # Teste (Playwright; fără package.json commitat — vezi tests/AGENTS.md): -npx playwright test tests/smoke.mjs # suita completă: 21/21 -npx playwright test tests/smoke.mjs --grep @regresie # regresie: 13 -npx playwright test tests/smoke.mjs --grep @campanie # campanie E2E: 8 +npx playwright test tests/smoke.mjs # suita completă: 24/24 +npx playwright test tests/smoke.mjs --grep @regresie # regresie: 14 +npx playwright test tests/smoke.mjs --grep @campanie # campanie E2E: 10 ``` ## Durable Rules (repo-wide) diff --git a/CLAUDE.md b/CLAUDE.md index 8b1a630..a3052d8 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -1,60 +1,23 @@ # CLAUDE.md -This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository. +Ghid pentru Claude Code în acest repo. -## Ce este +## Sursa de adevăr: arborele AGENTS.md -Generator de jocuri escape room: un singur fișier HTML (`escape-builder.html`), fără backend, fără build, fără dependențe. Același set de puzzle-uri se exportă în 5 stiluri de joc diferite (clasic/quiz, terminal retro, arcade pixel, story chat, point-and-click). +Adevărul tehnic (arhitectură, reguli de editare, testare) trăiește în arborele `AGENTS.md`, nu aici. +Înainte să editezi un path, citește lanțul DOX din rădăcină: -## Dezvoltare +- [`AGENTS.md`](AGENTS.md) — root: ce e produsul, Quick Reference, Durable Rules (zero-dep, un singur + fișier, backslash dublu, sentinel `__CFG__`, demo-uri generate, `libJS`/`SNIP` partajate, dispatch + pe 6 motoare). +- [`tests/AGENTS.md`](tests/AGENTS.md) — harness Playwright (fără `package.json` commitat, `npx`, + tag-uri `@regresie`/`@campanie`, 24/24). +- `scratch/AGENTS.md` — prototipuri & QA (gitignored). -Nu există build sau lint. Produsul (HTML files) e vanilla HTML/CSS/JS, zero-dependențe. +Documente de conținut: `DESIGN.md` (design campanie), `TODOS.md` (backlog), `HANDOFF.md` (handoff sesiune), +`README.md` (utilizator final). -```bash -# Verificare: deschide direct în browser (merge de pe file://) -# sau servește local: -python3 -m http.server 8000 -``` +## Specific Claude Code -Testarea manuală: deschide `escape-builder.html`, schimbă "Stil joc" și verifică preview-ul live (iframe), apoi exportă și verifică jocul standalone. Testele automate → vezi `## Testing`. - -## Arhitectură - -Toată aplicația trăiește în `escape-builder.html`, organizată în secțiuni comentate (`stare`, `editor`, `preview`, `template-urile jocului exportat`): - -- **Stare**: obiectul `state` (titlu, poveste, culoare, `style`, listă `puzzles`), persistat automat în `localStorage` sub cheia `escape-builder-v1`. Export/import ca JSON. -- **Editor** (stânga): formularele scriu direct în `state` via `data-g`; orice modificare cheamă `onChange()` → persist + refresh preview cu debounce 400ms. -- **Preview** (dreapta): `refreshPreview()` setează `iframe.srcdoc = gameHTML(cleanState())` — preview-ul este exact jocul exportat, jucabil. -- **Generare joc**: `gameHTML(cfg)` face dispatch pe `cfg.style` către cele 5 motoare: `gameClassic`, `gameTerminal`, `gameArcade`, `gameChat`, `gamePoint`. Fiecare motor returnează un string HTML complet, standalone (jocul exportat merge offline). - -Cod partajat între motoare (injectat în HTML-ul generat): -- `libJS(cfg)`: `CFG` (config serializat), `norm` (normalizare răspuns: fără diacritice/majuscule, virgulă→punct), `checkAnswer`, `starsFor` (3/2/1 stele după încercări/indiciu), `finalWord` (literele puzzle-urilor formează cuvântul final), `beep` (WebAudio), `confetti`. -- `SNIP.*`: fragmente de template partajate — `baseCss`, modal de întrebare (`modalCss/Html/Js`, folosit de arcade și point) și ecranul final (`finalCss/Html/Js`). - -Tipuri de puzzle: `free` (răspuns liber), `tf` (adevărat/fals), `choice` (variante pe linii separate în `choices`, cea corectă prefixată cu `*`). - -## Testing - -Harness Playwright în `tests/smoke.mjs`. **Nu există `package.json` commitat** — produsul rămâne zero-dependențe. Instalare dev o singură dată: - -```bash -npm i -D @playwright/test && npx playwright install chromium -``` - -Rulare (fără npm scripts — direct `npx`): - -```bash -npx playwright test tests/smoke.mjs --grep "@regresie" # regresie: 13 teste -npx playwright test tests/smoke.mjs --grep "@campanie" # campanie E2E: 8 teste -npx playwright test tests/smoke.mjs # suita completă: 21 teste -``` - -**Status curent:** 21/21 trec (13 `@regresie` + 8 `@campanie`). - -## Atenție la editare - -- Motoarele de joc sunt template literals mari — backslash-urile din codul generat trebuie dublate (`\\u0300`, `\\n`), iar codul generat folosește `var`/`function` clasic intenționat. -- O schimbare în `libJS`/`SNIP` afectează toate cele 5 motoare; verifică fiecare stil în preview. -- `exemplu-*.html` sunt jocuri demo exportate din builder (câte unul per stil). Nu le edita manual — după modificări la motoare, regenerează-le prin exportul din builder. -- `index.html` e doar pagina de landing care leagă builder-ul și demo-urile. -- `node_modules/` (gitignored) e doar dev tooling Playwright. Produsul (fișierele HTML) rămâne zero-dependențe — merge offline de pe `file://`. +- Regulile de mediu și modul non-interactiv (`claude -p`) sunt în `/workspace/CLAUDE.md` (părinte). +- Skill relevant: `/dox` — bootstrap/update al acestui arbore `AGENTS.md`. diff --git a/TODOS.md b/TODOS.md index 81d9f6e..e2408f1 100644 --- a/TODOS.md +++ b/TODOS.md @@ -54,10 +54,12 @@ portează în `escape-builder.html` (un singur fișier, integrare secvențială) dpad fizic; Chat header frosted + bule distincte + tile reward; Point fundal distinct + fix contrast `.note` + ușă glow. `prefers-reduced-motion` peste tot. Toate 5 demo-uri regenerate. Smoke 21/21 + capturi pe fiecare stil. -- [!] **S4 — extinde `tests/smoke.mjs`** *(blocat de S3)* — bomberman, hartă, audio, regresie. +- [x] **S4 — extinde `tests/smoke.mjs`** *(GATA — 24/24)* — 3 teste noi: audio S1 (ctx running), + navigare overworld (mers tastatură + ieșire blocată), bomberman gameplay (bombă/AI/respawn). + Arbore AGENTS.md actualizat 21→24. -**Stare la 2026-06-13:** PR1 livrat (`a42c960`, suita 21/21). Iterația 2 = neîncepută; -`scratch/` are doar artefacte PR1, fără proto-uri noi. +**Stare la 2026-06-13:** PR1 livrat (`a42c960`). **Iterația 2 COMPLETĂ** — S1+S2+S3+S4 livrate +și verificate. Suita 24/24. Comituri: S1 `52f97af`, S2c `a9f3065`, S3 `4454df9` (+pas1/pas2). --- diff --git a/tests/AGENTS.md b/tests/AGENTS.md new file mode 100644 index 0000000..c8c7147 --- /dev/null +++ b/tests/AGENTS.md @@ -0,0 +1,37 @@ +# tests/ — Harness Playwright + +## Purpose +Smoke + regresie + campanie E2E pentru jocurile generate. Verifică faptic: fiecare stil se rezolvă +până la ecranul final, fără erori de consolă. + +## Ownership +- `tests/smoke.mjs` — unicul fișier de teste (~24 teste). +- `playwright.config.mjs` (la root, **gitignored**) — config dev. + +## Local Contracts +- **NU commita `package.json` / `package-lock.json` / `playwright.config.mjs`** — produsul rămâne + zero-dependențe. Instalarea dev e o singură dată: `npm i -D @playwright/test && npx playwright install chromium`. +- **Fără npm scripts** — se rulează direct cu `npx`. +- **Teste pe `file://`** — helper-ul `fileURL(name)` mapează cale relativă la `file://`; campania scrie + HTML temp generat via builder (`gameHTML`) și-l încarcă de pe `file://`. +- **Zero erori consolă = invariant.** `trackErrors(page)` colectează `console.error` + `pageerror`; + fiecare test asertează `errors.length === 0` la final. +- **Tag-uri:** `@regresie` (14 — exemplu-*.html + edge cases + mobil 320px + regenerare via gameHTML + + bomberman gameplay) și `@campanie` (10 — intro→hartă→camere→final, resume, cameră moartă, + idempotență ușă, `$`/`$&`, beep, mobil, audio S1, navigare overworld). +- **Status țintă: 24/24 PASS.** + +## Work Guidance +- După modificări la motoare (`escape-builder.html`): rulează suita completă; extinde `@regresie` dacă + adaugi/schimbi un stil, `@campanie` pentru contractul de montare. +- Nu testa pe screenshot-uri de pixeli — asertează stare/text/erori. + +## Verification +```bash +npx playwright test tests/smoke.mjs # 24/24 +npx playwright test tests/smoke.mjs --grep @regresie +npx playwright test tests/smoke.mjs --grep @campanie +``` + +## Child DOX Index +(none — leaf) diff --git a/tests/smoke.mjs b/tests/smoke.mjs index 4a4b3d3..48bbcc6 100644 --- a/tests/smoke.mjs +++ b/tests/smoke.mjs @@ -944,4 +944,112 @@ test.describe('Campanie E2E @campanie', () => { expect(errors, errors.join('\n')).toHaveLength(0); }); + // ───────────────────────────────────────────────────────────────────── + // Test 9 (S4): Audio — AudioContext deblocat la "Incepe aventura" (S1) + // ───────────────────────────────────────────────────────────────────── + test('audio — AudioContext deblocat la Incepe aventura (S1) @campanie', + async ({ page }) => { + const cfg = campaignCfg(3, 'classic'); + const tmpPath = await writeCampaignHtml(page, cfg, 'audio'); + const gp = await page.context().newPage(); + try { + await gp.goto('file://' + tmpPath); + // Inainte de gest: ctx inexistent (creat lazy) + const before = await gp.evaluate( + () => (window.beep && window.beep._ctx) ? window.beep._ctx.state : 'NO_CTX' + ); + expect(before, 'ctx nu trebuie sa existe inainte de gest').toBe('NO_CTX'); + // Gestul pe parinte deblocheaza ctx-ul + await gp.locator('#btn-start').click(); + await gp.waitForTimeout(200); + const after = await gp.evaluate( + () => (window.beep && window.beep._ctx) ? window.beep._ctx.state : 'NO_CTX' + ); + expect(after, 'ctx trebuie running dupa Incepe aventura').toBe('running'); + } finally { + await gp.close(); + try { unlinkSync(tmpPath); } catch (_) {} + } + }); + + // ───────────────────────────────────────────────────────────────────── + // Test 10 (S4): Overworld — mers cu tastatura + iesire blocata pana la final + // ───────────────────────────────────────────────────────────────────── + test('overworld — mers cu tastatura + iesire blocata pana la final @campanie', + async ({ page }) => { + const cfg = campaignCfg(3, 'classic'); + const tmpPath = await writeCampaignHtml(page, cfg, 'ow-nav'); + const gp = await page.context().newPage(); + const gameErrors = trackErrors(gp); + try { + await gp.goto('file://' + tmpPath); + await gp.locator('#btn-start').click(); + await waitOverworld(gp); + + // Mers cu tastatura: ArrowRight muta jucatorul o celula la dreapta + const p0 = await gp.evaluate(() => window.__ow.state.player); + await gp.locator('body').press('ArrowRight'); + const p1 = await gp.evaluate(() => window.__ow.state.player); + expect(p1.col, 'jucatorul nu s-a miscat cu tastatura').toBe(p0.col + 1); + + // Iesirea (steag) e blocata pana la rezolvarea tuturor camerelor + expect(await gp.evaluate(() => window.__ow.state.allDone)).toBe(false); + await gp.evaluate(() => window.__ow.enterExit()); + const finaleShown = await gp.evaluate( + () => document.getElementById('finale')?.classList.contains('show') + ); + expect(finaleShown, 'finalul nu trebuie sa apara cu iesirea blocata').toBe(false); + } finally { + await gp.close(); + try { unlinkSync(tmpPath); } catch (_) {} + } + expect(gameErrors, gameErrors.join('\n')).toHaveLength(0); + }); + + // ───────────────────────────────────────────────────────────────────── + // Test 11 (S4): Arcade Bomberman — bomba/AI/respawn pe demo-ul generat + // ───────────────────────────────────────────────────────────────────── + test('arcade bomberman — bomba sparge cutie + AI urmareste + respawn pastreaza progres @regresie', + async ({ page }) => { + const errors = trackErrors(page); + await page.goto(fileURL('exemplu-arcade.html')); + await page.waitForFunction(() => typeof window.__game !== 'undefined', { timeout: 5000 }); + await page.evaluate(() => { window.__seed = 42; window.__game.restartWithSeed(42); }); + + // Stare initiala: 3 vieti, dusmani prezenti + const init = await page.evaluate(() => ({ lives: window.__game.lives, enemies: window.__game.enemiesCount })); + expect(init.lives).toBe(3); + expect(init.enemies).toBeGreaterThan(0); + + // Bomba sparge o cutie adiacenta + await page.evaluate(() => window.__game.setTile(2, 1, 2)); + expect(await page.evaluate(() => window.__game.getTile(2, 1))).toBe(2); + await page.evaluate(() => { window.__game.placeBomb(); window.__game.explodeAllBombs(); }); + expect(await page.evaluate(() => window.__game.getTile(2, 1)), 'cutia nu s-a distrus').toBe(0); + + // AI: cu cale libera, BFS returneaza un pas care se apropie de jucator + const step = await page.evaluate(() => { + const m = window.__game.map; + for (let y = 0; y < m.length; y++) for (let x = 0; x < m[0].length; x++) if (m[y][x] === 2) window.__game.setTile(x, y, 0); + return window.__game.bfsStep(7, 7, 1, 1); + }); + expect(step, 'BFS nu a gasit cale spre jucator').not.toBeNull(); + expect(Math.abs(step.x - 1) + Math.abs(step.y - 1)).toBeLessThan((7 - 1) + (7 - 1)); + + // Respawn pastreaza progresul puzzle + await page.evaluate(() => window.__game.solveDoor(0)); + await page.evaluate(() => window.__game.killPlayer()); + await page.waitForTimeout(1800); + const st = await page.evaluate(() => ({ + lives: window.__game.lives, + solved: window.__game.puzzleProgress.doorsSolved[0], + alive: window.__game.player.alive + })); + expect(st.lives, 'viata nu a scazut').toBe(2); + expect(st.solved, 'progresul puzzle s-a pierdut la respawn').toBe(true); + expect(st.alive, 'jucatorul nu a respawnat').toBe(true); + + expect(errors, errors.join('\n')).toHaveLength(0); + }); + });