Khoá học này giới thiệu và khám phá hoạt động kiểm thử cho web.
Trong khoá học này, bạn sẽ tìm hiểu về những nội dung sau:
- Nguyên tắc cơ bản về kiểm thử
- Kiểm thử tự động so với kiểm thử thủ công
- Vị trí và cách chạy kiểm thử
- Các phương pháp hay nhất
- Triết lý kiểm thử, bao gồm nội dung kiểm thử, ai chịu trách nhiệm và cách xem xét việc kiểm thử một phương thức đến đích chứ không phải bản thân mục tiêu.
Khoá học này cũng bao gồm mã mẫu ngắn gọn và thiết thực để bạn học hỏi.
Phạm vi của khoá học bao gồm JavaScript và mô hình tài liệu trên giao diện người dùng, cũng như kiểm thử thư viện trên phần phụ trợ, chạy trong một môi trường như Node.js. Phần này giả định không có nền tảng về kiểm thử, nhưng bạn cần có nền tảng về JavaScript và trải nghiệm với Node.js hoặc các trải nghiệm tương tự. Bộ công cụ này phù hợp với cả nhà phát triển mới và nhà phát triển có kinh nghiệm.
Vì hầu hết các khung và công cụ kiểm thử đều dùng một ngôn ngữ chung, nên Kiểm thử học là một phương pháp chung để kiểm thử. Nếu cần phải cụ thể, chúng tôi sẽ sử dụng Vitest, một khung kiểm thử đang ngày càng phổ biến và minh hoạ cách kiểm thử các thành phần dành cho web được viết bằng React hoặc Lit. Để tìm hiểu thêm về lựa chọn này, hãy xem phụ lục.
Bạn có thể xem toàn bộ khoá học này từ đầu đến cuối và cũng có thể sử dụng khoá học này làm tài liệu tham khảo cho một số chủ đề cụ thể. Nếu thích hợp, khoá học sẽ liên kết đến các tài nguyên.
Sau đây là những nội dung bạn sẽ tìm hiểu:
Bắt đầu kiểm thử
Kiểm thử là gì
Đây là phần giới thiệu tổng quan về kiểm thử, bao gồm cả các ví dụ thực tế về kiểm thử trong JavaScript. Ngoài ra, tài liệu này còn giới thiệu về quy mô của từng kiểm thử.
Nơi chạy chương trình kiểm thử
Kiểm thử có thể giúp bạn làm việc hiệu quả và viết phần mềm một cách hiệu quả. Mặc dù có thể chạy kiểm thử theo cách thủ công bằng dòng lệnh, nhưng bạn cũng có thể chạy kiểm thử dưới dạng một phần của quy trình tự động hoặc hệ thống xây dựng.
Môi trường kiểm thử
Các công cụ thời gian chạy như Nút là dành cho mã đa năng, còn mã kiểm thử cho trình duyệt có thể chạy trong môi trường được mô phỏng hoặc sử dụng một khung được thiết kế để kiểm thử trình duyệt.
Các loại kiểm thử tự động
Tìm hiểu các cách phân loại phổ biến của các loại kiểm thử, chủ yếu tương ứng với quy mô của các loại kiểm thử đó. Quan trọng là các loại kiểm thử không có định nghĩa nghiêm ngặt và sẽ thay đổi dựa trên nhu cầu của bạn.
Nội dung cần kiểm thử và phương pháp tiếp cận của bạn
Việc xác định các phần quan trọng nhất trong cơ sở mã để áp dụng quy trình kiểm thử nghiêm ngặt có thể là một quyết định khó khăn. Mô-đun này giới thiệu ý tưởng về việc kiểm thử như một phương tiện đến cuối và cách đánh giá mã của bạn cho việc kiểm thử.
Kiểm thử thành phần trong thực tế
Trong mô-đun thực hành này, bạn sẽ tìm hiểu cách kiểm thử một thành phần React không lý tưởng. Phương thức này sử dụng Vitest thông qua 3 ví dụ riêng biệt: chặn lưu lượng truy cập mạng được tạo bằng fetch()
, mô phỏng phần phụ thuộc bên ngoài và sử dụng Context
của React để cung cấp một bit mã tuỳ chỉnh chỉ dành cho hoạt động kiểm thử.
Phân tích tĩnh
Việc sử dụng các công cụ như TypeScript và ESLint, mặc dù các phương pháp kiểm thử không phổ biến, nhưng có thể mang lại một loại quy trình kiểm tra tự động. Mô-đun này thảo luận về các công cụ thay thế này.
Câu nhận định và các dữ liệu nguyên gốc khác
Công cụ kinh doanh
Tìm hiểu về các dữ liệu gốc phổ biến ở hầu hết các thư viện hoặc khung kiểm thử, bao gồm cả test()
và assert
. Đây sẽ là những yếu tố chính của mọi quy trình kiểm thử bạn viết trong JavaScript.
Sắp có
- Tránh các lỗi kiểm thử phổ biến
- Đôi thử nghiệm
- Thư viện và tiện ích kiểm thử
- Quyết định một khung kiểm thử
Phần còn lại của phần này sẽ trình bày thêm các trang về khung kiểm thử và thư viện, cách sử dụng và cách quyết định xem nên sử dụng công cụ nào và công cụ nào khác.
Sắp ra mắt: Kiểm thử theo hướng có vấn đề
Bạn sẽ tìm hiểu các quy luật để tiếp cận một số thử thách thường gặp trong kiểm thử web.
Sắp ra mắt: Kiểm thử tự động trong thực tế
Đây là phần thực hành trình bày cách kiểm thử một trang web thương mại điện tử được tạo bằng Next.js, bao gồm cả đoạn mã mà bạn có thể xem và tự tìm hiểu. Bạn sẽ tìm hiểu cách kiểm thử các thành phần của thành phần, cách làm việc với các dịch vụ bên ngoài (bao gồm cả thanh toán) để kiểm thử cũng như cách tạo hoạt động kiểm thử toàn diện cho một trang web có trang đăng nhập không bắt buộc.
Sắp ra mắt: Triết lý thử nghiệm
Việc kiểm thử có thể là một thách thức về mặt kỹ thuật, nhưng việc biết được nội dung cần kiểm thử, người chịu trách nhiệm và các phương pháp hay nhất cũng có thể là một thách thức đối với nhóm phát triển.
Sắp ra mắt: Viết mã có thể kiểm thử
Khoá học này sẽ hướng dẫn cách kiểm thử mã khi có. Tuy nhiên, nhóm của bạn có thể áp dụng nhiều mẫu để giúp kiểm thử mã dễ dàng hơn. Phần này sẽ đề cập đến một số phương pháp tiếp cận.