# 178: Percy Menangkap Perubahan Visual di Alur Kerja apa pun - Trik CSS

Anonim

Aku ingin memastikan kamu paham betul apa yang bisa dilakukan Percy untukmu, itulah judulnya. Saat Anda melakukan perubahan pada repo Git situs web Anda, seperti dalam alur kerja Permintaan Tarik yang sebagian besar dari kita tinggal, Percy akan memberi tahu Anda jika perubahan itu menyebabkan perubahan visual pada situs Anda. Ini akan menunjukkan kepada Anda apa perubahan itu: halaman apa, breakpoint kueri media apa, browser apa, dll.

Ini agak luar biasa.

Berikut tangkapan layar dasbor Percy saat saya melakukan perubahan memperbesar ukuran tombol:

Mudah-mudahan, saya menginginkan perubahan itu. Jika aku tidak melakukannya, ini saatnya Percy menyelamatkan pantatku. Saya dapat dengan mudah secara tidak sengaja membuat perubahan visual dengan mengubah CSS yang memiliki dampak yang lebih luas daripada yang saya kira sebelumnya.

Setelah Percy disiapkan, ini akan menjadi bagian dari pemeriksaan Permintaan Tarik yang terjadi secara otomatis:

Menempatkan pengujian semacam ini ke CI (Continous Integration) Anda adalah hal yang sangat kuat.

Percy memiliki semua jenis konfigurasi yang kuat, tetapi bisa juga sangat sederhana. Percy! Buka URL ini dan ambil tangkapan layarnya! Percy! Buka URL ini, klik tombol ini, lalu ambil tangkapan layarnya! Jika Anda terbiasa dengan Puppeteer bahasa otomatisasi browser yang luar biasa sederhana, itulah yang digunakan PercyScript.