Jest 上的 Mocking react-native-async-storage

Question

我正在测试依赖于@react-native-community/async-storage函数，所以显然我的测试必须模拟该库。

所以我在我的jestSetupFile.js中这样做：

import mockAsyncStorage from '@react-native-community/async-storage/jest/async-storage-mock';
jest.mock('@react-native-community/async-storage', () => mockAsyncStorage);

这是来自https://github.com/react-native-community/react-native-async-storage/blob/master/docs/Jest-integration.md的直接指令

但是，正在导出的文件具有type关键字，我的 JavaScript 环境无法解析：

  ● Test suite failed to run

    /Users/someuser/myprojects/myproject/node_modules/@react-native-community/async-storage/jest/async-storage-mock.js:6
    type KeysType = Array<string>;
         ^^^^^^^^

    SyntaxError: Unexpected identifier

果然，当我在该路径检查async-storage-mock.js文件时，它包含type关键字，我认为这是此问题的根本原因。

我在这里做错了什么？

Answer 1

我的解决方案是切换到mock-async-storage

我的jestSetupFile.js ：

import MockAsyncStorage from 'mock-async-storage';
const mockImpl = new MockAsyncStorage()
jest.mock('@react-native-community/async-storage', () => mockImpl);

^^上面的模拟代码在我的测试脚本本身开始时没有用，虽然我的其他模拟代码通常在那里工作。 这只有在添加到我在package.json中定义的jestSetupFile.js时才有效：

"jest:"  {
   "setupFiles": [
      "./jestSetupFile.js"
    ]
}

Answer 2

截至 2022 年，您可以使用React-Native 官方文档推荐的社区 package @react-native-community/async-storage来做到这一点

一切都在他们的文档中解释

1. 在你的 Jest 配置中（可能在 package.json 中）添加安装文件位置：

"jest": {
  "setupFiles": ["./path/to/jestSetupFile.js"]
}

2. 在您的设置文件中，设置异步存储 mocking：

import mockAsyncStorage from '@react-native-async-storage/async-storage/jest/async-storage-mock';
    
jest.mock('@react-native-async-storage/async-storage', () => mockAsyncStorage);