laravel:e2e-playwright

SkillWeb & browsing

Generic E2E patterns with Playwright—state setup, seeds, test IDs, auth, environment, and Sail integration

Available today. Use it from your connected AI after setup.

Connect ahel once, and every AI you use reads what you have installed.

Then ask your AI: use the laravel:e2e-playwright skill

What this skill tells your AI

The instructions your AI receives, as published by jpcaparas/superpowers-laravel in skills/e2e-playwright/SKILL.md and read by ahel’s review.

Keep E2E tests reliable, fast, and maintainable.

Environment

# Sail
sail pnpm playwright:test

# Non‑Sail
pnpm playwright:test

Use a dedicated .env.playwright and rebuild schema with migrate:fresh --seed before running.

State & Seeds

  • Provide seeders for common scenarios (users, roles, demo content)
  • Use factories for per‑test setup; reset state between specs

Test IDs & Selectors

  • Prefer data-testid attributes over CSS paths
  • Keep selectors stable through refactors

Auth

  • Reuse storage state when possible (logged‑in cookies/session)
  • Otherwise create user via API/setup to avoid UI login flakiness

Patterns

  • Break large flows into steps; assert key milestones
  • Record videos/screenshots only on failure to keep suites fast

Signals

GitHub stars
153
Forks
2
Last commit
Jul 2026
Advanced
Catalog kind
skill
Gateway key
laravel-e2e-playwright
Source
github.com/jpcaparas/superpowers-laravel