Testing Lab 8: Reducer Tests

Objectives

• Test a Reducer

Steps

Test a Reducer

1. Create the file src\projects\state\__tests__\projectReducer-test.ts

2. Add the following code to test the updating of a project.

   src\projects\state\__tests__\projectReducer-test.ts

   import { projectReducer, initialProjectState } from '../projectReducer';

   import { SAVE_PROJECT_SUCCESS } from '../projectTypes';

   import { Project } from '../../Project';

   import { MOCK_PROJECTS } from '../../MockProjects';

   describe('project reducer', () => {

   test('should update an existing project', () => {

   const project = MOCK_PROJECTS[0];

   const updatedProject = Object.assign(new Project(), project, {

   name: project.name + ' updated',

   });

   const currentState = { ...initialProjectState, projects: [project] };

   const updatedState = {

   ...initialProjectState,

   projects: [updatedProject],

   };

   expect(

   projectReducer(currentState, {

   type: SAVE_PROJECT_SUCCESS,

   payload: updatedProject,

   })

   ).toEqual(updatedState);

   });

   });

3. Verify the test passes.

   PASS src/projects/state/__tests__/projectReducer-test.ts

---

✔ You have completed Lab 8