🎯

browser-e2e-tester

🎯Skill

from adaptationio/skrillz

VibeIndex|
What it does

Automatically runs browser-based end-to-end tests to verify feature implementation, capturing screenshots and generating comprehensive test reports.

πŸ“¦

Part of

adaptationio/skrillz(191 items)

browser-e2e-tester

Installation

Add MarketplaceAdd marketplace to Claude Code
/plugin marketplace add adaptationio/Skrillz
Install PluginInstall plugin from marketplace
/plugin install skrillz@adaptationio-Skrillz
Claude CodeAdd plugin in Claude Code
/plugin enable skrillz@adaptationio-Skrillz
Add MarketplaceAdd marketplace to Claude Code
/plugin marketplace add /path/to/skrillz
Install PluginInstall plugin from marketplace
/plugin install skrillz@local

+ 4 more commands

πŸ“– Extracted from docs: adaptationio/skrillz
3Installs
3
-
Last UpdatedJan 16, 2026

Skill Details

SKILL.md

Browser-based E2E testing for feature verification. Use when running end-to-end tests, validating features in browser, verifying user flows, or testing feature completion.

Overview

# Browser E2E Tester

Runs browser-based end-to-end tests to verify feature implementation meets acceptance criteria.

Quick Start

Run Feature Tests

```python

from scripts.e2e_tester import E2ETester

tester = E2ETester(project_dir)

result = await tester.test_feature("auth-001")

if result.passed:

print(f"Feature verified: {result.feature_id}")

else:

print(f"Failed: {result.failures}")

```

Run All Tests

```python

results = await tester.test_all_features()

print(f"Passed: {results.passed}/{results.total}")

```

E2E Testing Workflow

```

β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”

β”‚ E2E TEST WORKFLOW β”‚

β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€

β”‚ β”‚

β”‚ 1. SETUP β”‚

β”‚ β”œβ”€ Load feature acceptance criteria β”‚

β”‚ β”œβ”€ Start test server (if needed) β”‚

β”‚ β”œβ”€ Initialize browser automation β”‚

β”‚ └─ Set test timeout β”‚

β”‚ β”‚

β”‚ 2. EXECUTE β”‚

β”‚ β”œβ”€ Navigate to feature entry point β”‚

β”‚ β”œβ”€ Execute test steps β”‚

β”‚ β”œβ”€ Capture screenshots on failure β”‚

β”‚ └─ Record test artifacts β”‚

β”‚ β”‚

β”‚ 3. VERIFY β”‚

β”‚ β”œβ”€ Check expected outcomes β”‚

β”‚ β”œβ”€ Validate UI state β”‚

β”‚ β”œβ”€ Verify API responses β”‚

β”‚ └─ Assert data persistence β”‚

β”‚ β”‚

β”‚ 4. REPORT β”‚

β”‚ β”œβ”€ Generate test report β”‚

β”‚ β”œβ”€ Update feature status β”‚

β”‚ └─ Store failure artifacts β”‚

β”‚ β”‚

β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜

```

Test Result Structure

```python

@dataclass

class TestResult:

feature_id: str

passed: bool

duration_ms: int

steps_executed: int

steps_passed: int

failures: list[str]

screenshots: list[Path]

artifacts: dict

```

Supported Test Frameworks

| Framework | Integration | Use Case |

|-----------|-------------|----------|

| Playwright | Native | Modern web apps |

| Puppeteer | Adapter | Chrome-focused |

| Selenium | Adapter | Legacy browsers |

| Cypress | CLI | Component tests |

Feature Acceptance Format

```json

{

"feature_id": "auth-001",

"acceptance_criteria": [

{

"step": "Navigate to login page",

"action": "goto",

"target": "/login"

},

{

"step": "Enter credentials",

"action": "fill",

"target": "#email",

"value": "test@example.com"

},

{

"step": "Submit form",

"action": "click",

"target": "button[type=submit]"

},

{

"step": "Verify redirect",

"action": "assert_url",

"expected": "/dashboard"

}

]

}

```

Integration Points

  • coding-agent: Triggers tests after implementation
  • progress-tracker: Reports test metrics
  • error-recoverer: Handles test failures
  • checkpoint-manager: Restores state on failure

References

  • references/E2E-PATTERNS.md - Test patterns
  • references/BROWSER-AUTOMATION.md - Automation guide

Scripts

  • scripts/e2e_tester.py - Core tester
  • scripts/browser_controller.py - Browser automation
  • scripts/test_reporter.py - Report generation
  • scripts/acceptance_parser.py - Criteria parser