Issue on page /react/snapshot_testing.html [7. Use Snapshot Testing]

[avimishra18]

Issue

ESLint Error: eslint(testing-library/render-result-naming-convention) in the code snippet of the topic 7. Use Snapshot Testing

Link to Community Discussion. Assigning this issue to myself.

Incorrect Code Snippet

import React from "react";
import { render } from "@testing-library/react";

import FaqItem from "./FaqItem";

describe("FaqItem", () => {
  it("renders a FAQ item", () => {
    const component = render(
      <FaqItem
        question="What is the answer to life the universe and everything?"
        answer="42"
      />
    );
    expect(component).toMatchSnapshot();
  });
});

Corrected Code Snippet

import React from "react";
import { render } from "@testing-library/react";

import FaqItem from "./FaqItem";

describe("FaqItem", () => {
	it("renders a FAQ item", () => {
		const view = render(
			<FaqItem
				question="What is the answer to life the universe and everything?"
				answer="42"
			/>
		);
		expect(view).toMatchSnapshot();
	});
});

[stevepiercy]

Please submit a PR for this, but use spaces instead of tabs.