Какво е Percy?
Percy е мощен инструмент за визуално тестване и контрол на версии на уеб дизайни, създаден от компанията BrowserStack. Той автоматично улавя скрийншоти на твоите уеб приложения по време на CI/CD процеси и ги сравнява с предишни версии, за да открие визуални регресии. Основната му цел е да гарантира, че промените в кода не нарушават дизайна, спестявайки време на фрийланс дизайнерите и разработчиците.
Ключови функционалности
Визуални регресии тестове: Percy прави автоматични скрийншоти на всяка страница и компонент, след което ги сравнява пиксел по пиксел с базовата версия. Ако открие дори минимални разлики, те се подсвещат за бърз преглед и одобрение. Това е идеално за екипи, които работят в GitHub или GitLab.
Интеграция с CI/CD: Лесно се интегрира с инструменти като GitHub Actions, CircleCI и Jenkins, запълвайки тестовете директно в pipeline-а ти. Поддържа фреймуърци като React, Vue и Angular, без да изисква допълнителен код.
Аннотации и коментари: В интерфейса можеш да добавяш коментари към конкретни разлики, да игнорираш области (като динамичен контент) и да споделяш ревюта с екипа. Това улеснява сътрудничеството между дизайнери и девелопъри.
Апаратно тестване: Тества на реални устройства и браузъри чрез BrowserStack, включително различни резолюции и ОС. Генерира детайлни отчети с метрики за стабилност на дизайна.
Предимства и недостатъци
Предимства
Бързо открива визуални грешки, които ръчно тестване пропуска.
Отлична интеграция с популярни dev инструменти, спестява часове работа.
Поддържа екипна работа с ревю процес.
Недостатъци
Платен, без безплатен план за сериозна употреба.
Изисква настройка в CI/CD, което може да е сложно за соло фрийлансъри.
Сравнение с алтернативи
Percy е по-фокусиран върху визуални тестове от Storybook, който е по-скоро за компонентни библиотеки, или Chromatic, което е специално за Storybook проекти. За по-широки QA нужди, BugHerd или Marker.io предлагат визуални ревюта директно на сайтове, без CI интеграция. В сравнение с Backlight, Percy е по-добър за автоматизация, но по-скъп за малки проекти.
Цени и планове
Плановете започват от Basic за $99/месец (5000 скрийншота), Pro за $299/месец (неограничени) и Enterprise с персонализирани цени. Включва 14-дневен тр��ал, без безплатен план.
За кого е подходящ
Идеален е за български фрийланс дизайнери, които работят с разработчици на уеб проекти и искат да гарантират перфектен дизайн в production. Ако си соло фрийлансер с няколко клиента, ще ти спести време на ревизии. Подходящ за екипи в агенции като тези от Sofia Design Week общността.
Заключение
Ако работиш на сложни уеб проекти, Percy е задължителен за професионален контрол. Започни с триала и интегрирай го в GitHub – ще видиш разликата веднага. Препоръчвам го на всеки сериозен дизайнер в Perspektiva Design.
