Áp dụng ngay vào thực tế Kiểm thử Frontend - Phần 1. Nền tảng kiểm thử: Kiểm thử đơn vị・Kiểm thử tích hợp

Xin chào!
Trong vài tháng qua kể từ khi khóa học được phát hành, đã có những cập nhật phiên bản cho vitest, truyện và cây bách.

Trên thực tế, không có thay đổi lớn nào về cài đặt hoặc phương pháp viết nên tôi chưa cập nhật nhanh nhưng tôi đã cập nhật để giúp bạn cài đặt.

Xin lưu ý rằng thay đổi lớn là phần phụ thuộc vào storybook-addon-Reac-router-v6 đã được đổi thành storybook-addon-remix-react-router và không có thay đổi đáng kể nào.

Những thay đổi phụ thuộc vào thư viện còn lại bao gồm:

• nút: 19 -> 20

• lượt truy cập: 0 -> 2

• truyện: 7 -> 8

• cây bách: 12 -> 13

• Cập nhật phiên bản hành động

Bạn có thể kiểm tra ở chi nhánh mới nhất , vui lòng tham khảo nhé!

• https://github.com/practical-fe-testing/test-example-shopping-mall/tree/latest

Ngoài ra, khi có thời gian, nếu cần cập nhật RQ hoặc cải tiến cấu trúc dự án, tôi sẽ tải chúng lên nhánh mới nhất và chào các bạn một lần nữa. Tất nhiên, nếu có bất kỳ thay đổi lớn nào về các phần phụ thuộc liên quan đến thử nghiệm, tôi sẽ nhanh chóng phản ánh và tải chúng lên!

Vâng, tôi chúc bạn có một kỳ nghỉ vui vẻ và nghỉ ngơi tốt. Cảm ơn!

Xin chào! Có bản cập nhật msw đã được giới thiệu trong bài giảng nên mình xin chia sẻ với các bạn.

Đã khoảng 3 tháng kể từ khi msw 2.0 được phát hành. Tôi hơi ngạc nhiên khi nó được phát hành khi tôi đang quay xong bài giảng ( 😇 ), nhưng tôi dự định cập nhật mã và chia sẻ nó khi mọi thứ ổn định ở một mức độ nào đó.

Khi mức độ trừu tượng thay đổi, đặc tả API cũng thay đổi đáng kể và khả năng tương thích với ReadableStream và ESM cũng được thêm vào. Thoạt nhìn, nó có vẻ là một sự khác biệt lớn, nhưng sự thay đổi không lớn như tôi nghĩ, và sau khi cá nhân tôi sử dụng nó, nó trở nên rõ ràng và tốt hơn rất nhiều!

Chúng tôi đã cập nhật các chi nhánh riêng biệt để tránh nhầm lẫn cho những người tham gia khóa học, vì vậy tốt hơn hết bạn nên tham khảo nội dung và cùng nghiên cứu.

Chà, thời tiết đã trở lạnh rồi, nên hãy cẩn thận đừng để bị cảm lạnh nhé và chúc một ngày tốt lành nhé!

⚠ Hãy hiểu rằng phiên bản canary đã được áp dụng vì msw-storybook-addon chưa được hỗ trợ đầy đủ. Chúng tôi khuyên bạn nên cập nhật lên phiên bản tương ứng sau khi PR hoàn tất và phân phối chính thức.

• Chi nhánh: https://github.com/practical-fe-testing/test-example-shopping-mall/tree/msw-2.0

• Giới thiệu msw 2.0: https://mswjs.io/blog/introducing-msw-2.0

• Hướng dẫn di chuyển 1.x -> 2.x: https://mswjs.io/docs/migrations/1.x-to-2.x

• msw-storybook-addon PR: mswjs/msw-storybook-addon#122

Xin chào! Đây là Joker Off, mã của người hướng dẫn dành cho các bài giảng thử nghiệm front-end có thể áp dụng trực tiếp vào thực hành.

Lời chào có hơi muộn một chút.
Tôi chúc các tiền bối và các nhà phát triển đồng nghiệp của tôi một năm mới vui vẻ. 🙇
Đã một tháng kể từ khi khóa học được phát hành và chúng tôi đã cùng nhau nghiên cứu thử nghiệm giao diện người dùng trong hơn 350 phút .
Cảm ơn!

Bạn có gặp điều gì khiến bạn khó chịu khi tham gia khóa học không?
Nếu vậy, bạn nên kiểm tra cộng đồng để xem có ai có mối quan tâm tương tự hay không.
Nếu không, xin vui lòng gửi câu hỏi! Chúng tôi sẽ kiểm tra và phản hồi nhanh nhất có thể.
(Cho đến nay, mọi câu hỏi đã được giải đáp trong vòng 12 giờ .)
Nhiều người đã để lại câu hỏi.
Tôi nghĩ sẽ rất hữu ích nếu các bạn cùng nhau xem nó khi học vì nó cũng đăng những câu hỏi mà các bạn có thể cùng nhau suy nghĩ.
( 💡 Nếu thường xuyên có những câu hỏi hay chúng ta sẽ suy nghĩ sưu tầm và chia sẻ cùng nhau.)

• Hãy xem câu hỏi: https://bit.ly/3NWe78i
  

Ngoài ra, chúng tôi đã quyết định gia hạn các phiếu giảm giá đang được cung cấp cho những người tham gia Phần 1 trong thời điểm hiện tại.
Nếu bạn đã hoàn thành Phần 1, bạn có thể mua Phần 2 với giá rẻ hơn bằng cách đăng ký phiếu giảm giá bên dưới trước khi mua Phần 2.
Tôi đã để lại số phiếu giảm giá dưới dạng nhận xét trên cùng một bài đăng như trước.

• Link bài viết: https://bit.ly/4baesOX

Nếu bạn thích khóa học, vui lòng để lại nhận xét và nếu bạn có bất kỳ câu hỏi nào, vui lòng để lại câu hỏi!
Tôi hy vọng khóa học này sẽ giúp bạn tìm hiểu về thử nghiệm front-end.
Vậy thì chúc một ngày tốt lành! 👋