Yaptığınız her çekme talebinin size sitenizde görsel olarak tam olarak nelerin değiştiğini göstermesi için bir inceleme sistemi kurabileceğinizi biliyor muydunuz ?
Percy'nin yaptığı tam olarak bu. Master üzerinde sahip olduğunuz şeyin doğru (yapılandırılabilir) olduğunu varsayar ve bir çekme isteği yaptığınızda, kelimenin tam anlamıyla ekran görüntülerini alır ve bunları ana bilgisayardakilerin ekran görüntüleriyle karşılaştırır. Bir şey değiştiyse, tıpkı birim veya entegrasyon testlerinde olduğu gibi size haber verir. Onları onaylayın ve bir sorun olduğunu fark ettiniz mi? Düzeltin ve değişiklikleri tekrar inceleyin.
Bu tür testlerin mevcut olması inanılmaz. İnsanlar tasarım veya içerik değişiklikleri yaptığında tam olarak düşündüğünüz şeyi yaptığı için ekibinize bu şekilde gerçekten güven verebilirsiniz.
Bu videoda, tüm bunları göstermek için Mike Fotinakis (Percy'nin kurucu ortağı) ile bir araya geliyorum, ardından tam anlamıyla hepsini bir siteye yerleştirip bir siteye yerleştiriyorum. Eleventy'yi kullanarak yerel bir sitede çalışacağız, onu Netlify'de canlı yayınlayacağız, CircleCI'yi site için GitHub deposuna entegre edecek ve bunu Percy'yi çalıştıracak şekilde yapılandıracağız.
Oldukça büyülü ve bu günlerde mümkün olan görsel testlerin seviyesini bilmeniz için gerçekten kontrol etmenizi öneririm.