How to test react component using jest?

Question

I am getting SyntaxError: /test/ut/client/breadcrumbs/BreadCrumbs.ut.test.js: Unexpected token (12:6) error. Code is given below. And the code coverage is 0% because test suits failed.

I am using jest v-"^24.8.0", jest-dom v-"^3.5.0", jest-junit v-"^6.4.0"

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

Did you import react at the top of the page to use jsx? ;) — Blundering Philosopher
– Blundering Philosopher, Commented Jun 26, 2019 at 7:18
Also a heads up, expect(tree)..., tree has not been defined, this should be useCaseBreadCrumbs — Oli
– Oli, Commented Jun 26, 2019 at 7:46

paragxviii · Accepted Answer · 2019-06-26 12:02:47Z

1

You need to add import React from "react"; on top

answered Jun 26, 2019 at 12:02

paragxviii

2201 silver badge9 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to test react component using jest?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related