How to see what the rendered React component looks like in the Jest unit test?

Question

I\'m trying to run a test for the React component. I need to check how it looks like after rendering. Tried to use ReactDOMServer.renderToString() but it fails. Her

Answer 1

If you don't use enzyme, you can use Facebook's react-test-renderer too, it's even simpler:

import React from "react";
import renderer from "react-test-renderer";

test("Test 1", () => {
  const component = renderer.create(
    
  );

  let tree = component.toJSON();
  expect(tree).toMatchSnapshot();
});