ReferenceError: Response is not defined

Question

短版：

我正在使用 vue-test-utils 和 jest 为我的 Vue 组件编写测试用例。

我试图在我的一个测试用例中创建一个 Response 对象，但我不断收到错误 ReferenceError: Response is not defined

长版

我试图在使用 jest 调度 Vuex 动作时模拟 API 响应。我创建了一个像这样的 Vuex 动作

let fakeAccountList = [
  {"id":"abcd","title":"Random Account 1"},
  {"id":"pqrs","title":"Random Account 2"}
]
actions = {
   getAccounts: jest.fn(()=>{

     return new Promise((resolve, reject)=>{
       resolve(mockResponse(200,'ok',fakeAccountList))
      })
    })
 }

getAccounts 操作 returns 解析为帐户列表的 Promise。 mockResponse函数如图：

mockResponse = (status, statusText, response) => {

  return new Response(response, {
    status: status,
    statusText: statusText,
    headers: {
      'Content-type': 'application/json'
    }
  });
};

调用 mockResponse 时，出现错误 ReferenceError: Response is not defined

我发现了这个很老的问题： https://github.com/facebook/jest/issues/930 评论表明它已修复，但对我不起作用。我不想为此导入额外的库，例如 isomorphic-fetch。

这是我在 package.json 中的 devDependencies：

"devDependencies": {
    "@vue/cli-plugin-babel": "3.0.3",
    "@vue/cli-plugin-e2e-cypress": "3.0.3",
    "@vue/cli-plugin-eslint": "3.0.3",
    "@vue/cli-plugin-unit-jest": "3.0.3",
    "@vue/cli-service": "3.0.3",
    "@vue/test-utils": "1.0.0-beta.25",
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "23.6.0",
    "less": "3.0.4",
    "less-loader": "4.1.0",
    "lodash": "4.17.10",
    "node-sass": "4.9.2",
    "sass-loader": "7.0.3",
    "vue-template-compiler": "2.5.16",
  }

如有任何帮助，我们将不胜感激。提前致谢

Answer 1

我正在使用 React 应用程序，只需在您的模拟文件中添加以下语句即可解决问题。希望这可能对您或其他人有所帮助。

import 'isomorphic-fetch'

ReferenceError: Response is not defined

ReferenceError: Response is not defined

jestjs

vuejs2

vue-test-utils