在前端开发领域，测试是非常重要的一项工作。而Jest则是一款以高效、简洁而著称的JavaScript测试框架，它能够异步测试功能、流程等各个方面，而本篇文章则将着重介绍Jest测试框架在函数测试中的应用。
函数测试
在开发中，函数是程序中非常常见的模块化部分，在测试中也是被广泛应用的部分。因此，在这里我们将从函数测试的角度出发，详解Jest测试框架如何运用在函数测试中：
语法介绍
在Jest中，对于需要测试的函数，我们可以创建一个对应的测试文件，并在其中用describe、it等函数来组织测试语句：
describe('函数名称', () => {
it('测试说明', () => {
// 测试语句
})
})其中describe函数用来描述要测试的函数的名称，而it函数则用来描述测试说明。我们可以在it函数内部，通过制定输入参数来执行被测试的函数。例如：
-- -------------------- ---- -------
-------- ------ -- -
------ - - --
-
----------------- -- -- -
---------------- -- -- -
----- ------ - ------ ---
----------------------- -- -------- -
--
--在上面的例子中，我们定义了一个名为add的函数，并在测试文件中定义了一个对应名称为add函数的测试模块。而在该模块内部，我们又定义了一个测试说明（两数相加结果是否正确），并在it函数中通过输入参数来执行该函数。最后，我们通过expect函数判断实际输出的结果是否与预期输出结果一致。
匹配器
在测试中，我们需要对函数的输出结果进行判断。而在Jest中，我们可以通过使用“匹配器”来自动化的进行输出结果的判断。
Jest中自带的匹配器有很多，这里以一些常用的匹配器举例介绍：
expect(xxx).toBe(yyy)
判断输出结果是否等于预期结果，即xxx是否等于yyy。
const a = 1; expect(a).toBe(1); // 预期输出的结果为true
expect(xxx).not.toBe(yyy)
与上面的匹配器含义相反，即判断输出结果是否不等于预期结果，即xxx是否不等于yyy。
const a = 2; expect(a).not.toBe(1); // 预期输出的结果为true
expect(xxx).toEqual(yyy)
判断输出是否等于预期结果，当输出结果是对象或数组时，需使用该匹配器。
const arr1 = [1, 2, 3]; const arr2 = [1, 2, 3]; expect(arr1).toEqual(arr2); // 预期输出的结果为true
expect(xxx).toMatch(yyy)
判断输出结果是否与正则表达式所规定的结果一致。
const str = 'hello world'; expect(str).toMatch(/hello/); // 预期输出的结果为true
expect(xxx).toContain(yyy)
判断数组或类数组中是否包含指定内容。
const arr = ['apple', 'banana', 'peach'];
expect(arr).toContain('apple'); // 预期输出的结果为true引用外部函数
在测试文件中有时候需要调用其他文件中定义的函数，这时我们可以在jest.config.js中利用"setup files"的配置来引用外部函数，具体方法如下：
在package.json文件中添加以下配置：
{
"jest": {
"setupFiles": ["<rootDir>/test/js/setup.js"]
}
}在上面的代码中，我们设置setupFiles来引用test/js/setup.js这个文件。而在setup.js中，我们可以通过require语句来引入外部文件中的函数：
global.chai = require('chai');通过这种方法，我们就可以引用并调用其他文件中的函数，实现测试的全面性和准确性。
总结
在本文中，我们从函数测试的角度出发，详细讲解了Jest测试框架在函数测试中的应用，并且结合示例代码向读者进行了更加详尽的说明。为开发人员提供了一些指导性的建议和借鉴，同时也期望能够对读者在Jest测试框架的应用方面有所启发。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c4d46b83d39b488183bda8