LegendaryTeam_For_Claude: Command for Claude Code

/e2e - E2E Test Generation & Execution

Generate and execute end-to-end tests for user workflows using Playwright.

---

Usage

# Generate E2E test for a user flow
/e2e "user can login and view dashboard"

# Generate E2E test with specific steps
/e2e "checkout flow: add item to cart, proceed to checkout, complete payment"

# Run existing E2E tests
/e2e run

# Run specific E2E test file
/e2e run auth/login.spec.ts

# Generate test for specific page/component
/e2e "test profile page with all user interactions"

---

What This Command Does

1. Analyzes the requested user flow or feature
2. Generates Playwright E2E test with proper selectors
3. Creates test file in e2e/ directory
4. Runs the test to verify it works
5. Reports results with screenshots on failure

---

Command Flow

Step 1: Parse user request
  → Identify user flow/journey
  → Break down into testable steps

Step 2: Generate test
  → Create Playwright test file
  → Use proper selectors (data-testid preferred)
  → Add proper waits and assertions

Step 3: Execute test
  → Run Playwright test
  → Capture screenshots/videos on failure
  → Report results

Step 4: Integrate
  → Add test to test suite
  → Update CI/CD if needed

---

Invokes Agent

@E2ERunner will handle this command with the following context:

Task: Generate E2E test for user workflow
Description: ${user_input}

Requirements:
1. Create Playwright test file
2. Use proper selectors (prefer data-testid)
3. Include proper waits and assertions
4. Handle errors and edge cases
5. Run test to verify it works
6. Provide test report with results

Output:
- Test file path
- Test execution results
- Screenshots on failure
- Recommendations for improvement

---

Example: Login Flow

Input:

/e2e "user can login with email and password"

Generated Test (e2e/auth/login.spec.ts):

import { test, expect } from '@playwright/test';

test.describe('User Login', () => {
  test('should login with valid credentials', async ({ page }) => {
    // Navigate to login page
    await page.goto('/login');

    // Fill login form
    await page.fill('[data-testid="email-input"]', '[email protected]');
    await page.fill('[data-testid="password-input"]', 'password123');

    // Submit form
    await page.click('[data-testid="login-button"]');

    // Verify redirect to dashboard
    await expect(page).toHaveURL(/\/dashboard/);
    await expect(page.locator('[data-testid="user-menu"]')).toBeVisible();
  });

  test('should show error for invalid credentials', async ({ page }) => {
    await page.goto('/login');

    await page.fill('[data-testid="email-input"]', '[email protected]');
    await page.fill('[data-testid="password-input"]', 'wrongpassword');

    await page.click('[data-testid="login-button"]');

    // Verify error message
    await expect(page.locator('[data-testid="error-message"]')).toContainText('Invalid credentials');
  });
});