GitHub - sslash/react-native-testing: This is how you should test your react-native components with Jest and React Native Testing Library

sslash / react-native-testing Public

forked from vanGalilea/react-native-testing

Notifications You must be signed in to change notification settings
Fork 0
Star 0

This is how you should test your react-native components with Jest and React Native Testing Library

0 stars 71 forks Branches Tags Activity

Name		Name	Last commit message	Last commit date
Latest commit History 58 Commits
__mocks__		__mocks__
__tests__		__tests__
android		android
ios		ios
src		src
.buckconfig		.buckconfig
.eslintrc.js		.eslintrc.js
.gitattributes		.gitattributes
.gitignore		.gitignore
.prettierrc		.prettierrc
.watchmanconfig		.watchmanconfig
README.md		README.md
SECURITY.md		SECURITY.md
app.json		app.json
assetsTransformer.js		assetsTransformer.js
babel.config.js		babel.config.js
index.js		index.js
jest.config.js		jest.config.js
jest.setup.js		jest.setup.js
metro.config.js		metro.config.js
package.json		package.json
tsconfig.json		tsconfig.json
typings.d.ts		typings.d.ts
yarn.lock		yarn.lock

Repository files navigation

This is how you should test 🧪 your react-native ⚛️ components with Jest and React Native Testing Library

👏 Inspired by Kent C. Dodds' workshop Test React Components with Jest and React Testing Library. For more info check Epic React

In this repo you'll find several examples that will cover:

👆 Clicking buttons and asserting onPress' outcome.
📲 Filling a simple login form and asserting successful submission.
🎣 Custom hook testing (number of alternatives).
📡 Mocking fetch calls.
🧭 Mocking navigation through screens. (react navigation v5)
🔚 E2E feel due to real navigation throughout screens.
📥 Handling and mocking providers.
📹 Mocking external lib.'s components.
🎭 Mocking and interacting with RN's Modal component.
🧾 Handling with a screen with RN's FlatList component.
📡 Using MSW to mock api calls and handling loading/errors.