gmh5225 / wagmi-testing-wagmi

Example of how to write tests for wagmi

testing wagmi

Quick example of how to write tests for wagmi using React Testing Library and Playwright.

Getting started

1. Clone repository and install dependencies:

pnpm install

2. Install Anvil to run local Ethereum node.
3. Add environment variables from .env.example (recommened to use direnv)
4. Run dev server

pnpm dev

Unit/integration tests

Unit and integration tests are run by Vitest and rendered with a custom render function from React Testing Library. See components/Connect.test.tsx and components/SendTip.test.tsx for more info.

Run

1. Start Anvil in terminal session

pnpm anvil

2. Start Vitest in watch mode in different terminal session

pnpm test

End-to-end tests

End-to-end tests use Playwright. See test/pages/index.test.ts for more info.

Run

1. Start Anvil in terminal session

pnpm anvil

2. Start dev server in different terminal session (make sure NEXT_PUBLIC_PLAYWRIGHT_ENABLED is set to true)

pnpm dev

3. Start Playwright test runner

pnpm test:e2e