Run any Skill in Manus with one click

add-e2e-coverage

Stars7

Forks5

UpdatedJune 4, 2026 at 14:01

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".

Installation

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

Run Skill in Manus

Source

pangeachat

pangeachat/client

View GitHub Repository View Creator Repositories

Download

Run Skill in Manus

Related occupationsSOC

Based on SOC occupation classification

Software Quality Assurance Analysts and TestersComputer and Mathematical Occupations·SOC 15-1253

SKILL.md

readonly

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".

Add E2E & 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.

Operational steps

Pick a flow. If the user didn't name one, check e2e/web-and-accessibility-next-steps.md for the coverage matrix and ask.
Audit semantics. Run the flow in the staging app via Playwright MCP's 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.
Add the spec. Create 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: [] } }).
Add the axe audit. In 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.
Wire e2e/trigger-map.json. Map the Dart-source globs that should re-trigger this spec on diff-based CI runs.
Run locally. Per the README's "Running tests" section.
Update the coverage matrix. Mark the flow as ✅ in e2e/web-and-accessibility-next-steps.md.
Commit Dart semantics fixes + spec + a11y test + trigger-map + coverage update together so the wiring stays consistent in a single revert if needed.

Refusals

Do not allowlist axe violations to make a test pass — fix the widget instead.
Do not write a spec that imports { test, expect } from @playwright/test directly — it skips the shared fixture and the run sees an empty semantics tree.
Do not work around a choreo mock=true 500 on the client side — the fix belongs in pangeachat/2-step-choreographer per the contract.

More from this repository

same repository

backfill-l10n

pangeachat/client

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.

2026-07-207

run-flutter-web-local

pangeachat/client

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.

2026-07-187

agent-browser-qa

pangeachat/client

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.

2026-07-177

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".

Add E2E & Accessibility Coverage

MUST READ e2e/README.md for install / run / debug commands and the credentials fetch.

Operational steps

Pick a flow. If the user didn't name one, check e2e/web-and-accessibility-next-steps.md for the coverage matrix and ask.
Audit semantics. Run the flow in the staging app via Playwright MCP's 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.
Add the spec. Create 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: [] } }).
Add the axe audit. In 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.
Wire e2e/trigger-map.json. Map the Dart-source globs that should re-trigger this spec on diff-based CI runs.
Run locally. Per the README's "Running tests" section.
Update the coverage matrix. Mark the flow as ✅ in e2e/web-and-accessibility-next-steps.md.
Commit Dart semantics fixes + spec + a11y test + trigger-map + coverage update together so the wiring stays consistent in a single revert if needed.

Refusals

Do not allowlist axe violations to make a test pass — fix the widget instead.
Do not write a spec that imports { test, expect } from @playwright/test directly — it skips the shared fixture and the run sees an empty semantics tree.
Do not work around a choreo mock=true 500 on the client side — the fix belongs in pangeachat/2-step-choreographer per the contract.