Testing Library: render()

Renders a React component into a virtual DOM for testing. Returns query utilities to find and interact with elements.

Syntax

testing

const { getByText, getByRole, queryByText } = render(<Component />)

Example

testing

import { render, screen, fireEvent } from "@testing-library/react";

test("shows error on empty submit", () => {
  render(<LoginForm />);
  fireEvent.click(screen.getByRole("button", { name: /submit/i }));
  expect(screen.getByText("Email is required")).toBeInTheDocument();
});