调用另一个异步函数的异步函数的笑话测试失败答案

【问题标题】：Jest test fails for async function that calls another async function调用另一个异步函数的异步函数的笑话测试失败
【发布时间】：2019-06-24 12:06:26
【问题描述】：

我正在尝试测试一个使用另一个异步函数返回的数据的异步函数。这是解释我的问题的代码：

StudentInfo.js

export async function getData() {
  //studentData imported from another file
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(studentData);
    }, 5000);
  });
}

export async function filterStudents() {
  const studentData = await StudentInfo.getData();

  //computations

  return filteredData; //object
}

StudentInfo.test.js

import * as studentInfo from "src/StudentInfo.js"

describe("StudentInfo" , () => {
   test("student data correctly filtered", async () => {
      const studentData = [
         {
            name: Sarah Marshall,
            id: srhmar451
         },
         {...}
      ];
      expectedData = { [...], [...]};
      const spy = jest.spyOn(studentInfo, "getData");
      spy.mockReturnValue(studentData);
      await expect(studentInfo.filterStudents()).toEqual(expectedData);
   });
});

我的测试失败了，因为预期的返回值是Promise {}。有人可以帮我为filterStudents() 函数编写一个测试吗？我已经被困在这太久了。

【问题讨论】：

既然你在监视异步函数，你应该使用spy.mockResolvedValue(studentData)

标签： javascript unit-testing jestjs enzyme

【解决方案1】：

这是一个帮助您入门的工作示例：

StudentInfo.js

import * as StudentInfo from './StudentInfo';

export async function getData() {
  throw new Error('should not get here');  // <= getData will be mocked
}

export async function filterStudents() {
  const studentData = await StudentInfo.getData();
  return studentData.filter(v => v.id === '2');
}

StudentInfo.test.js

import * as StudentInfo from "./StudentInfo"

describe("StudentInfo", () => {
  test("student data correctly filtered", async () => {
    const studentData = [
      { name: 'student1', id: '1' },
      { name: 'student2', id: '2' },
      { name: 'student3', id: '3' }
    ];
    jest.spyOn(StudentInfo, "getData").mockResolvedValue(studentData);
    await expect(StudentInfo.filterStudents()).resolves.toEqual([{ name: 'student2', id: '2' }]);  // Success!
  });
});

您可以使用mockFn.mockResolvedValue 将返回值模拟为Promise，它解析为您传递给它的值（尽管如果您只使用mockFn.mockReturnValue 它也可以正常工作，因为调用await 是有效的在一个值上，例如const five = await 5; // <= works fine)。

重要的部分是使用.resolves 告诉Jest 预期值是您希望解析的Promise，然后链接toEqual 以断言预期的解析值。

【讨论】：