在前端开发中，自动化测试是必不可少的环节。而 Jest 是 JavaScript 的测试框架，可以进行各种测试，包括单元测试、集成测试、端到端测试等。为了更方便地使用 Jest ，许多开发者使用 start-jest npm 包来快速配置 Jest 环境。本文将分享 start-jest 包的使用教程。
安装 start-jest
在全局安装 start-jest
npm install start-jest -g
也可以在本地项目中安装
npm install start-jest --save-dev
在项目中使用 start-jest
- 在项目根目录下创建 jest.config.js 文件，并且填写 Jest 的配置项
module.exports = {
roots: ['./src'],
testMatch: ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)'],
transform: {
'^.+\\.(js|jsx|ts|tsx)$': 'babel-jest',
},
};- 在 package.json 文件中添加 start 和 test 命令
{
"scripts": {
"start": "start-jest",
"test": "jest"
}
}- 运行 start 命令
npm start
此时，start-jest 配置的 Jest 环境已经启动，并且可以监听任何测试文件的变化。除了在命令行中使用 npm start，也可以在编辑器中添加 Jest 插件，从而更方便地进行测试。
示例代码
在开始实际使用 start-jest 包之前，让我们来看一下一个示例。
// index.js
function sum(a, b) {
return a + b;
}
module.exports = sum;// index.test.js
const sum = require('./index');
test('adds 1 + 2 to equal 3', () => {
expect(sum(1, 2)).toBe(3);
});在执行 npm start 命令后，Jest 会自动运行 index.test.js 文件进行测试。
终端输出
如果一切正常，控制台输出如下
-- -------------------- ---- ------- - --- ----- - --------------------- ----- - ---------- -- ----- ----- ------- -- ----- ------- ----- ---- ------- ----- --- -- --- --- ------ -- --- ---- ---- ------------- ----- ----- - ----- - -- --- --- ------ - ----- - -- --- ---- ------ ------ - ----- - -- ---- ----- ----- - ----- - -- ------ -- - -------- ----- -------- - ----- - -- ------ -- - ---- ---- ----- -------- - ----- ----- -- ------- - ---- ----
这里可以输入 a 来运行全部测试
-- -------------------- ---- ------- - --- ----- - --------------------- ----- - ---------- ---- --------------------------- - ---- - - - -- ----- - ----- ---- ------- - ------- - ----- ------ - ------- - ----- ---------- - ----- ----- ------ --- --- ---- -------
这里可以看到测试已经成功通过。
结束语
本文介绍了 start-jest 包的使用教程，使得开发者可以快速配置 Jest 环境并进行自动化测试。希望此文能对有需求的开发者提供帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600575bc81e8991b448ea6ce