From tac
Designs E2E test specs from user stories with steps, verification checkpoints, screenshots, and success criteria for Playwright/Cypress journeys.
npx claudepluginhub melodic-software/claude-code-plugins --plugin tacThis skill is limited to using the following tools:
Design end-to-end tests that validate complete user journeys.
Builds E2E test suites for critical user journeys using Playwright or Cypress, with page objects, setup/teardown, and CI config.
Build E2E test specs for critical user journeys — Playwright or Cypress, page objects, setup/teardown, CI config. Use when asked to "write E2E tests", "end-to-end testing", "browser tests", "UI tests", or "Playwright tests".
Configures and writes end-to-end tests with Playwright or Cypress for validating user flows, browser integration, CI E2E tests, acceptance tests, and production smoke tests.
Share bugs, ideas, or general feedback.
Design end-to-end tests that validate complete user journeys.
# E2E Test: [Test Name]
## User Story
As a [user type]
I want to [action]
So that [benefit]
## Test Steps
1. Navigate to [URL]
2. Take screenshot of initial state
3. **Verify** [element/condition] is present
4. [Action] - Click/Enter/Select
5. Take screenshot of [state]
6. **Verify** [expected result]
7. [Continue steps...]
## Success Criteria
- [ ] [Criterion 1]
- [ ] [Criterion 2]
- [ ] [Criterion 3]
Start with the user's perspective:
## User Story
As a registered user
I want to reset my password
So that I can regain access to my account
Identify each step the user takes:
Mark critical checkpoints with Verify:
## Test Steps
1. Navigate to /login
2. Take screenshot of login page
3. **Verify** "Forgot Password" link is visible
4. Click "Forgot Password" link
5. **Verify** password reset form appears
6. Enter email: "test@example.com"
7. Take screenshot of filled form
8. Click "Send Reset Link" button
9. **Verify** success message appears
10. Take screenshot of confirmation
Clear pass/fail conditions:
## Success Criteria
- [ ] Forgot password link is accessible
- [ ] Form accepts valid email
- [ ] Success message displayed after submission
- [ ] No error states encountered
- [ ] 3 screenshots captured
Define the expected result format:
{
"test_name": "Password Reset Flow",
"status": "passed|failed",
"screenshots": [
"screenshots/01_login_page.png",
"screenshots/02_filled_form.png",
"screenshots/03_confirmation.png"
],
"error": null
}
# E2E Test: User Login
## User Story
As a user, I want to log in so I can access my account.
## Test Steps
1. Navigate to /login
2. **Verify** login form is visible
3. Enter username
4. Enter password
5. Click "Login" button
6. **Verify** redirected to /dashboard
7. **Verify** user name displayed in header
# E2E Test: Contact Form
## User Story
As a visitor, I want to submit a contact form.
## Test Steps
1. Navigate to /contact
2. **Verify** form has all required fields
3. Fill name, email, message
4. Click "Submit"
5. **Verify** success message appears
6. **Verify** form is reset
# E2E Test: Invalid Login
## User Story
As a user, I want to see clear errors for invalid credentials.
## Test Steps
1. Navigate to /login
2. Enter invalid credentials
3. Click "Login"
4. **Verify** error message appears
5. **Verify** still on login page
6. **Verify** password field is cleared
# E2E Test: SQL Injection Protection
## User Story
As a user, I should be protected from injection attacks.
## Test Steps
1. Navigate to search page
2. Enter: "'; DROP TABLE users; --"
3. Click search
4. **Verify** error or sanitized response
5. **Verify** no database damage
01_initial_state.png, 02_after_click.pngscreenshots/test-name/For automation and resolution:
{
"test_name": "User Login",
"status": "passed",
"screenshots": [
"screenshots/user-login/01_login_page.png",
"screenshots/user-login/02_dashboard.png"
],
"error": null,
"duration_ms": 3450
}
For failures:
{
"test_name": "User Login",
"status": "failed",
"screenshots": [
"screenshots/user-login/01_login_page.png"
],
"error": "Step 6 failed: Expected redirect to /dashboard, got /error",
"failed_step": 6,
"duration_ms": 2100
}
Date: 2025-12-26 Model: claude-opus-4-5-20251101