Mocha 测试中发现 supertest 无法发送 post 请求的解决方法

在使用 Mocha 进行前端测试时，我们通常会使用 supertest 库来进行 HTTP 请求的测试，包括 GET、POST 等多种请求。但是，在使用 supertest 发送 POST 请求时，有时候会发现请求无法成功发送，导致测试用例失败。那么，这个问题该如何解决呢？本文将介绍一些解决方法和技巧，帮助读者更好地解决类似的问题。

问题的原因

首先，我们需要了解 supertest 发送 POST 请求的原理。事实上，supertest 本身是基于 superagent 库实现的，而 superagent 在发送 POST 请求时，会为请求添加 Content-Type 和 Content-Length 等 header 头信息，来告诉服务器请求的实体类型和长度。然而，如果我们没有正确设置请求的数据格式和长度，就有可能导致服务器在接收请求时无法正确解析数据，从而导致请求无法成功发送。

解决方法

根据问题的原因，我们可以有多种方法来解决 supertest 发送 POST 请求的问题。下面，我们将介绍几个常用方法：

1. 设置请求的 Content-Type

首先，我们需要设置 POST 请求的 content-type 信息，以告诉服务器请求的实体类型。比如，如果我们要发送 JSON 数据，可以设置 content-type 为 application/json，如下所示：

request.post('/users')
  .send({ name: 'test' })
  .set('Content-Type', 'application/json')
  .expect(200, done);

这样，服务器就能正确解析我们发送的 JSON 数据了。

2. 设置请求的 Content-Length

除了设置 content-type，我们还需要设置 POST 请求的 content-length，以告诉服务器请求实体的长度。否则，服务器可能会认为请求数据未完整发送，从而阻塞请求。可以通过 content-length 插件来自动设置数据长度，如下所示：

var request = require('supertest');
var express = require('express');
var contentLength = require('express-content-length-validator');

var app = express();

app.use(contentLength.validateMax(500));

app.post('/users', function(req, res) {
  res.status(200).send(req.body);
});

describe('POST /users', function() {
  it('respond with json', function(done) {
    var data = { name: 'test' };
    request(app)
      .post('/users')
      .send(data)
      .expect(200)
      .expect('Content-Type', /json/)
      .end(function(err, res) {
        if (err) return done(err);
        done();
      });
  });
});

通过使用 express-content-length-validator 中间件，我们能够方便地验证长度并自动设置 content-length。

3. 使用 formData

最后，我们可以使用 formData 格式来发送 POST 请求，这种方式可以自动处理 content-type 和 content-length 等信息。如下所示：

request.post('/users')
  .field('name', 'test')
  .expect(200, done);

这样，服务器就能正确解析我们发送的数据了。

总结

Mocha 测试中无法发送 post 请求通常是由于请求数据格式或长度设置不正确导致的。通过设置 content-type、content-length 或使用 formData 格式，我们可以更好地解决这些问题。除此之外，我们还可以使用其他工具来帮助我们检测和解决类似的问题，比如 Postman、Fiddler 等。希望本文能够帮助读者更好地解决类似的问题，并在前端测试中取得更好的效果和表现。

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