乐闻世界logo
搜索文章和话题

如何使用es6的node_modules设置jest

3 个月前提问
3 个月前修改
浏览次数31

1个答案

1

步骤 1: 安装Jest及相关依赖

首先,我们需要在项目中安装Jest。如果项目中使用了Babel来支持ES6或更高版本的JavaScript,还需要安装 babel-jest@babel/core

bash
npm install --save-dev jest babel-jest @babel/core

步骤 2: 配置Babel

为了让Jest能够理解ES6代码,我们需要配置Babel。创建一个 .babelrc文件或者在 package.json中添加Babel配置。下面是一个基本的Babel配置示例,这里我们使用 @babel/preset-env来转译ES6代码。

json
{ "presets": ["@babel/preset-env"] }

步骤 3: 配置Jest

接下来,我们需要配置Jest以使用Babel。在项目的根目录下创建一个 jest.config.js文件,并添加以下配置:

javascript
module.exports = { transform: { '^.+\\.(js|jsx)$': 'babel-jest' }, testEnvironment: 'node' // 使用node环境运行测试 };

这里的 transform字段告诉Jest如何处理 .js.jsx文件,即使用 babel-jest进行转译。

步骤 4: 编写测试

现在一切都已配置完毕,我们可以开始编写测试代码了。以下是一个简单的测试示例,我们测试一个简单的函数 sum.js

javascript
// sum.js export const sum = (a, b) => a + b;

对应的测试文件 sum.test.js

javascript
import { sum } from './sum'; test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2)).toBe(3); });

步骤 5: 运行测试

最后,我们可以通过以下命令运行测试:

bash
npm test

或者在 package.json中添加一个测试脚本:

json
"scripts": { "test": "jest" }

以上就是在使用ES6语法的项目中配置Jest的基本步骤。

2024年7月20日 03:34 回复

你的答案