How do I test Redux with TypeScript?

How do I test Redux with TypeScript?

To test Redux with TypeScript, you can use libraries like Jest and React Testing Library. Start by creating mock stores.

Can you show me an example of a test case?

Sure! Here's a simple test case for a Redux action:

import { myAction } from './actions';

test('should create an action to add a todo', () => {
  const expectedAction = { type: 'ADD_TODO', payload: 'Learn TypeScript' };
  expect(myAction('Learn TypeScript')).toEqual(expectedAction);
});

What about testing reducers?

For reducers, you can test them by passing the current state and an action, then checking the new state:

import reducer from './reducer';

test('should handle ADD_TODO', () => {
  const initialState = [];
  const action = { type: 'ADD_TODO', payload: 'Learn TypeScript' };
  const newState = reducer(initialState, action);
  expect(newState).toEqual(['Learn TypeScript']);
});