Skip to content
Development
Command

/add-e2e-test

Create Playwright end-to-end test for a complete user flow.

shell
$ npx -y skills add LarouexNonprofitConsulting/larouex-fullstack-plugin --agent claude-code

Ships with larouex-fullstack-builder. Installing the plugin gets this command.

How it fires

How this command gets triggered: by you, by Claude, or both.

  • Fires itselfClaude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/add-e2e-test

Context preview

What this command does when you run it.

Create Playwright end-to-end test for a complete user flow.

Command definition

add-e2e-test.md

Create Playwright end-to-end test for a complete user flow.

Generate:

  • E2E test file in /e2e or /tests/e2e
  • Page Object Model classes for pages under test
  • Test fixtures for test data and setup
  • Complete user flow test (e.g., registration, checkout, form submission)
  • Assertions for UI elements, navigation, and data persistence
  • Screenshot capture on test failure
  • Test setup and teardown (before/after hooks)
  • Environment configuration for test URLs
  • Happy path test scenario
  • Edge case and error scenario tests
  • Mobile viewport testing

Include proper waiting strategies (waitForSelector, waitForNavigation), robust selectors, and test isolation. Cover authentication flows if needed. Ensure tests are maintainable and well-documented.

Read it on GitHub โ†—
Ships withlarouex-fullstack-builder

A comprehensive Claude Code plugin with 81 commands and 12 specialized AI agents for building modern, full-stack web applications with Next.js 15, Azure, Railway, Bootstrap, and TypeScript.

Get the whole plugin, auto-invoked