Czy wiesz, że możesz skonfigurować system recenzji, tak aby każde wysłane żądanie pokazało dokładnie, co zmieniło się wizualnie w Twojej witrynie?
Dokładnie to robi Percy. Zakłada, że to, co masz na serwerze głównym, jest poprawne (konfigurowalne), a kiedy wykonujesz żądanie ściągnięcia, dosłownie wykonuje zrzuty ekranu i porównuje je ze zrzutami ekranu tego, co jest na serwerze głównym. Jeśli coś się zmieniło, informuje o tym, podobnie jak testy jednostkowe lub integracyjne. Zatwierdzić je i zauważyć, że coś jest nie tak? Napraw to i ponownie przejrzyj zmiany.
To niesamowite, że ten rodzaj testów jest dostępny. W ten sposób możesz naprawdę zwiększyć pewność swojego zespołu, ponieważ robi dokładnie to, co myślisz, że będzie, gdy ludzie wprowadzają zmiany w projekcie lub zawartości.
W tym filmie łączę się z Mike'em Fotinakisem (współzałożycielem Percy'ego), aby to wszystko zademonstrować, a następnie dosłownie wszystko skonfigurowałem i uruchomiłem witrynę. Będziemy pracować na lokalnej witrynie przy użyciu Eleventy, podrzucimy ją na żywo w Netlify, zintegrujemy CircleCI z repozytorium GitHub dla tej witryny i skonfigurujemy ją tak, aby uruchamiała Percy.
Jest to dość magiczne i naprawdę polecam to sprawdzić, aby poznać poziom testów wizualnych, który jest obecnie możliwy.