Chai-HTTP：使用 Chai 进行 HTTP 请求测试-FunTeaLearn Online Web Tutorials

在前端应用的开发中，我们经常需要测试我们的 HTTP 请求是否正确。而 Chai-HTTP 这个工具就是一个基于 Chai 的插件，它可以让我们方便地进行 HTTP 请求测试的编写。

本文将会详细地讲解 Chai-HTTP 的使用，同时给出一些实际示例，帮助读者更好地理解它的使用方法。

Chai-HTTP 的安装

首先，在使用 Chai-HTTP 之前，我们需要安装 Chai。在安装了 Chai 之后，我们可以通过 npm 安装 Chai-HTTP：

npm install chai-http --save-dev

或者，我们可以在项目的 package.json 文件中加入以下内容：

"devDependencies": {
  "chai": "^4.2.0",
  "chai-http": "^4.3.0"
}

然后通过下面的命令进行安装：

npm install

安装完成后，我们就可以在测试文件中引入 chai 和 chai-http 进行测试了。

Chai-HTTP 的基本使用

假设我们需要测试一个 Express 应用的 API，我们可以使用 Chai-HTTP 来发送请求并测试响应的内容和状态码。

发送 GET 请求

// www.javascriptcn.com code example
const chai = require('chai');
const chaiHttp = require('chai-http');
const app = require('./app');

chai.use(chaiHttp);

describe('API testing', () => {
  it('should return a message when GET /api', (done) => {
    chai.request(app)
      .get('/api')
      .end((err, res) => {
        chai.expect(err).to.be.null;
        chai.expect(res).to.have.status(200);
        chai.expect(res.text).to.equal('Hello World!');
        done();
      });
  });
});

这段代码会使用 chai-http 发送一个 GET 请求，并验证返回的状态码是 200，内容是 'Hello World!'。

发送 POST 请求

// www.javascriptcn.com code example
const chai = require('chai');
const chaiHttp = require('chai-http');
const app = require('./app');

chai.use(chaiHttp);

describe('API testing', () => {
  it('should add a new user when POST /api/user', (done) => {
    const user = {
      name: 'John Doe',
      age: 26,
    };
    chai.request(app)
      .post('/api/user')
      .send(user)
      .end((err, res) => {
        chai.expect(err).to.be.null;
        chai.expect(res).to.have.status(200);
        chai.expect(res.body).to.deep.equal(user);
        done();
      });
  });
});

这段代码会使用 chai-http 发送一个 POST 请求，并验证返回的状态码是 200，内容为发送的用户对象。

Chai-HTTP 的高级使用

Chai-HTTP 支持更加复杂的测试，比如验证响应头的内容、验证 cookies 的存在等等。

验证响应头的内容

// www.javascriptcn.com code example
const chai = require('chai');
const chaiHttp = require('chai-http');
const app = require('./app');

chai.use(chaiHttp);

describe('API testing', () => {
  it('should return JSON when GET /api', (done) => {
    chai.request(app)
      .get('/api')
      .end((err, res) => {
        chai.expect(err).to.be.null;
        chai.expect(res).to.have.status(200);
        chai.expect(res).to.be.json;
        chai.expect(res.header['content-type']).to.include('application/json');
        done();
      });
  });
});

这段代码会使用 chai-http 发送一个 GET 请求，并验证返回的内容是 JSON 格式。

验证 cookies 的存在

// www.javascriptcn.com code example
const chai = require('chai');
const chaiHttp = require('chai-http');
const app = require('./app');

chai.use(chaiHttp);

describe('API testing', () => {
  it('should set a cookie when GET /api', (done) => {
    chai.request(app)
      .get('/api')
      .end((err, res) => {
        chai.expect(err).to.be.null;
        chai.expect(res).to.have.status(200);
        chai.expect(res).to.have.cookie('session');
        done();
      });
  });
});

这段代码会使用 chai-http 发送一个 GET 请求，并验证返回的响应中包含名为 session 的 cookie。

结论

Chai-HTTP 是一个方便的工具，它可以帮助我们进行 HTTP 请求测试，让我们可以更方便地测试我们的应用。本文介绍了 Chai-HTTP 的基本使用和高级使用，相信读者已经可以自如地使用它来测试自己的应用了。

Source: FunTeaLearn,Please indicate the source for reprints https://funteas.com/post/66fa6fe744713626014c54c8

Chai-HTTP：使用 Chai 进行 HTTP 请求测试