web-e2e

Name: web-e2e
Rating: 5 (5409 reviews)
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

5409

Explore More Skills

move-code-quality

@davila7

Analyzes Move language packages against the official Move Book Code Quality Checklist. Use this skill when reviewing Move code, checking Move 2024 Edition compliance, or analyzing Move packages for best practices. Activates automatically when working with .move files or Move.toml manifests.

12.4k

1.1k

1w ago

web-e2e

Explore More Skills

move-code-quality

e2e-testing-patterns

testing-anti-patterns