在 Jest 上模拟 react-native-async-storage答案

【问题标题】：Mocking react-native-async-storage on Jest在 Jest 上模拟 react-native-async-storage
【发布时间】：2019-10-08 06:56:54
【问题描述】：

我正在测试依赖于@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 关键字，我认为这是导致此问题的根本原因。

我在这里做错了什么？

【问题讨论】：

标签： react-native jestjs asyncstorage

【解决方案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"
    ]
}

【讨论】：

谢谢大家！这真是太棒了！

【解决方案2】：

截至 2022 年，您可以通过 React-Native official documentation 推荐的社区包 @react-native-community/async-storage 做到这一点

一切都在他们的doc中解释

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

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

在您的设置文件中，设置异步存储模拟：

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

【讨论】：