Javascript 如何使用jest测试react组件?

Javascript 如何使用jest测试react组件?,javascript,reactjs,unit-testing,jestjs,jsx,Javascript,Reactjs,Unit Testing,Jestjs,Jsx,我收到语法错误:/test/ut/client/breadcrumbs/breadcrumbs.ut.test.js:意外令牌12:6错误。代码如下所示。由于测试失败,代码覆盖率为0% 我正在使用jest v-^24.8.0、jest dom v-^3.5.0、jest junit v-^6.4.0 您需要从React添加导入React;顶部您是否在页面顶部导入react以使用jsx;还有一个提示,expecttree…,树还没有定义,这应该是useCaseBreadCrumbs describ

我收到语法错误:/test/ut/client/breadcrumbs/breadcrumbs.ut.test.js:意外令牌12:6错误。代码如下所示。由于测试失败,代码覆盖率为0%

我正在使用jest v-^24.8.0、jest dom v-^3.5.0、jest junit v-^6.4.0

您需要从React添加导入React;顶部

您是否在页面顶部导入react以使用jsx;还有一个提示,expecttree…,树还没有定义,这应该是useCaseBreadCrumbs
describe("BreadCrumbs", () => {
  afterEach(cleanup);
  test("Should render breadcrumbs on usecase page", () => {
    const useCaseBreadCrumbs = create(
      <BreadCrumbs
        list={USECASE_BREADCRUMBS.list}
        disabledLabel={USECASE_BREADCRUMBS.disabledLink}
      />
    );
    console.log(useCaseBreadCrumbs);
    expect(tree).toMatchSnapshot();
  });
});