Перед сдачей проекта на проверку тестировщикам, его необходимо проверить самостоятельно на соответствие базовому ТЗ и Требованиям заказчика. Тестировщик поможет выявить неочевидные баги, но к его проверке проект уже должен быть готов. Этот чек-лист поможет тебе провести самостоятельное тестирование проекта.
1. Настройки DevTools
Для проверки визуальной части страницы понадобится открыть в браузере инструмент Devtools. Он есть во всех браузерах, однако для многих тестов считаем Devtools в браузере Chrome самым удобным.
- Как вызвать:
- Подробнее о работе с Devtools:
В Chrome Devtools есть важная настройка выбора устройства. С ней вы можете посмотреть страницу в версии Desktop и Mobile (и версию touch для этих типов устройств).
Выбрав Desktop вы сможете увидеть боковой скролл-бар справа, который присутствует во всех браузерах на Windows. Также на этом типе устройства вы сможете увидеть на резине появление вертикального скролла.
2. Оптимизация
3. Разметка
- [ ] Проверяем подключены ли правильные шрифты по Базовому ТЗ
- [ ] Проверь как отображается графика на ретине и без. Проверка
- [ ] Проверяем под всеми ли изображениями прописан фоновый цвет
- [ ] В текстовых абзацах не должно быть висячих предлогов
4. Piхel Perfect
- [ ] Проверяем проект на соответствие макетам. Страницы и все элементы: попапы, мобильное меню и т.д. Как проверить.
- [ ] С макетам могут быть расхождения (из-за требований к висячим предлогам, из-за ошибок в макете у одинаковых элементов). Проверь, какие элементы могу отступать от макета
- [ ] Имей в виду, что дизайнер не обязан делать все элементы одинаковыми, выверенными ровно посередине. Дизайнер придерживается принципа удобства пользования и привлечения внимания пользователя, что не всегда удобно для верстки. Если ты сомневаешься, что какой-то элемент в макете - ошибка дизайнера, задай этот вопрос менеджеру.