返回

初学者的 Jest 指南:征服 JavaScript 测试

前端

Jest 入门

Jest 是一个受欢迎的 JavaScript 测试框架,由 Facebook 创建,用于测试 JavaScript 应用程序,包括 React 应用。它简单易用,特别受 JavaScript 开发者的青睐。现在,就让我们开始我们的 Jest 之旅吧。

Jest 安装

首先,我们必须在项目中安装 Jest。以下是如何在 npm 项目中安装 Jest:

npm install --save-dev jest

在 yarn 项目中,可以使用以下命令:

yarn add --dev jest

Jest 使用

安装好 Jest 后,就可以开始编写测试用例了。让我们从最简单的示例入手。创建一个名为 example.test.js 的文件,并在其中编写以下代码:

describe('A simple test', () => {
  it('should pass', () => {
    expect(true).toBe(true);
  });
});

在上面的代码中,我们定义了一个名为 A simple test 的测试套件,它包含了一个测试用例 should pass。这个测试用例很简单,它只是验证 true 是否等于 true

运行 Jest

运行 Jest 测试非常简单。在终端中,切换到项目根目录,然后运行以下命令:

npm test

在 yarn 项目中,可以使用以下命令:

yarn test

Jest 断言

Jest 提供了丰富的断言库,我们可以用来验证测试结果。以下是一些常用的断言:

expect(value).toBe(expected);
expect(value).not.toBe(expected);
expect(value).toBeNull();
expect(value).not.toBeNull();
expect(value).toBeTruthy();
expect(value).toBeFalsy();

Jest 覆盖率

Jest 还提供了覆盖率报告功能,可以帮助我们了解代码的覆盖情况。在运行 Jest 测试时,可以使用 --coverage 标志来生成覆盖率报告。

npm test --coverage

在 yarn 项目中,可以使用以下命令:

yarn test --coverage

结语

Jest 是一个非常强大的 JavaScript 测试框架,它简单易用,功能丰富。如果你正在寻找一个 JavaScript 测试框架,那么 Jest 绝对是一个不错的选择。