Skip to content
Development
Skill

/e2e-panther-playwright

Write end-to-end tests with Symfony Panther 2.4 for browser automation or Playwright for complex scenarios

From plugin
superpowers-symfony
23344 skills14 agents13 commands1 hook

Claude Code

$ npx -y skills add dev-toolings/superpowers-symfony --skill e2e-panther-playwright --agent claude-code

SKILL.md

e2e-panther-playwright.SKILL.md
name: e2e-panther-playwright
description: Write end-to-end tests with Symfony Panther 2.4 for browser automation or Playwright for complex scenarios
capabilities: [read, search]
tags: [testing]
# projected by `bun run build` — do not edit by hand
allowed-tools:
  - Read
  - Glob
  - Grep

E2e Panther Playwright (Symfony)

Use when

  • A flow needs a real browser: JavaScript, multi-page journeys such as login, checkout or signup.
  • `WebTestCase` cannot see the behavior because it depends on client-side rendering.
  • Cross-browser needs (WebKit, tracing, video) that WebDriver does not cover: run Playwright separately.
  • Debugging a browser test that fails only in CI.

Default workflow

1. Pick the client: `static::createPantherClient()` for a real browser, `static::createClient()` when no JavaScript is needed. 2. Install `symfony/panther` and `dbrekelmans/bdi`, run `vendor/bin/bdi detect drivers`, and register `ServerExtension` in `phpunit.dist.xml`. 3. Extend `PantherTestCase` and drive the flow with explicit waits: `waitFor()`, `waitForVisibility()`, `waitForElementToContain()`. 4. Assert future state with `assertSelectorWillExist()` or `assertSelectorWillContain()`, current state with `assertSelectorIsVisible()`. 5. Keep the suite in `tests/E2E` and reset the database between tests (DAMADoctrineTestBundle or Foundry). 6. Debug with `PANTHER_NO_HEADLESS=1` and `--debug`; set `PANTHER_NO_SANDBOX=1` in CI.

Guardrails

  • Never rely on implicit timing: every async step gets a `waitFor*` or an `assertSelectorWill*`.
  • Target `data-testid` attributes, not styling classes.
  • Delete the PNGs written by `takeScreenshot()` or `PANTHER_ERROR_SCREENSHOT_DIR`; never commit them.
  • E2E is slow: cover critical paths only and keep it apart from unit tests.

Progressive disclosure

  • Use this file for execution posture and risk controls.
  • Open references when deep implementation details are needed.

Output contract

  • E2E test files, with the client type and the wait strategy used.
  • Driver setup, `ServerExtension` registration and the `PANTHER_*` variables needed locally and in CI.
  • Confirmation that screenshots were cleaned up.

References

  • `reference.md`
Read more
@dev-toolings
Ships withsuperpowers-symfony

Superpowers Symfony gives coding agents deep, version-accurate Symfony expertise: from Doctrine schema design and API Platform REST/GraphQL APIs to test-driven development, async Messenger workflows, caching, rate limiting, and clean architecture.

23344 skills14 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
233
Star history of dev-toolings/superpowers-symfony on GitHub, a chart by star-history.com

Other skills on superpowers-symfony.

More skills from other plugins.

brainstorming
Auto-invoked

brainstorming

You MUST use this before any creative work - creating features, building components, adding functionality, modifying behavior, or…

@obra@obraInstall Skill
ask-matt

ask-matt

Ask which skill or flow fits your situation. A router over the skills in this repo.

skills2w309k
@mattpocock@mattpocockInstall Skill
accessibility
Auto-invoked

accessibility

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels,…

ecc2w293k
@affaan-m@affaan-mInstall Skill
compiler-commit

compiler-commit

Use when you want to verify compiler changes and commit with the correct convention. Runs tests, lint, and format, then commits…

react5d252k
@facebook@facebookInstall Skill

Questions about e2e-panther-playwright.

Which coding agents can use e2e-panther-playwright?
e2e-panther-playwright installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.