Testy regresji wizualnej
Automatyczne zrzuty stron albo komponentów porównywane z zatwierdzonymi, żeby niezamierzone zmiany wyglądu psuły build.
Runner testów, np. Playwright, renderuje stronę w zadanych przeglądarkach i rozmiarach ekranu, robi zrzut i porównuje go z wzorcem. Zmiana CSS, która psuje stronę, na którą nikt nie patrzył, wychodzi w pull requeście jako czerwona różnica pikseli. Ma to większe znaczenie przy agentach kodujących, które pewnie edytują style i rzadko patrzą na wynik.
Powiązane hasła
- Design system (Storybook): Wspólne komponenty, tokeny i zasady, które utrzymują spójność produktu między ekranami, zespołami i platformami.
- Dostępność cyfrowa (a11y): Budowanie software’u, z którego mogą korzystać osoby z niepełnosprawnościami: klawiaturą, czytnikiem ekranu, z powiększeniem czy napisami.
- Agent kodujący: Agent, który czyta repozytorium, edytuje pliki, uruchamia komendy i testy oraz otwiera pull requesty.
