front-end-testing-schedule.md

Kiểm thử tự động trong front-end (0.5 giờ)

1. Giới thiệu về kiểm thử tự động trong front-end

1.1. Kiểm thử tự động là gì?

1.2. Tại sao cần kiểm thử tự động?

1.3. Các loại kiểm thử tự động

1.4. Công cụ kiểm thử tự động phổ biến

1.4.1. Unit test

1.4.2. Integration test

1.4.3. End-to-end test

1.4.4. Snapshot test

1.5. Tổng kết

1.6. Tài liệu tham khảo

Unit test (2 giờ)

2.1 Unit test là gì?

2.2 Viết unit test hiệu quả

2.3. Cấu trúc một file test

2.3.1. Các thành phần và cú pháp quan trọng

2.4. Testing components

2.4.1. React component

2.4.2. Vue component

2.4.3. Best practices

2.5. Snapshot testing

2.6. Code coverage

2.6.1. Code Coverage là gì?

2.6.2. Các loại Code Coverage phổ biến

2.6.3. Ví dụ minh họa

2.6.4. Những lưu ý quan trọng về Code Coverage

End-to-end test (1.5 giờ)

TBD

Hỗ trợ Viết test hiệu quả bằng các công cụ AI (1 hours)

TBD

Examples & Labs (3 giờ tại công ty + 3 ngày tự học)

TBD

Exercise

Sử dụng API của https://fakestoreapi.com/ để thực hiện bài test theo yêu cầu sau:

1. Tạo trang web hiển thị danh sách sản phẩm từ API. Có các chức năng:

• Add sản phẩm vào giỏ hàng
• Xóa sản phẩm khỏi giỏ hàng
• Thực hiện đặt hàng từ giỏ hàng.

2. Viết unit test & integration test cho các chức năng trên (sử dụng vitest).
3. Viết end-to-end test cho flow mua hàng thành công và thất bại (sử dụng cypress).

Code có thể được viết bằng React hoặc Vue hoặc Angular. Thời gian thực hiện: 3 ngày kể từ ngày nhận bài tập. Coverage tối thiểu: 80% cho tất cả các tiêu chí.