# 166: išmokite integruoti vizualinį testavimą su Percy - CSS-gudrybės

Anonim

Ar žinojote, kad galite sukurti peržiūros sistemą, kad kiekviena jūsų pateikta užklausa tiksliai parodytų, kas vizualiai pasikeitė jūsų svetainėje?

Būtent tai daro Percy. Daroma prielaida, kad tai, ką turite pagrindiniame kompiuteryje, yra teisinga (konfigūruojama), ir, kai pateikiate „pull“ užklausą, ji tiesiogine prasme ima ekrano kopijas ir lygina jas su „master“ ekrano kopijomis. Jei kas nors pasikeitė, tai leidžia jums žinoti, kaip tai darytų vieneto ar integracijos testai. Patvirtinti juos ir pastebėti, kad kažkas negerai? Ištaisykite ir dar kartą peržiūrėkite pakeitimus.

Neįtikėtina, kad tokio tipo bandymai yra prieinami. Štai kaip jūs iš tikrųjų galite pasitikėti savo komanda, nes ji daro tiksliai tai, ko manote, kad ketina imtis, kai žmonės keičia dizainą ar turinį.

Šiame vaizdo įraše aš susiejau su Mike'u Fotinakiu („Percy“ įkūrėju), kad visa tai pademonstruočiau, tada tiesiogine to žodžio prasme viską sukūriau ir einu į svetainę. Dirbsime vietinėje svetainėje naudodami „Eleventy“, išmesime ją tiesiogiai per „Netlify“, integruosime „CircleCI“ į „GitHub“ svetainės repo ir sukonfigūruosime tai paleisti „Percy“.

Tai gana stebuklinga ir aš tikrai rekomenduoju jums tai patikrinti, kad žinotumėte šių dienų įmanomą vizualinių bandymų lygį.