What is the prerequisite for running tests?

Playwright tests require the Vite preview server to be running at http://localhost:3000, which the skill handles via the 'bun e2e' command suite.

Can I use this for manual browser debugging?

Absolutely. The skill includes Playwright MCP tools for navigating, taking snapshots, and inspecting network requests in real-time.

Why should I run /web-e2e before testing?

Invoking the skill ensures Claude understands the specific test architecture, custom fixtures, and the required environment setup before executing commands.

Does this skill support blockchain-specific tests?

Yes, it uses Anvil fixtures to manage local blockchain states, allowing you to set balances, allowances, and mine blocks during tests.

How does the wallet connection work?

The skill leverages a pre-configured test wallet (test0) that automatically connects in the Playwright environment via wagmiAutoConnect.

Web E2E Testing (Playwright & Anvil)

Name: Web E2E Testing (Playwright & Anvil)
Author: luxfi

byluxfi

•

Security & Testing

Automates the creation, execution, and debugging of end-to-end Playwright tests for decentralized web applications.

About

This skill equips Claude with the specialized knowledge required to manage the end-to-end testing lifecycle of the Luxfi Exchange web application. It integrates Playwright with Anvil for local blockchain simulation, handles automatic wallet connections for authenticated testing, and provides standardized patterns for mocking GraphQL and Trading APIs. By enforcing the use of TestIDs and custom fixtures, it ensures high-quality, reliable tests that validate both UI interactions and complex blockchain transactions while handling prerequisites like the Vite preview server and environment configuration automatically.

Key Features

Automated Playwright test creation using standardized TestID and fixture patterns
Local blockchain state management with Anvil for realistic transaction testing
Mocking capabilities for GraphQL, Trading APIs, and analytics services
Integrated debugging support using Playwright MCP tools and inspector modes
Automatic test wallet connection for zero-configuration authenticated flows
3 GitHub stars

Use Cases

Debugging failed tests by analyzing browser snapshots, console logs, and network requests
Validating dApp UI behavior across different blockchain states using local snapshots
Generating new E2E tests for complex swap and liquidity pool features

About

Key Features

Automated Playwright test creation using standardized TestID and fixture patterns
Local blockchain state management with Anvil for realistic transaction testing
Mocking capabilities for GraphQL, Trading APIs, and analytics services
Integrated debugging support using Playwright MCP tools and inspector modes
Automatic test wallet connection for zero-configuration authenticated flows
3 GitHub stars

Use Cases

Debugging failed tests by analyzing browser snapshots, console logs, and network requests
Validating dApp UI behavior across different blockchain states using local snapshots
Generating new E2E tests for complex swap and liquidity pool features