jest安装及使用
最新回答
吥荟吢庝
2021-02-19 12:39:12
Jest 是一个用于 JavaScript 的测试框架，安装及使用步骤如下：
一、安装 Babel 以支持 ES Modules由于 Jest 本身不支持 ES Modules，需要通过 Babel 进行处理。
安装 Babel 核心依赖和预设环境：
npm install @babel/core @babel/preset-env -D创建 .babelrc 配置文件：在项目根目录新建 .babelrc 文件，闭棚内容如下：
{ "presets": [ [ "@babel/preset-env", { "targets": { "node": "current" } } ] ]}此配置将 Babel 预设为根据当前 Node.js 版本转译代码。
- 安装 Jest 开发依赖：npm install --save-dev jest
- 新建测试目录和文件：
在项目根目录下创建 tests 文件夹。
在 tests 文件夹中新建测试文件，例如 example.test.js。Jest 会自动识别所有 .test.js 文件。
编写测试用例：在测试文件中导入待测模块并编写测试逻辑。例如：
import { checkTelPhone } from '../src/utils/common';test('adds 1 + 2 to equal 3', () => { expect(checkTelPhone(15337237385)).toBe(true);});配置 package.json 脚本：在 package.json 的 scripts 字段中添加测试命令轿行则：
"scripts": { "test": "jest --colors --coverage"}--colors：启用彩色输出。
--coverage：生成测试覆盖率报告。
运行测试：执行以下命令启动测试：
npm test测试结果将显示在终端中，包括通过的测试用例和覆盖率数据。
- Babel 配置：确保 .babelrc 文件中的 targets 字带旅段与项目运行环境匹配。
- 测试文件命名：Jest 默认识别 .test.js 或 .spec.js 后缀的文件。
- 覆盖率报告：--coverage 参数会生成 HTML 格式的详细报告，路径通常为项目根目录下的 coverage/ 文件夹。
通过以上步骤，即可完成 Jest 的安装、配置及基础测试用例的编写与运行。
热门标签
