Верстка не поехала: как тестировать интерфейсы без боли

На русском языке

Дизайн-системы — это как конструктор LEGO: если детали кривые, собранный динозавр будет пугать не только пользователей, но и тестировщиков.

В докладе разберем ключевые аспекты интерфейсного тестирования, наши уникальные инструменты и автоматизацию.

Обсудим:

Дизайн-системы: что это такое и из каких компонентов они состоят.
Особенности тестирования дизайн-систем: адаптивность, кроссплатформенность, проверка состояний.
Инструменты для тестирования: готовые решения (Storybook, демо-приложения); наш Debug overlay для Android и его преимущества; библиотеку «Театр» для генерации эффектных видеороликов из кода и ее применение в тестировании.
Автоматизацию: как мы покрыли дизайн-систему snapshot-тестами.
Чек-лист для UI-тестирования: обязательные проверки, адаптивность, поддержка тем.

Будет полезно, практично и без лишней воды.