Bạn có biết rằng bạn có thể thiết lập một hệ thống đánh giá để mọi yêu cầu kéo bạn đưa ra đều hiển thị cho bạn chính xác những gì đã thay đổi trực quan trên trang web của bạn?
Đó chính xác là những gì Percy làm. Nó giả định những gì bạn có trên bản chính là chính xác (có thể cấu hình) và khi bạn thực hiện một yêu cầu kéo, nó thực sự chụp ảnh màn hình và so sánh chúng với ảnh chụp màn hình của những gì trên bản chính. Nếu có gì thay đổi, nó sẽ cho bạn biết, giống như các bài kiểm tra đơn vị hoặc tích hợp. Phê duyệt chúng và nhận thấy có điều gì đó không ổn? Khắc phục sự cố và xem xét lại các thay đổi.
Thật khó tin là loại thử nghiệm này có sẵn. Đây là cách bạn thực sự có thể mang lại niềm tin cho nhóm của mình rằng họ đang làm chính xác những gì bạn nghĩ khi mọi người thực hiện thay đổi thiết kế hoặc nội dung.
Trong video này, tôi kết hợp với Mike Fotinakis (đồng sáng lập Percy) để chứng minh tất cả những điều đó, sau đó thiết lập tất cả theo đúng nghĩa đen và thực hiện trên một trang web. Chúng tôi sẽ làm việc trên một trang web cục bộ bằng cách sử dụng Eleventy, tung nó lên trực tiếp trên Netlify, tích hợp CircleCI vào kho lưu trữ GitHub cho trang web và định cấu hình trang đó để chạy Percy.
Nó khá kỳ diệu và tôi thực sự khuyên bạn nên kiểm tra nó để bạn biết mức độ kiểm tra hình ảnh có thể thực hiện được trong những ngày này.