javascript - 使用 Chai-HTTP 发布时似乎有错误的内容类型

Question

我希望使用 Chai-HTTP 进行一些测试。当然，我想测试的不仅仅是我的 GET，但是我似乎在尝试制作 POST 时遇到了一个主要障碍。

为了找出我的 POST 无法正常工作的原因，我开始在 POST 测试服务器上测试它们。

这是使用完全不同的工具链(Jasmine-Node 和 Frisby)进行格式化的 POST 尝试(效果很好):

frisby.create('LOGIN')
  .post('http://posttestserver.com/post.php', {
    grant_type:'password',
    username:'helllo@world.com',
    password:'password'
  })
  .addHeader("Token", "text/plain")
  .expectStatus(200)
  })
.toss();

结果是:

Time: Mon, 27 Jun 16 13:40:54 -0700
Source ip: 204.191.154.66

Headers (Some may be inserted by server)
REQUEST_URI = /post.php
QUERY_STRING = 
REQUEST_METHOD = POST
GATEWAY_INTERFACE = CGI/1.1
REMOTE_PORT = 19216
REMOTE_ADDR = 204.191.154.66
HTTP_CONNECTION = close
CONTENT_LENGTH = 64
HTTP_HOST = posttestserver.com
HTTP_TOKEN = text/plain
CONTENT_TYPE = application/x-www-form-urlencoded
UNIQUE_ID = V3GPVkBaMGUAAB1Uf04AAAAc
REQUEST_TIME_FLOAT = 1467060054.9575
REQUEST_TIME = 1467060054

Post Params:
key: 'grant_type' value: 'password'
key: 'username' value: 'hello@world.com'
key: 'password' value: 'password'
Empty post body.

Upload contains PUT data:
grant_type=password&username=hello%40world.com&password=password

这是使用 Chai 和 Chai-HTTP 的 POST 尝试。我希望它能像上面使用 Jasmine 和 Frisby 的示例一样工作，但是，您会发现实际请求在几个方面有所不同。

describe('/post.php', function() {

  var endPointUnderTest = '/post.php';

  it('should return an auth token', function(done) {
    chai.request('http://posttestserver.com')
      .post(endPointUnderTest)
      .set('Token', 'text/plain')
      .send({
        grant_type: 'password',
        username: 'hello@world.com',
        password: 'password'
      })
      .end(function(err, res) {
        console.log(res);
        res.should.have.status(200);
        done();
      });
  });
});

结果是:

Time: Tue, 28 Jun 16 06:55:50 -0700
Source ip: 204.191.154.66

Headers (Some may be inserted by server)
REQUEST_URI = /post.php
QUERY_STRING = 
REQUEST_METHOD = POST
GATEWAY_INTERFACE = CGI/1.1
REMOTE_PORT = 1409
REMOTE_ADDR = 204.191.154.66
HTTP_CONNECTION = close
CONTENT_LENGTH = 76
CONTENT_TYPE = application/json
HTTP_TOKEN = text/plain
HTTP_USER_AGENT = node-superagent/2.0.0
HTTP_ACCEPT_ENCODING = gzip, deflate
HTTP_HOST = posttestserver.com
UNIQUE_ID = V3KB5kBaMGUAAErPF6IAAAAF
REQUEST_TIME_FLOAT = 1467122150.9125
REQUEST_TIME = 1467122150

No Post Params.

== Begin post body ==
{"grant_type":"password","username":"hello@world.com","password":"password"}
== End post body ==

Upload contains PUT data:
{"grant_type":"password","username":"hello@world.com","password":"password"}

请特别注意 CONTENT_TYPE、Post Params 和 PUT 数据的差异(我认为这是我的问题的根源)。

Jasmine/Frisby 使用“application/x-www-form-urlencoded”格式提交 POST，而 Chai-HTTP 似乎使用“application/json”格式。

我是否以某种方式滥用了 Chai-HTTP 的 POST 功能？还是 Chai-HTTP 不允许“application/x-www-form-urlencoded”POST 请求？我似乎无法解决这个问题，这是我过渡到使用 Mocha/Chai 工具链进行测试的最后一个障碍(这是我的目标，我宁愿不使用不同的库，除非这是绝对必要的)。

Answer 1

在 Chai-HTTP 的 Git-Hub 页面上进一步讨论后，我发现这是 SuperAgent 的预期行为。 ，Chai-HTTP 引擎盖下的 HTTP 请求库，它根据 .send() 调用中包含的数据类型自动检测内容类型。

我偶然发现了 this particular question这也有助于阐明内容类型之间的实际区别。

如果其他人遇到这个问题，我了解到可以使用这样的调用很容易地更改 Chai-HTTP 的 POST 请求(感谢 meeber 的帮助 here):

//Override auto-detection by specifying the header explicitly
.set('content-type', 'application/x-www-form-urlencoded')

//Select the type 'form'
.type('form')

//Pass multiple strings in send instead of using an object
.send('grant_type=password')
.send('username=hello@world.com')
.send('password=password')

创建如下所示的请求:

describe('/post.php', function() {

  var endPointUnderTest = '/post.php';

  it('should return an auth token', function(done) {
    chai.request('http://posttestserver.com')
      .post(endPointUnderTest)
      .set('Token', 'text/plain')
      .set('content-type', 'application/x-www-form-urlencoded')
      .type('form')
      .send('grant_type=password')
      .send('username=hello@world.com')
      .send('password=password')
      .end(function(err, res) {
        console.log(res);
        res.should.have.status(200);
        done();
      });
  });
});