reactjs - 使用 React：App 进行的笑话单元测试 › 遇到声明异常

Question

我正在尝试测试使用 React 制作的应用程序，并且我正在使用 Jest 进行测试，但我在第一部分遇到了困难，我正在尝试测试我的应用程序根目录中的 App.jsx，我有反馈：

● App › 遇到声明异常

这是 app.test.jsx

import App from '../src/App';
import MyPage from '../src/pages/mypage';

describe('App', () => {
  const wrap = mount(<App />);

  it('renders without crashing', () => {
    shallow(<App />);
  });

  it('renders', () => {
    expect(wrap.find(App).exists()).toBe(true);
  });

  it('contains MyPage page', () => {
    expect(wrap.find(MyPage).exists()).toBe(true);
  });
});

这是 App.jsx

import React from 'react';
import { CssBaseline } from '@material-ui/core';
import { MyPage } from './pages/mypage';

const App = () => {
  return (
    <>
      <CssBaseline />
      <MyPage />
    </>
  );
};

export default App;

我究竟做错了什么？

标签： reactjsrxjsjestjs