如何在 Jest 中测试 Express.js 应用程序-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，测试是一个非常重要的环节，可以有效地帮助我们保证代码质量和减少 Bug 的产生。而在测试中，Jest 是一个非常流行的测试框架，可以方便地测试 JavaScript 代码。本文将介绍如何在 Jest 中测试 Express.js 应用程序，以及一些常见的测试技巧。

准备工作

在开始测试之前，需要安装一些必要的依赖。首先，需要安装 Jest 和 supertest：

npm install --save-dev jest supertest

其中，Jest 是测试框架，supertest 是一个用于测试 HTTP 请求的库。

接着，需要创建一个 Express.js 应用程序，用于测试。可以使用 Express 应用程序生成器来快速生成一个应用程序：

npm install -g express-generator
express myapp
cd myapp
npm install

这将创建一个名为 myapp 的 Express.js 应用程序，并安装所需的依赖。

编写测试用例

在编写测试用例之前，需要先创建一个测试文件。在项目根目录下创建一个名为 app.test.js 的文件，并在其中编写测试用例。

首先，需要导入所需的依赖：

const app = require('./app');
const request = require('supertest');

其中，app 是 Express.js 应用程序，request 是 supertest 库提供的 HTTP 请求对象。

接着，可以编写第一个测试用例，测试应用程序的根路径：

describe('GET /', () => {
  it('should return 200 OK', (done) => {
    request(app).get('/').expect(200, done);
  });
});

该测试用例使用 describe 和 it 函数定义了一个测试套件和一个测试用例。在测试用例中，使用 supertest 库发送一个 GET 请求到根路径 '/'，并期望返回状态码 200。

接下来，可以编写另一个测试用例，测试应用程序的 /users 路径：

describe('GET /users', () => {
  it('should return an array of users', (done) => {
    request(app).get('/users').expect(200).end((err, res) => {
      expect(Array.isArray(res.body)).toBeTruthy();
      done();
    });
  });
});

该测试用例发送一个 GET 请求到 /users 路径，并期望返回状态码 200。在回调函数中，使用 expect 函数判断返回的数据是否为数组。注意，这里需要使用 end 函数来结束测试用例，否则测试将会超时。

运行测试

编写测试用例完成后，可以使用 Jest 运行测试。在项目根目录下运行以下命令：

npm test

Jest 将自动查找项目中所有以 .test.js 或 .spec.js 结尾的文件，并运行测试用例。

如果一切顺利，测试将会通过，并输出类似以下的结果：

 PASS  ./app.test.js
  GET /
    ✓ should return 200 OK (10ms)
  GET /users
    ✓ should return an array of users (8ms)

Test Suites: 1 passed, 1 total
Tests:       2 passed, 2 total

总结

在本文中，我们介绍了如何在 Jest 中测试 Express.js 应用程序，并编写了两个测试用例。通过测试，可以有效地保证代码质量和减少 Bug 的产生。同时，测试也是学习和掌握前端技术的重要环节，希望本文能对您有所帮助。完整的示例代码可以在 GitHub 上查看：https://github.com/username/repo。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/657fb613d2f5e1655da90c93