https://github.com/callstack/web3-react-native-testing
Best practices for testing React Native web3 dapps
https://github.com/callstack/web3-react-native-testing
Last synced: 3 months ago
JSON representation
Best practices for testing React Native web3 dapps
- Host: GitHub
- URL: https://github.com/callstack/web3-react-native-testing
- Owner: callstack
- Created: 2024-01-11T12:50:12.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-21T15:36:19.000Z (over 1 year ago)
- Last Synced: 2025-06-28T23:44:48.760Z (7 months ago)
- Language: TypeScript
- Size: 4.94 MB
- Stars: 7
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# web3-react-native-testing
This repository showcases how to configure a React Native Expo project with [Wagmi](https://wagmi.sh/), [Viem](https://viem.sh/) and [WalletConnect Web3Modal](https://docs.walletconnect.com/web3modal/about), and how to write Unit & Integration tests for the main features using [Jest](https://jestjs.io/), [Anvil](https://book.getfoundry.sh/anvil/) and [React Native Testing Library](https://callstack.github.io/react-native-testing-library/).
Read the article for a more detailed explanation: [Testing Expo Web3 Apps With Wagmi and Anvil](https://www.callstack.com/blog/testing-expo-web3-apps-with-wagmi-and-anvil)
## Requirements
- [Expo environment setup](https://docs.expo.dev/get-started/installation/#requirements) (Node.js, Git, Watchman)
- A [Wallet Connect Cloud](https://cloud.walletconnect.com/sign-in) project ID
- Expo Go app installed in your smartphone
- One or more web3 wallets installed in your smartphone (e.g. MetaMask, Rainbow Wallet, Trust Wallet, etc)
## Running the application
- Rename `.env.example` to `.env` and fill in your Wallet Connect Cloud project ID
- `npm install`
- `npm start`
- Open Expo Go app in your smartphone
- If your smartphone is in the same network as your computer, the local dev server should appear as the first option. If it doesn't, use the app to scan the QR Code presented in the terminal
## Running tests
- `npm run test:watch` - This will start the Anvil development blockchain and run the Jest tests in parallel