Reactjs Testing Render Fireevent Queries Rtl

Definisi

Testing komponen pakai React Testing Library (RTL) + Jest/Vitest. Alur: render(<Comp/>), interaksi via fireEvent/userEvent, lalu assert lewat queries (getByText, findByRole). Filosofi: test seperti user (berinteraksi dengan DOM, bukan detail implementasi).

Kapan dipakai

Untuk komponen interaktif (form, modal, list). Test behavior, bukan struktur internal.

Cara kerja

jsx

import { render, screen, fireEvent } from '@testing-library/react';
 
test('tombol menambah', () => {
  render(<Counter />);
  const btn = screen.