Jest is failing for react-native-element-dropdown import

[akunal1]

code :

`import { Dropdown } from 'react-native-element-dropdown';
...
...
..

`

test

import { render, screen } from '@testing-library/react-native';
import React from 'react';

import MockProviders from '../../../__Mocks__/MockProviders';
import Dropdown from '.';

const testId = 'label';
describe('Testing Label component', () => {
  it('Testing Label', () => {
    render(
      <MockProviders brand="valtra">
        <Dropdown
          testID={testId}
          options={{
            value: '1',
            label: 'India',
            imageUrl:
              'https://upload.wikimedia.org/wikipedia/commons/thumb/b/bc/Flag_of_India.png/1024px-Flag_of_India.png',
          }}
          value="2"
          onChange={jest.fn()}
          label="Label"
          placeholder="Select Country"
          searchPlaceholder="Search"
          errorMessage="Mandatory Field"
        />
      </MockProviders>,
    );

    const foundLabel = screen.getByTestId(testId);
    expect(foundLabel).toBeTruthy();
  });
});

Error:

[hoaphantn7604]

hi @akunal1 ,
I'm working on it.

[Shail-Patel-1]

jest.mock('react-native-element-dropdown', () => jest.fn());

can you try adding the above line above describe statement ? @akunal1

[ArnabXD]

as a temporary solution

    "moduleNameMapper": {
      "\\.(jpg|jpeg|png|gif|svg)$": "<rootDir>/__mocks__/fileMock.js"
    }

// __mocks__/fileMock.js
module.exports = 'test-file-stub';