在进行前端单元测试时，我们通常需要使用 mock 函数模拟外部依赖，以便测试我们的代码是否正确处理这些依赖。但是，如何在 Jest 单元测试中检查 mock 函数是否被正确调用过呢？本文将为您介绍如何实现这一功能。
mock 函数简介
在 Jest 中，我们可以使用 jest.fn() 创建一个 mock 函数。这个 mock 函数可以模拟任何函数，并且可以被传递到我们需要测试的函数中，以便我们测试函数的行为是否正确。
例如，我们有一个名为 fetchData 的函数，它从外部 API 获取数据，并返回一个 Promise。我们可以使用如下代码创建一个 mock 函数：
const fetchData = jest.fn(() => Promise.resolve('data'));然后我们可以在测试用例中将这个 mock 函数传递给我们要测试的函数，以便测试它是否正确处理了 fetchData 函数的返回值：
test('should handle fetchData correctly', () => {
const result = myFunction(fetchData);
expect(result).toEqual('data');
});在这个测试用例中，我们将 fetchData 的 mock 函数传递给了 myFunction，并期望它返回 'data'。
如何检查 mock 函数是否被调用过
在进行单元测试时，我们通常需要检查 mock 函数是否被正确调用过。Jest 提供了多种方法来实现这一功能。
检查 mock 函数的调用次数
我们可以使用 mockFunction.mock.calls 属性来检查 mock 函数的调用次数。这个属性是一个数组，其中每个元素都是一个数组，包含了 mock 函数的参数列表。因此，我们可以通过检查这个数组的长度来确定 mock 函数被调用的次数。
例如，我们可以编写如下测试用例来检查 fetchData 函数被调用了一次：
test('should call fetchData once', () => {
const fetchData = jest.fn(() => Promise.resolve('data'));
myFunction(fetchData);
expect(fetchData.mock.calls.length).toBe(1);
});在这个测试用例中，我们调用了 myFunction 并将 fetchData 的 mock 函数传递给它。然后，我们使用 expect 断言检查 fetchData.mock.calls.length 是否等于 1。
检查 mock 函数的参数
除了检查 mock 函数的调用次数之外，我们还可以检查它的参数是否正确。我们可以使用 mockFunction.mock.calls 属性和 expect.any() 方法来实现这一功能。
例如，我们可以编写如下测试用例来检查 fetchData 函数被调用时，是否传递了正确的参数：
test('should call fetchData with correct arguments', () => {
const fetchData = jest.fn(() => Promise.resolve('data'));
myFunction(fetchData);
expect(fetchData.mock.calls[0][0]).toEqual('https://api.example.com/data');
});在这个测试用例中，我们调用了 myFunction 并将 fetchData 的 mock 函数传递给它。然后，我们使用 expect 断言检查 fetchData.mock.calls[0][0] 是否等于我们期望的值。
检查 mock 函数的返回值
除了检查 mock 函数的调用次数和参数之外，我们还可以检查它的返回值是否正确。我们可以使用 mockFunction.mockReturnValue() 方法来设置 mock 函数的返回值，并使用 expect 断言来检查它是否等于我们期望的值。
例如，我们可以编写如下测试用例来检查 fetchData 函数的返回值是否正确：
test('should return correct result', async () => {
const fetchData = jest.fn(() => Promise.resolve('data'));
const result = await myFunction(fetchData);
expect(result).toEqual('data');
});在这个测试用例中，我们调用了 myFunction 并将 fetchData 的 mock 函数传递给它。然后，我们使用 expect 断言检查 result 是否等于我们期望的值。
总结
在 Jest 单元测试中，我们可以使用 mock 函数模拟外部依赖，并使用 mockFunction.mock.calls 属性、expect.any() 方法和 mockFunction.mockReturnValue() 方法来检查 mock 函数的调用次数、参数和返回值。这些功能可以帮助我们编写更加完善和可靠的单元测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65dcdffb1886fbafa4a323d7