Question

在正在向BE发出异步调用的情况下，我正在使用fetch-mock来测试我的客户端操作创建者。虽然所有获取请求都运行良好，但我很难做同样的事情来发布和发出请求。

附上一个代码示例，如果有效，我相信我的实际代码也能正常工作。

我正在使用import fetchMock from 'fetch-mock'来模拟响应，而require('isomorphic-fetch')则直接替换默认的提取

我添加了一些评论，但我得到状态为200的响应（如果我将模拟的响应状态更改为400，我也得到它。问题是res.json（）导致undefined而不是模拟的结果体。使用JSON.stringify是我在没有它的情况下无法使用它之后使用的东西。

const responseBody = {response: 'data from the server'};

fetchMock.once('http://test.url', {
  status: 200,
  body: JSON.stringify(responseBody),
  statusText: 'OK',
  headers: {'Content-Type': 'application/json'},
  sendAsJson: false
}, {method: 'POST'});

fetch('http://test.url',
{
  method: 'post',
  body: JSON.stringify({data: 'Sent payload'}),
  headers : {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  }
})
.then(function (res) {
  expect(res.status).toEqual(200); // Pass
  res.json();
})
.then(function (json) {
  console.log(json); // print undefine
  expect(json).toEqual(responseBody); // Fail expected value to equal: {"response": "data from the server"} Received: undefined

  done();
})

模拟GET请求工作正常
我也尝试将它与fetchMock.post一起使用，但没有运气
如果有人知道如何测试发送请求发送的有效负载，也会很感激（在文档中看不到任何参考）

Answer 1

在您第一次使用关键字return

时，您没有明确的回复

如果你不做退货，那么下一个不知道价值。这就是你的json未定义的原因。

例如：

var myInit = { method: 'GET', mode: 'cors', cache: 'default' };

fetch('https://randomuser.me/api/',myInit)
  .then(function(res) {
     return res.json()
  })
  .then(function(r) {
     console.log(r)
  })

所以，对你来说：

const responseBody = {response: 'data from the server'};

fetchMock.once('http://test.url', {
  status: 200,
  body: JSON.stringify(responseBody),
  statusText: 'OK',
  headers: {'Content-Type': 'application/json'},
  sendAsJson: false
}, {method: 'POST'});

fetch('http://test.url',
{
  method: 'post',
  body: JSON.stringify({data: 'Sent payload'}),
  headers : {
    'Accept': 'application/json',
    'Content-Type': 'application/json',
  }
})
.then(function (res) {
  expect(res.status).toEqual(200); // Pass
  return res.json(); // return here
})
.then(function (json) {
  console.log(json); // print undefine
  expect(json).toEqual(responseBody); // Fail expected value to equal: {"response": "data from the server"} Received: undefined

  done();
})

使用fetch-mock和isomrphic-fetch模拟post请求时，res.json（）是未定义的

1 个答案: