Dưới đây là một số khái niệm và thông tin bổ sung có thể hữu ích trong hành trình phát triển kiểm thử.
Vitest làm trình chạy kiểm thử
Vitest là một trình chạy kiểm thử và khung kiểm thử ngày càng phổ biến. Khoá học này sử dụng khung này bất cứ khi nào cần ví dụ cụ thể, nhưng nhiều mẫu trong đó là chung và áp dụng cho bất kỳ khung nào bạn đã chọn.
Hầu hết các trình chạy hoặc khung kiểm thử đều có nhiều điểm chung và khoá học này sẽ hữu ích bất kể bạn chọn ngăn xếp nào. Chúng tôi đã chọn tập trung vào Vitest vì một số lý do:
Công cụ này hiện đại và không mất nhiều công sức để thiết lập hoặc định cấu hình, so với các trình chạy kiểm thử khác. Mặc dù được xây dựng trên công cụ tạo bản dựng Vite, nhưng Vitest vẫn hoạt động với các dự án hiện có.
Thư viện này cũng hỗ trợ rất tốt cho việc làm việc với Mô-đun EcmaScript (ESM), bao gồm cả việc mô phỏng toàn bộ lệnh nhập. Mặc dù có một số điểm, nhưng API này ổn định hơn các công cụ khác.
Quan trọng nhất là API này hiển thị một API tương thích phần lớn với Jest, có thể là trình chạy phổ biến nhất nhất. Nhưng xin nhắc lại, cách bạn cấu trúc và nhóm các bài kiểm thử có xu hướng tương tự nhau bất kể bạn đang sử dụng khung nào. Các tính năng nâng cao hơn, chẳng hạn như kiểm thử kép phức tạp, có xu hướng đi xa hơn một chút. Khoá học này sử dụng Vitest để mô tả các trường hợp kiểm thử này, nhưng cũng luôn mô tả giải pháp chung.
React dưới dạng mô hình thành phần
Mặc dù cung cấp các ví dụ về mã chung để kiểm thử JavaScript thuần tuý, ví dụ: các hàm toán học, nhưng khoá học này nhanh chóng chuyển sang kiểm thử các thành phần React trước khi đưa vào các Thành phần web nói chung và sử dụng Lit. Khoá học này cũng sử dụng Next.js.
Đây là một lựa chọn thiết thực. Mặc dù có nhiều ý kiến chỉ trích, nhưng React là khung được sử dụng nhiều nhất của những người tham gia Khảo sát về trạng thái của JS.