Build an Expense Manager App with React Native – Part 7

Testing Redux with Jest

Install redux-mock-store, this library will help us mock redux’s state in our tests.

1	yarn add redux-mock-store --dev

We are not going to use react-test-renderer, instead add Enzyme:

1	yarn add enzyme enzyme-adapter-react-16 enzyme-to-json --dev

We will use jest to implement tests for our redux state. In __tests__ folder, add spec files for each component we want to test. For example, test that the SplashScreen is rendered without crashing:

import React from 'react'

import { render } from 'react-native-testing-library'

import SplashScreen from '../../App/components/screens/SplashScreen'

describe('SplashScreen', () => {

it('renders the screen without crashing', () => {

const rendered = render(<SplashScreen />).toJSON()

expect(rendered).toBeTruthy()

})