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

•

Seguridad y Pruebas

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

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.

Características Principales

01Automated Playwright test creation using standardized TestID and fixture patterns

02Local blockchain state management with Anvil for realistic transaction testing

03Mocking capabilities for GraphQL, Trading APIs, and analytics services

04Integrated debugging support using Playwright MCP tools and inspector modes

05Automatic test wallet connection for zero-configuration authenticated flows

063 GitHub stars

Casos de Uso

01Debugging failed tests by analyzing browser snapshots, console logs, and network requests

02Validating dApp UI behavior across different blockchain states using local snapshots

03Generating new E2E tests for complex swap and liquidity pool features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add luxfi/exchange web-e2e

For use in Claude.ai and ChatGPT

Download Skill