使用React Router/Jest/Enzyme测试路由时遇到问题

import { MemoryRouter } from 'react-router-dom';
import { mount } from 'enzyme';
import App from './App';

test('renders the correct component based on route', () => {
  const wrapper = mount(
    <MemoryRouter initialEntries={['/about']}>
      <App />
    </MemoryRouter>
  );
  expect(wrapper.find('About').length).toBe(1);
});

import { shallow } from 'enzyme';
import MyComponent from './MyComponent';

test('updates state on button click', () => {
  const wrapper = shallow(<MyComponent />);
  wrapper.find('button').simulate('click');
  expect(wrapper.state('clicked')).toBe(true);
});

import { shallow } from 'enzyme';
import MyComponent from './MyComponent';

test('fetches data and renders it', async () => {
  jest.spyOn(global, 'fetch').mockImplementation(() =>
    Promise.resolve({
      json: () => Promise.resolve({ data: '12345' }),
    })
  );

  const wrapper = shallow(<MyComponent />);
  await wrapper.instance().componentDidMount();
  expect(wrapper.text()).toContain('12345');
});