Дарья Поснова – Snapshot-тесты и как они помогают тестировать дизайн-систему

Transcript

1. Ozon Tech 2023 Snapshot-ы в тестировании дизайн-системы Дарья Поснова, старший специалист по тестированию
2. Что такое snapshot-тестирование 2
3. Какие компоненты дизайн-системы мы можем тестировать с помощью snapshot-тестов Что такое snapshot-тестирование 3 Цвета Стили Состояния Шрифты Кнопки Иконки Изображения Индикаторы
4. Что такое snapshot-тестирование 4 Как мы тестировали дизайн систему без snapshot- тестов? • Тесты на экраны приложения • Ручные прогоны • Могли пропустить баги • Не все элементы дизайн-системы уже были использованы в приложении, мы не могли их увидеть
5. Что такое snapshot-тестирование 5 Нужны snapshot-тесты на дизайн- систему. Почему? • Быстро масштабируются • Можно контролировать покрытие тестами всех элементов дизайн- системы • Проходят быстрее чем обычные автотесты и ручные прогоны • Нагляднее
6. Что такое snapshot-тестирование 6 Что для этого нужно? • Понимание DS • Структурирование тестов • Интеграция в процесс разработки
7. Контракты и макеты Понимание дизайн-системы 7
8. Структурирование 8 Папка с тестом Было Стало
9. Обновление 9
10. Интеграция в процесс разработки 10
11. Как мы работаем со snapshot-тестами
12. Что мы используем 12
13. Немного статистики 13 700+ snapshot-тестов, из них 150+ на атомы DS Прогон тестов на 1 платформе занимает примерно 20 минут Snapshot-тест на экран приложения за 2 секунды Один snapshot-тест на атом дизайн-системы проходит примерно за секунду
14. Подготовка мока 14 1. Покрываем много комбинаций 2. Проводим грумминги, чтобы подсветить опасные сочетания 3. Для иконок достаточно одного теста
15. Пример мока и эталона 15
16. Пример мока и эталона 16
17. Пример snapshot-теста 17
18. Автогенерация моков для иконок 18
19. Про фермы 19
20. Отчет, как это было 20
21. Отчет, как это стало 21
22. 22 Отчет, как это стало
23. 23 Как и что мы планируем улучшать? 👍
24. 24 Отойти от фиксированного симулятора/ эмулятора
25. 25 Сделать автогенерацию моков из proto- файлов
26. 26 Внедрить запуск snapshot-тестов до влития фича-ветки в эпик, чтобы как можно раньше отловить баги
27. 27 Выводы • Snapshot-тесты — обязательный пункт при тестировании дизайн-системы, так как глазами не всегда можно отловить изменения • Изменения видны мгновенно • Тесты легко поддерживать и масштабировать
28. dposnova@ozon.ru Спасибо за внимание Дарья Поснова, старший специалист по тестированию