web-e2e

Automate end-to-end Playwright tests for the Uniswap web application.

5.5k|5.4k|Updated Oct 29, 2017
One-click install
npx skills add https://github.com/Uniswap/interface --skill web-e2e
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-e2e
Source: https://github.com/Uniswap/interface/tree/main/.claude/skills/web-e2e
Command: npx skills add https://github.com/Uniswap/interface --skill web-e2e

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates the complex and time-consuming process of creating, running, and debugging end-to-end (e2e) tests for the Uniswap web application. It simplifies interaction with local blockchain environments (Anvil) and external API mocking, ensuring application quality with minimal manual effort.

Core Features & Use Cases

  • Automated Test Execution: Easily run comprehensive Playwright e2e tests, including those requiring a local blockchain, with streamlined commands.
  • Structured Test Development: Provides a clear architecture for writing robust tests using custom Playwright fixtures for GraphQL, Anvil, and Trading API mocking, alongside best practices like TestIDs.
  • Advanced Debugging & Troubleshooting: Offers various modes for debugging (headed, UI, Playwright Inspector) and integrates with Playwright MCP for interactive browser automation, making test failure diagnosis efficient.
  • Use Case: Imagine you've implemented a new token swap flow. Use this Skill to automatically set up the test environment, run all relevant e2e tests, and quickly pinpoint any issues, ensuring a flawless user experience before deployment.

Quick Start

Use the web-e2e skill to run all end-to-end tests for the Uniswap web application and provide a summary of any failures.

Frequently Asked Questions about web-e2e

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate end-to-end tests for a web application using Playwright?

Automate end-to-end Playwright testing by writing tests that interact with your web app UI, validate user workflows, and catch regressions. This Skill provides test architecture, custom fixtures for mocking APIs and blockchain environments, and debugging modes to run and troubleshoot tests efficiently across your application.

Can I run Playwright tests against a local blockchain environment?

Yes, this Skill supports Playwright testing with local Anvil blockchain scenarios. It provides custom fixtures for blockchain integration, enabling you to test web app functionality that depends on smart contract interactions and on-chain state without external network dependencies.

What's the best way to debug failing end-to-end tests?

Debug Playwright test failures using headed mode, UI mode, or the Playwright Inspector integrated into this Skill. These tools let you step through test execution, inspect elements, and diagnose issues interactively, reducing the time spent identifying why tests fail.

Do I need to manually configure API mocks for web application testing?

No, this Skill includes predefined GraphQL and API mock fixtures you can reuse across tests. Custom fixtures handle mock setup automatically, eliminating repetitive configuration and ensuring consistent test data across your test suite.

How do I set up Playwright tests with automatic wallet connection?

This Skill provides test fixtures that automate wallet connection during Playwright tests, removing manual setup steps. Tests execute with wallet state pre-configured, allowing you to focus on validating application logic rather than test infrastructure.

What testing framework and practices does this Skill follow?

This Skill uses Playwright as the testing framework and enforces best practices including TestID-based element selection, structured fixture architecture for mocking, and a clear command pattern for test initialization and execution to keep tests maintainable and reliable.