如何使用 Jest 在 React Native 中模拟 'react-native-config' 库的配置数据？

Question

我在这里尝试获取环境详细信息以获取应用程序的基础 url。 Here is the package being used.

// configfile.ts

import Config from 'react-native-config';

interface Setting {
  environment: string;
 
}
const settings: Setting = {
  environment: Config.ENV || '',

};

export default settings;

现在，每当我尝试从我的测试文件访问 settings.environment 时，它都会返回空字符串 ('')，因为 Config.ENV 的值未定义，因为我无法模拟值。

异常结果： 每当我调用 settings.environment 时，我应该得到 'test' 作为返回的字符串值.

Answer 1

开玩笑

为了模拟 Config.ENV 用法，在项目的根目录下创建一个文件夹 __mocks__ 并在其中创建一个名为 react-native-config.js

的文件

在文件中粘贴下面的代码

// react-native-config.js

export default {
  ENV: 'test', // here 'test' is expected value
};

如何使用 Jest 在 React Native 中模拟 'react-native-config' 库的配置数据？

How to mock Config data of 'react-native-config' library in react native using Jest?

javascript

unit-testing

jestjs

react-native

enzyme