Поменяли отступ в кнопке дизайн-системы, и через неделю нашли 30 сломанных экранов
В UI-kit у кнопки поменяли внутренний отступ, юнит-тесты компонента зелёные, ревью прошло. Через неделю в проде обнаружили: в тридцати местах кнопки перестали помещаться в строку, переносятся или обрезают текст.
Какая проверка поймала бы это до релиза?
- Скриншотные тесты историй Storybook, сравнивающие вид с эталоном
- Юнит-тест, проверяющий значение padding в стилях кнопки
- Повысить покрытие юнит-тестами компонентов до 100%
- E2E-тест, который нажимает на каждую кнопку в приложении