reactjs - Jest 和 React Native : How to mock AccessibilityInfo

Question

我正在使用 Jest 测试我的 React native 应用程序，但以下行给我一个问题。

AccessibilityInfo.announceForAccessibility(errorMessages[0]);

错误:

TypeError: Cannot read property 'announceForAccessibility' of undefined

我试着用

来模拟它

jest.mock('react-native', () => ({
  ...jest.requireActual('react-native'),
  AccessibilityInfo: {
    fetch: jest.fn(),
    addEventListener: jest.fn(),
    setAccessibilityFocus: jest.fn(),
    announceForAccessibility: jest.fn(),
    removeEventListener: jest.fn(),
  },
}));

但这带来了很多其他问题。

我如何在 React Native 包上模拟这个特定的导出？

Answer 1

我在使用 AccessibilityInfo.fetch() 确定用户是否使用屏幕阅读器时遇到了同样的问题。

命名导入的一个选项是使用 spyOn 方法。

import { AccessibilityInfo } from 'react-native';

jest
  .spyOn(AccessibilityInfo, 'announceForAccessibility')
  .mockImplementation(...);