If test cases are failing with the error message Jest encountered an unexpected token and shows SyntaxError: Unexpected token ‘export’ at line import { DemoContainer } from ‘@mui/x-date-pickers/internals/demo’, then we need to mock ‘@mui/x-date-pickers/internals/demo’ as follows.
import * as React from 'react';
import { render } from '@testing-library/react';
import App from './index';
jest.mock('@mui/x-date-pickers/internals/demo', () => {
DemoContainer: jest.fn((props) => {
return null;
})
})
const renderApp = () => {
return render(
<App />
);
};
describe('App Component', () => {
it('renders without crashing', () => {
const { asFragment } = renderApp();
expect(asFragment()).toMatchSnapshot();
});
});