前言
在前端开发中，我们经常会使用到纯函数。纯函数是指在相同的输入条件下，总是返回相同的输出结果，且不会对外部产生任何副作用的函数。由于纯函数的特性，我们可以更好地测试和维护代码。
Jest 是一款流行的 JavaScript 测试框架，它提供了丰富的测试工具和 API。在本文中，我们将介绍 Jest 如何针对纯函数进行测试，并分享一些测试方法和技巧。
简单的纯函数测试
首先，我们来看一个简单的纯函数，它接受两个数字参数并返回它们的和：
function add(a, b) {
return a + b;
}为了测试这个函数，我们可以创建一个测试文件，使用 Jest 提供的 test 函数编写测试用例：
test('add function should return the correct result', () => {
expect(add(1, 2)).toBe(3);
expect(add(3, 4)).toBe(7);
expect(add(-1, 1)).toBe(0);
});在这个测试用例中，我们使用了 Jest 提供的 expect 函数和 toBe 匹配器。expect 函数用于断言代码的行为，toBe 匹配器用于判断返回结果是否等于预期结果。
针对边界条件的测试
在编写测试用例时，我们需要考虑各种边界条件，以保证代码的正确性。对于上面的 add 函数，我们需要测试一些边界情况：
test('add function should handle edge cases correctly', () => {
expect(add(0, 0)).toBe(0);
expect(add(1, -1)).toBe(0);
expect(add(Number.MAX_SAFE_INTEGER, 1)).toBe(Number.MAX_SAFE_INTEGER + 1);
});在这个测试用例中，我们测试了当输入为 0、正负数、最大安全整数时，函数的返回结果是否正确。
针对异常情况的测试
除了测试正常情况下的代码行为，我们还需要测试异常情况。对于纯函数，异常情况可能是指函数接收到无效的输入参数，或者参数类型不正确等。
为了测试异常情况，我们可以使用 Jest 提供的 toThrow 匹配器。toThrow 匹配器用于测试函数是否抛出了异常。
例如，对于下面这个函数，它接收一个数字参数并返回它的平方根：
function getSqrt(num) {
if (typeof num !== 'number' || num < 0) {
throw new Error('Invalid input');
}
return Math.sqrt(num);
}我们可以编写以下测试用例：
test('getSqrt function should throw an error when input is invalid', () => {
expect(() => getSqrt(-1)).toThrow('Invalid input');
expect(() => getSqrt('foo')).toThrow('Invalid input');
});在这个测试用例中，我们测试了当输入为负数或非数字类型时，函数是否会抛出异常。
使用 Mock 函数进行测试
在编写测试用例时，我们可能会遇到一些依赖其他模块或服务的函数。为了测试这些函数，我们需要使用 Mock 函数替代这些依赖。
在 Jest 中，我们可以使用 jest.fn() 函数创建一个 Mock 函数。Mock 函数可以模拟其他模块或服务的行为，并返回我们预设的结果。
例如，对于下面这个函数，它调用了一个外部的 API：
async function fetchUser(userId) {
const response = await fetch(`https://api.example.com/users/${userId}`);
const data = await response.json();
return data;
}我们可以使用 Mock 函数模拟这个 API 的行为，并测试函数的返回结果是否正确：
// www.javascriptcn.com code example
test('fetchUser function should return the correct user data', async () => {
const mockResponse = { id: 1, name: 'Alice' };
const mockFetch = jest.fn().mockResolvedValue({ json: () => mockResponse });
global.fetch = mockFetch;
const user = await fetchUser(1);
expect(mockFetch).toHaveBeenCalledWith('https://api.example.com/users/1');
expect(user).toEqual(mockResponse);
});在这个测试用例中，我们使用 jest.fn() 函数创建了一个 Mock 函数，并将它赋值给全局的 fetch 函数。Mock 函数返回我们预设的结果，从而模拟了外部 API 的行为。我们还使用了 Jest 提供的 toHaveBeenCalledWith 匹配器，测试函数是否正确地调用了 fetch 函数。
结语
在本文中，我们介绍了 Jest 如何针对纯函数进行测试，并分享了一些测试方法和技巧。通过编写完善的测试用例，我们可以更好地保证代码的正确性和可维护性。如果你还没有使用 Jest 进行测试，不妨尝试一下，它将会帮助你提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d28771a941bf71344c7741