react-native - 用玩笑 react 原生元素不起作用

Question

我正在使用 @testing-library/react-native 但当我尝试测试具有任何 rneui: 4.0.0-rc-6 组件的组件时我收到几个错误:

现在第一个是

Details:

    /Users/ep/myProject/node_modules/@rneui/themed/dist/index.js:1
    ({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import { AirbnbRatingDefault as AirbnbRating, } from './AirbnbRating';
                                                                                           

我可以通过将 @rneui 添加到 package.json 内的 transformIgnorePatterns 来解决这个问题

但现在我得到了

ReferenceError: getCacheKeyFunction is not defined

  at _default (node_modules/@jest/create-cache-key-function/build/index.js:76:3)
  at Object.<anonymous> (node_modules/jest-expo/src/preset/assetFileTransformer.js:5:16)

关于如何解决这个问题有什么想法吗？ (我的组件正在使用 rneui 中的图标和输入)

Answer 1

我能够通过模拟组件来解决这些问题

const MockInput = () => (<View />)
jest.mock('@rneui/themed', () => ({
  // AirbnbRating: jest.fn()
  Input: jest.fn(() => <MockInput />),
  Icon: jest.fn(() => <></>)

}))