Trung BìnhTesting iconTesting

Testing React components thường dùng gì?

Bộ công cụ phổ biến nhất để test React components là Jest kết hợp React Testing Library (RTL), trong đó RTL theo triết lý test hành vi người dùng thay vì chi tiết implementation bên trong.

Cách viết test cơ bản là dùng render() để mount component, screen.getByRole() hoặc screen.getByText() để tìm element, rồi userEvent.click() để mô phỏng tương tác. Để mock API calls, nên dùng MSW (Mock Service Worker) vì nó chặn requests ở tầng network, giúp test giống thực tế hơn so với mock trực tiếp fetch/axios.

Nguyên tắc quan trọng là viết test theo luồng tương tác của user thực — ví dụ click nút submit rồi kiểm tra hiển thị thông báo thành công, thay vì kiểm tra state nội bộ có thay đổi hay không.

Xem toàn bộ Testing cùng filter theo level & chủ đề con.

Mở danh sách Testing