Files
ECC/.opencode/commands/e2e.md
Gaurav Dubey 9d1ecb0754 fix(opencode): resolve command agent ids to registered opencode agents (#2477)
The `.opencode/commands/*.md` frontmatter referenced agents with the Claude
Code plugin namespace (`agent: everything-claude-code:<name>`), but ECC's
opencode integration registers its agents unscoped in `opencode.json`'s
`agent` map (`code-reviewer`, `planner`, ...), and that file's own `command`
section already references them unscoped. The `everything-claude-code:` scope
resolves under no opencode config (the opencode plugin package is
`ecc-universal`, and inline-config agents are bare), so subtask commands like
`/code-review` hard-fail with `Agent not found: everything-claude-code:code-reviewer`.
Non-subtask commands fall back to the default agent and appear to work — which
is why only some commands failed.

Strip the `everything-claude-code:` prefix from all 30 command frontmatter
agent ids so they match the registered agents, fix the MIGRATION.md example,
and replace the test that enforced the broken scoped invariant with one that
asserts each command agent id is a registered opencode agent (fails on the old
scoped ids, passes on the fix).

Fixes #2477
2026-07-10 09:46:40 +05:30

2.2 KiB

description, agent, subtask
description agent subtask
Generate and run E2E tests with Playwright e2e-runner true

E2E Command

Generate and run end-to-end tests using Playwright: $ARGUMENTS

Your Task

  1. Analyze user flow to test
  2. Create test journey with Playwright
  3. Run tests and capture artifacts
  4. Report results with screenshots/videos

Test Structure

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

test.describe('Feature: [Name]', () => {
  test.beforeEach(async ({ page }) => {
    // Setup: Navigate, authenticate, prepare state
  })

  test('should [expected behavior]', async ({ page }) => {
    // Arrange: Set up test data

    // Act: Perform user actions
    await page.click('[data-testid="button"]')
    await page.fill('[data-testid="input"]', 'value')

    // Assert: Verify results
    await expect(page.locator('[data-testid="result"]')).toBeVisible()
  })

  test.afterEach(async ({ page }, testInfo) => {
    // Capture screenshot on failure
    if (testInfo.status !== 'passed') {
      await page.screenshot({ path: `test-results/${testInfo.title}.png` })
    }
  })
})

Best Practices

Selectors

  • Prefer data-testid attributes
  • Avoid CSS classes (they change)
  • Use semantic selectors (roles, labels)

Waits

  • Use Playwright's auto-waiting
  • Avoid page.waitForTimeout()
  • Use expect().toBeVisible() for assertions

Test Isolation

  • Each test should be independent
  • Clean up test data after
  • Don't rely on test order

Artifacts to Capture

  • Screenshots on failure
  • Videos for debugging
  • Trace files for detailed analysis
  • Network logs if relevant

Test Categories

  1. Critical User Flows

    • Authentication (login, logout, signup)
    • Core feature happy paths
    • Payment/checkout flows
  2. Edge Cases

    • Network failures
    • Invalid inputs
    • Session expiry
  3. Cross-Browser

    • Chrome, Firefox, Safari
    • Mobile viewports

Report Format

E2E Test Results
================
PASS: Passed: X
FAIL: Failed: Y
SKIPPED: Skipped: Z

Failed Tests:
- test-name: Error message
  Screenshot: path/to/screenshot.png
  Video: path/to/video.webm

TIP: Run with --headed flag for debugging: npx playwright test --headed