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

关于 Jest

Jest是一个非常流行的JavaScript测试框架。它具有快速、直观和强大的功能，是React官方推荐的测试框架，也被许多开发者广泛使用。Jest不仅支持单元测试、集成测试和端到端测试，还提供快照测试和覆盖率测试等功能。

快速开始

假设我们已经有一个Express.js的应用程序，我们该如何为其编写测试用例。在此过程中，我们将同时使用Supertest库，它用于编写接口测试。

首先，您需要将Jest和Supertest作为项目依赖项进行安装。运行以下命令：

npm install jest supertest --save-dev

安装完成后，我们需要创建一个测试目录来存放我们的测试用例，并在其中创建一个测试文件。在这个测试文件中，我们可以编写我们的第一个测试用例。

首先，让我们编写一个测试用例，测试我们的应用程序是否正常启动。

创建一个名为app.test.js的文件，并添加以下代码：

// javascriptcn.com 代码示例
const request = require('supertest');
const app = require('../app');

describe('Testing Express.js application', () => {
  test('Should get home page of the application', async () => {
    const response = await request(app).get('/');
    expect(response.statusCode).toBe(200);
  });
});

在此测试用例中，我们首先导入了Supertest和我们的应用程序。然后，我们使用describe和test函数将其描述为我们测试的一部分。在这里，我们测试了我们的应用程序是否可以通过GET请求成功响应首页。

使用request(app).get('/')生成一个HTTP请求，然后使用expect断言statusCode是否为200。我们可以看到，使用Jest和Supertest编写测试用例非常简单和直观。

接下来，让我们编写更高级的测试用例。

测试 API 接口

在我们的Express.js应用程序中，通常我们需要编写一些API接口。我们应该如何编写测试用例来确保这些接口正常工作呢？

让我们在应用程序中添加一个名为/api/user的路由。这个路由会根据 GET 请求返回用户信息。

在应用程序中添加以下代码：

app.get('/api/user', (req, res) => {
  const user = {
    name: 'Jenny',
    age: 25
  };
  res.status(200).json(user);
});

为了测试这个接口，我们可以编写如下测试用例：

// javascriptcn.com 代码示例
describe('Testing Express.js application', () => {
  // ...
  test('Should get user information', async () => {
    const response = await request(app).get('/api/user');
    expect(response.statusCode).toBe(200);
    expect(response.body).toMatchObject({
      name: 'Jenny',
      age: 25
    });
  });
});

在这个测试用例中，使用request(app).get('/api/user')发起一个 GET 请求。Tests使用expect来测试statusCode是否为200以及JSON中的内容是否与预期匹配。

这是一个非常基础的测试用例，我们可以通过Supertest的其他功能来编写更高级的测试用例。

测试登录逻辑

假设我们的应用程序中有一个登录逻辑，我们应该如何编写一个测试用例来确保它正常工作？

让我们在应用程序中添加/auth/login路由，这个路由需要接收一个用户的用户名和密码，如果用户名和密码正确则返回200，否则返回401。

下面是我们的路由代码：

// javascriptcn.com 代码示例
app.post('/auth/login', (req, res) => {
  const { username, password } = req.body;

  if (username === 'test' && password === 'test') {
    res.status(200).send('Login success');
  } else {
    res.status(401).send('Login failed');
  }
});

我们需要编写一个测试用例来测试/login接口是否返回正确的结果。

// javascriptcn.com 代码示例
describe('Testing Express.js application', () => {
  // ...
  test('Should login successfully with correct username and password', async () => {
    const response = await request(app)
      .post('/auth/login')
      .send({
        username: 'test',
        password: 'test'
      });
    expect(response.statusCode).toBe(200);
    expect(response.text).toBe('Login success');
  });

  test('Should fail to login with incorrect username and password', async () => {
    const response = await request(app)
      .post('/auth/login')
      .send({
        username: 'incorrect',
        password: 'incorrect'
      });
    expect(response.statusCode).toBe(401);
    expect(response.text).toBe('Login failed');
  });
});

在这个测试用例中，我们使用Supertest的send方法向/login接口发送POST请求。然后，我们使用expect断言测试statusCode和返回的text是否符合预期。

这是一个非常基础的测试用例，我们可以通过扩展Supertest库的其他功能来编写复杂的测试用例。

总结

Jest是一款非常强大的JavaScript测试框架，它可以帮助我们编写各种不同类型的测试用例，包括单元测试、集成测试、端到端测试、覆盖率测试等。在Express.js应用程序中，我们可以使用Supertest库来编写接口测试用例。

在这篇文章中，我们通过编写多个测试用例来讲解Jest和Supertest的使用方法。希望这些例子能帮助读者理解如何使用这些框架来编写测试用例。同时，也希望通过这篇文章，读者能够掌握如何在开发过程中使用测试来提高代码质量和开发效率。

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