# 178: Percy fanger visuelle endringer i en hvilken som helst arbeidsflyt CSS-triks

Anonim

Jeg ønsket å forsikre deg om at du forstår nøyaktig hva Percy kan gjøre for deg, derav tittelen. Når du foretar en endring på Git repo-nettstedene dine, som i en Pull Request-arbeidsflyt de fleste av oss bor i, vil Percy fortelle deg om den endringen forårsaker visuelle endringer på nettstedet ditt. Det vil vise deg nøyaktig hva disse endringene er: hvilke sider, hvilket mediaspørsmål, hvilken nettleser osv.

Det er ganske fantastisk.

Her er et skjermbilde av Percy-dashbordet da jeg gjorde en endring som økte størrelsen på en knapp:

Forhåpentligvis hadde jeg tenkt den endringen. Hvis jeg ikke gjorde det, er det øyeblikket Percy redder rumpa mi. Jeg kan enkelt ved et uhell gjøre visuelle endringer ved å endre CSS som har større innvirkning enn jeg opprinnelig trodde det ville gjort.

Når Percy er satt opp, vil det være en del av Pull Request-sjekkene som skjer automatisk:

Å sette denne typen testing i CI (kontinuerlig integrasjon) er den mektige kraftige.

Percy har alle slags kraftige konfigurasjoner, men det kan også være ganske enkelt. Percy! Gå til denne URL-en og ta et skjermbilde av den! Percy! Gå til denne URL-en, klikk på denne knappen, og ta et skjermbilde av det! Hvis du er kjent med det utrolig enkle nettleserautomatiseringsspråket Puppeteer, bruker PercyScript det.