Testing React apps with React Testing Library (RTL)

Kiểm thử ứng dụng React với React Testing Library (RTL)

Học cách kiểm thử component React bằng React Testing Library - thư viện được Facebook khuyến nghị cho việc kiểm thử.

4.4

(1,443 đánh giá)

5,715 học viên

Giảng viên

David Armendáriz

Phụ đề Việt chất lượng cao Phụ đề tiếng Anh Bán chạy Đánh giá cao

50.000đ 349.000đ -86%

✓ Xem giỏ hàng và thanh toán

Bao gồm phụ đề tiếng Việt, tiếng Anh

2.5 giờ video

25 bài giảng

Truy cập vĩnh viễn

Học trên mọi thiết bị

Cập nhật: 30/05/2026

#Javascript #Jest #React #React Testing Library

Bạn sẽ học được gì

Nguyên lý Phát triển Hướng Kiểm thử (TDD)

Hiểu React Testing Library là gì và điểm khác biệt với Enzyme

Nắm được cách Jest hoạt động cùng React Testing Library

Truy vấn phần tử với getBy, queryBy, findBy, getAllBy, queryAllBy, findAllBy

Mô phỏng tương tác người dùng với API fireEvent và userEvent

Tìm hiểu về độ bao phủ (coverage) và gỡ lỗi

Cách mock thư viện bên thứ ba như Axios

Cách sử dụng Typescript với ứng dụng React

Yêu cầu

Đã quen thuộc với component React

Đối tượng phù hợp

Lập trình viên web

Lập trình viên full stack

Lập trình viên quan tâm đến Phát triển Hướng Kiểm thử

Lập trình viên front-end

Nội dung khóa học

8 phần • 25 bài giảng

1 Giới thiệu về TDD

2 Giới thiệu về RTL

1 Tham gia cộng đồng!

1 Kho mã nguồn của khóa học

2 Cơ chế hoạt động của Create React App

1 Tìm hiểu về Jest

2 Viết test đầu tiên

1 Một lỗi nhỏ!

2 Render component với RTL

3 Chọn phần tử với getByText

4 Chọn phần tử với getByRole

5 Biến thể tìm kiếm queryBy

6 Biến thể tìm kiếm findBy (Phần 1)

7 Biến thể tìm kiếm findBy (Phần 2)

8 Một lỗi nhỏ trong bài test!

9 Biến thể tìm kiếm findBy (Phần 3)

10 Truy vấn nhiều phần tử

11 Tương tác người dùng với hàm fireEvent

12 Tương tác người dùng với API user event

13 Kiểm thử component riêng lẻ với API user event

1 Độ bao phủ (Coverage)

2 Gỡ lỗi (Debugging)

1 Tạo component Pokemon

2 Kiểm thử component Pokemon

1 Thư viện Jest DOM từ RTL

Giới thiệu khóa học

Welcome to testing React components with React Testing Library! In this course, you will learn lots of things. You will learn:

The principles of Test Driven Development
Know what is React Testing Library (RTL) and its differences with Enzyme (another popular test framework for React)
Understand how Create React App (CRA) works.
Understand how Jest works with RTL
How to test with RTL and query elements with:
- getBy, queryBy, findBy, getAllBy, queryAllBy, findAllBy
How to simulate user interaction with the fireEvent API
How to simulate user interaction with the userEvent API
Testing components in isolation (unit tests)
Learn about coverage and debugging
How to mock 3rd party libraries like Axios and mock a GET request
Learn about the pitfalls of CRA