E2E Test: <Test Name>

<!-- Template for E2E test definitions. Copy this file and fill in the sections below. Usage: /test-e2e <path-to-your-test>.md -->

User Story

As a <user type> I want to <action> So that <benefit>

Pre-Conditions

• Application is running at base URL
• <any specific state requirements>

Test Steps

1. Navigate to <path>
2. Verify page title contains "<expected text>"
3. Screenshot "initial_state"
4. Click "<button text or selector>"
5. Verify "<expected result>"
6. Type "<text>" into "<input selector>"
7. Screenshot "after_action"
8. Verify <final condition>

Success Criteria

• Page loads without errors
• <specific criterion 1>
• <specific criterion 2>
• All screenshots captured successfully

Expected Output

{
  "test_name": "<Test Name>",
  "status": "passed",
  "screenshots": [
    "{PROJECT_ROOT}/outputs/e2e/<test-name>/01_initial_state.png",
    "{PROJECT_ROOT}/outputs/e2e/<test-name>/02_after_action.png"
  ],
  "error": null
}

Notes

• Video recording is explicit: use playwright-cli video-start before and video-stop after the test flow. Output saved to {PROJECT_ROOT}/outputs/e2e/
• Screenshots saved to {PROJECT_ROOT}/outputs/e2e/<test-name>/
• Use descriptive screenshot names for clarity