메뉴
Add Playwright E2E and accessibility test coverage for a feature flow in the Pangea Chat Flutter web app. Use when asked to "write a Playwright test", "add an E2E test", "test [flow] end-to-end", or "add accessibility coverage".
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Use when adding or refreshing client UI translations — filling newly-added `intl_en.arb` keys into existing locales (the l10n-sync CI gate's remediation), backfilling `.arb` locales for languages that lack one, or re-translating a single locale. Runs the Vertex-Gemini translator with the ICU-preservation validation gate.
Starting and restarting the Flutter web client locally without the recurring startup hang. Use to bring :8090 up from scratch, when the app sits forever on the loading spinner, when a code change isn't showing up, when port 8090 is dead, or when stray flutter/dart compilers have piled up. Covers the clean first-time startup procedure, the one-tab IndexedDB rule, the fifo control channel, hot-reload vs clean-restart, and stuck-state recovery.
Running automated, exploratory browser QA of the Flutter web client with AI agents driving the Claude-in-Chrome extension (not scripted Playwright). Use when asked to "run agent QA", "test the deployed/staging app with agents", "have agents click through the app", "drive the canvas by semantics", or whenever an agent reports an empty / 2-node semantics tree and can't find on-screen elements. Owns the canvas-driving recipe (the map-tile-gated semantics race + wake-and-poll), the single-browser round structure, and the dead-ends that DON'T work. For SCRIPTED Playwright/axe coverage use `add-e2e-coverage` instead.
| name | add-e2e-coverage |
| description | Add Playwright E2E and accessibility test coverage for a feature flow in the Pangea Chat Flutter web app. Use when asked to "write a Playwright test", "add an E2E test", "test [flow] end-to-end", or "add accessibility coverage". |
MUST READ .github/instructions/playwright-testing.instructions.md for the canvas/semantics constraints, widget testability rules, mock-mode contract, auth-state requirements, and axe limits before touching anything.
MUST READ e2e/README.md for install / run / debug commands and the credentials fetch.
e2e/web-and-accessibility-next-steps.md for the coverage matrix and ask.browser_snapshot (or DevTools → Accessibility). Note every unlabelled button, text field, gesture detector, or image. Fix in Dart per the widget rules in playwright-testing.instructions.md.e2e/scripts/<flow>.spec.ts. Import { test, expect } from ../fixtures (never @playwright/test). Use page.getByRole(...). If the test starts unauthenticated, set test.use({ storageState: { cookies: [], origins: [] } }).e2e/scripts/a11y.spec.ts, add a test("<page> has no a11y violations", ...) block that navigates to the new page and calls the shared auditPage(page) helper. Place it in Unauthenticated pages or Authenticated pages.e2e/trigger-map.json. Map the Dart-source globs that should re-trigger this spec on diff-based CI runs.e2e/web-and-accessibility-next-steps.md.{ test, expect } from @playwright/test directly — it skips the shared fixture and the run sees an empty semantics tree.mock=true 500 on the client side — the fix belongs in pangeachat/2-step-choreographer per the contract.