Front-end testing áp dụng trực tiếp vào thực tế - Phần 2. Thử nghiệm sâu hơn: Hồi quy trực quan/Thử nghiệm E2E

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