设置localStorage以使用jest测试React应用程序

我创建了一个空应用程序 create-react-app . 它在pckage.json上提供了一个测试脚本和一个示例App.test.js。第一步,我想根据 create-react-app . 在我的应用程序中,我将使用本地存储。 假设下面这样的动作需要测试

export const cancel = () => {
  localStorage.removeItem("MyAppData");
  return { type: types.USER_CANCEL};
};

除了酶部分,它还演示了如何初始化 localStorage . 所以我最后得到了一个 setupTests.js 像文件一样

import { configure } from "enzyme";
import Adapter from "enzyme-adapter-react-16";
// react-testing-library renders your components to document.body,
// this will ensure they're removed after each test.
import "react-testing-library/cleanup-after-each";
// this adds jest-dom's custom assertions
import "jest-dom/extend-expect";

configure({ adapter: new Adapter() });

const localStorageMock = {
  getItem: jest.fn(),
  setItem: jest.fn(),
  clear: jest.fn()
};
global.localStorage = localStorageMock;

如果我不进口 jest 从jest或jest dom或jest酵素,ESLinter在 jest.fn() 这个笑话是没有定义的。当我导入并运行 yarn test 我明白了

$ react-scripts test --env=jsdom
 FAIL  src\App.test.js
  ● Test suite failed to run

    TypeError: _jest2.default.fn is not a function

      at Object.<anonymous> (src/setupTests.js:15:27)
          at <anonymous>

我真的不知道从QAs这里和其他论坛我应该如何设置本地存储测试。