Skip to main content

Test frontend

Test React components with Jest and React Testing Library.

Unit tests​

Create ComponentName.test.tsx:

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

describe("DatasetCard", () => {
  it("renders dataset title", () => {
    render(<DatasetCard title="Test Dataset" />);
    expect(screen.getByText("Test Dataset")).toBeInTheDocument();
  });
});

Run tests:

npm test

E2E tests with Playwright​

Test complete user flows across pages. Configuration in playwright.config.ts.