Solution: Jest encountered an unexpected token and failing at —- import { DemoContainer } from ‘@mui/x-date-pickers/internals/demo’

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();
  });
 
});