web-e2e

Name: web-e2e
Author: Uniswap

Run, create, and debug Playwright e2e tests for the web app. ALWAYS invoke this skill using the SlashCommand tool (i.e., `/web-e2e`) BEFORE attempting to run any e2e tests, playwright tests, anvil tests, or debug test failures. DO NOT run `bun playwright test` or other e2e commands directly - you must invoke this skill first to learn the correct commands and test architecture.

TL;DR

Run, create, and debug Playwright e2e tests for the web app. Always use `/web-e2e` command first.

What Is It

End-to-end Playwright tests for the web app
Automatically connects to test wallet (0xf39Fd...)
Uses custom fixtures and mocks for testing
Supports both regular and Anvil (blockchain) tests

Key Features

Automatic wallet connection via TEST_WALLET_ADDRESS
Uses TestIDs for UI selectors (not string literals)
Mocks GraphQL, Trading API, and analytics
Anvil fixtures manage blockchain state and balances
Runs with Vite preview server at http://localhost:3000
Uses `bun e2e` commands with proper environment setup
Supports interception and snapshotting in tests
Always invoke via `/web-e2e` slash command

How to Use

1.Always invoke this skill using `/web-e2e` before running tests
2.Run from `apps/web/` directory with Vite preview server active
3.Use `bun e2e`, `e2e:no-anvil`, or `e2e:anvil` commands
4.Import fixtures like `getTest()`, `graphql`, `anvil`, `tradingApi`
5.Set `REACT_APP_IS_PLAYWRIGHT_ENV=true` for MCP wallet auto-connection

Guardrails & Gotchas

ALWAYS invoke this skill using `/web-e2e`
DO NOT run `bun playwright test` directly
DO NOT use string literals for UI selectors
Must run Vite preview server before tests
Test files must use `*.e2e.test.ts` or `*.anvil.e2e.test.ts`

GitHub Stats

Author

@Uniswap

Repository

Uniswap/interface

Stars

5,409

Explore More Skills

revenuecat

@rawveg

Comprehensive assistance with RevenueCat in-app subscriptions and purchases

687

7mo ago

web-e2e

Explore More Skills

revenuecat

api-design-principles

solana-security