How do I test Redux in a React Native app?

How do I test Redux in a React Native app?

To test Redux in a React Native app, you can use libraries like Jest and React Testing Library. Start by mocking your Redux store.

Can you show me an example of a test case?

Sure! Here's a simple test case using Jest:

import configureStore from 'redux-mock-store';
import { render } from '@testing-library/react-native';
import MyComponent from './MyComponent';

const mockStore = configureStore([]);
const store = mockStore({ myState: { value: 42 } });

test('renders with Redux state', () => {
  const { getByText } = render(<MyComponent store={store} />);
  expect(getByText(/42/i)).toBeTruthy();
});

What about testing actions and reducers?

For actions, you can test them by dispatching and checking the returned action object. For reducers, you can test the state changes based on actions. Here's an example for a reducer:

import reducer from './myReducer';
import { MY_ACTION } from './actionTypes';

test('should return the initial state', () => {
  expect(reducer(undefined, {})).toEqual({});
});

test('should handle MY_ACTION', () => {
  expect(reducer({}, { type: MY_ACTION })).toEqual({ myState: 'newValue' });
});