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

[harshaliitr]

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?

[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" ]

[harshaliitr]

But you can still make this module testable.
Are there any plans of doing that?

[LichKing-2234]

the test is just for mocking, it will be a low priority.

[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...
};

[sonal-maniya]

Facing the same issue, the above solution is not working for me.
any update?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.