当你在使用 Jest 进行前端项目的单元测试时,你需要配置一些参数和选项。而 amex-jest-preset
是由 American Express 开发的预设,可以帮助你快速地对 Jest 进行配置,以便于进行开箱即用的 JavaScript 测试。
如何安装
你可以通过运行以下命令来安装 amex-jest-preset
:
npm install --save-dev amex-jest-preset
如何使用
在你的项目中创建一个名为 jest.config.js
的文件,并将以下代码添加到该文件中:
module.exports = { preset: 'amex-jest-preset', };
这样你就完成了基础配置,现在你可以运行 Jest 来执行测试了:
npx jest
如果你想覆盖默认配置,可以通过修改 jest.config.js
文件来实现。例如,要排除某些文件或文件夹的测试,可以在 jest.config.js
中添加以下代码:
module.exports = { preset: 'amex-jest-preset', testPathIgnorePatterns: ['/node_modules/', '/dist/'], };
在上面的示例中,testPathIgnorePatterns
将会忽略 node_modules
和 dist
文件夹中的所有测试。
实际应用
下面是一个简单的使用示例,我们将要测试一个名为 sum.js
的模块,它提供了一个 sum
函数用于将两个数字相加:
// sum.js function sum(a, b) { return a + b; } module.exports = sum;
接下来我们编写一个测试文件 sum.test.js
,用来测试 sum
函数的正确性:
// sum.test.js const sum = require('./sum'); test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2)).toBe(3); });
在上面的示例中,我们调用了 Jest 的全局 test
函数,并使用 expect
和 toBe
断言进行测试。这样我们可以确保通过执行 sum(1, 2)
的结果等于 3
。
最后,在命令行中执行 npx jest
,我们应该会看到测试通过的结果。
总结
通过这篇文章,我们了解了如何使用 amex-jest-preset
快速地配置 Jest 进行单元测试,并给出了实际使用的示例。现在你可以在你的项目中轻松地开始编写和运行单元测试了!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/57150