React Native-由于本机模块，单元测试失败

Question

当我声明一个本机Java模块时，我发现了一个奇怪的异常——新代码没有通过单元测试。基本上，我从React Native中的NativeModules导入的任何内容都缺少定义：因此单元测试失败，因为类型错误：无法读取未定义的属性“HelloWorld”

复制步骤：

import { NativeModules } from 'react-native';

const Thing = NativeModules.SomeModule;

export const helloWorld = (addedText: string) => {
  return Thing.HelloWorld(addedText);
};

export default Thing;

但错误是

  TypeError: Cannot read property 'HelloWorld' of undefined

  4 |
  5 | export const helloWorld = (addedText: string) => {
> 6 |   return Thing.HelloWorld(addedText);
    |                ^
  7 | };
  8 |
  9 | export default Thing;

实际的Java是

public class SomeModule extends ReactContextBaseJavaModule  {

  SomeModule(ReactApplicationContext context) {
    super(context);
  }
  
  @Override
  public String getName() {
    return "SomeModule";
  }
  void HelloWorld(String addedText){
     try {
       Log.w("HELLO_WORLD", addedText);
     }
     catch (Exception e) {
       Log.e("DEVICE_MODULE_HELLO_WORLD_FAILED", "HelloWorld() Failed");
     }
  }
}

这运行良好（当您运行它时），但单元测试讨厌它。问题似乎是React Native测试缺乏对const helloWorld=（addedText： string）=结构的认识

declare namespace Thing {
   function helloWorld(addedText: string): void;
}

但在单元测试中，它仍然失败，我觉得简单地假设它被忽略了是不对的，所以我假设我一定是错误地实现了一些东西。有人能说明正确的方法吗？




Answer 1

匿名用户

答案是模拟函数

在测试文件中，（对react native calls中代码的任何部分的测试（“bob chips”））（即它不导出到哪里），您必须模拟Java模块，如下所示。注意，这是启动失败测试的文件顶部的全局（一次）-可能您将helloWorld（“bob chips”）放在位置。tsx如果是，可能是位置。测验tsx失败-因为它引用了helloWorld（“bob chips”），如果在测试失败的测试中是这样的话-在内部位置。测验tsx-在文件顶部执行一次：

jest.mock('react-native', () => {
  const RN = jest.requireActual('react-native');
  RN.NativeModules.SomeModule = {
    HelloWorld: jest.fn(),
  };

  // mock modules created through UIManager
  RN.UIManager.getViewManagerConfig = (name) => {
    if (name === 'SomeModule') {
      return { HelloWorld: jest.fn() };
    }
    return {};
  };
  return RN;
});

然后抑制尝试测试它的笑话，并允许您在java中编写测试以进行补偿