Using Jest's Mock Function

Starter project

The project for this lesson is the completed project from the last lesson. In this lesson, we’ll refactor the test to use Jest’s mock function.

A copy of the project is in the code widget below. Clicking the “Run” button will execute the tests.

Jest’s mock function

A mock function can be created with Jest using jest.fn(). This function helps us define what should be returned and track its usage.

Update the test in src/Hello/Hello.test.js so that the getUser function is set to Jest’s mock function as follows:

test("Should include users name when rendered", async () => {
  const safe = data.getUser;
  data.getUser = jest.fn();

  render(<Hello id={1}