Testing Lab 8: Reducer Tests

Objectives

• Test a Reducer

Steps

Test a Reducer

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

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

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

   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.js

---

✔ You have completed Lab 8