Getting TypeError: Cannot read property 'prefix' of undefined, test only

I am setting up jest in my project and get this error: TypeError: Cannot read property 'prefix' of undefined at Object.<anonymous> (node_modules/react-native-agora/lib/src/RtcChannel.native.js:10:38) at Object.<anonymous> (node_modules/react-native-agora/lib/src/RtcEngine.native.js:3:1)

Do you have a mock available?

[ajenkins]

@harshaliitr I’m getting the warning Possible Unhandled Promise Rejection: TypeError: _reactNativeAgora.default.create is not a function. That’s triggered when I call RtcEngine.create(appId) from my code. Have you figured out a way to mock the create() function?

UPDATE: I think I figured it out. I ended up going with a different solution. Instead of creating a new file that mocks agora-react-native, I mocked it directly in jest.setup.js. Here’s what I did:

// jest.setup.js

jest.mock('react-native-agora', () => {
  return {
    __esModule: true,
    default: {
      create: jest.fn(() => ({
        addListener: jest.fn(),
        destroy: jest.fn(),
        enableVideo: jest.fn(),
        removeListener: jest.fn(),
        // Add any additional methods on RtcEngine that you use
      })),
    },
  };
});

And if you don’t already have a jest.setup.js file, you can create a new file with that name and use it within your jest.config.js file like so (or in your package.json, however you configure jest should work):

module.exports = {
  preset: 'react-native',
  setupFiles: ['<rootDir>/jest.setup.js'],
  // ...Whatever else you have in your config...
};

[harshaliitr]

Solved it like this -

// create a file called react-native-agora-mock.js with the folllowing content - `class RtcEngine { constructor() {} }

class RtcChannel { constructor() {} }

const View = require(‘react-native/Libraries/Components/View/View’);

const RtcLocalView = View const RtcRemoteView = View

export default RtcEngine; export { RtcChannel, RtcLocalView, RtcRemoteView };`

// in jest.setup.js jest.mock('react-native-agora', () => require('./testHelpers/react-native-agora-mock'));

// in package json jest block - "setupFiles": [ "<rootDir>/jest.setup.js", "./node_modules/react-native-gesture-handler/jestSetup.js" ]