🔥 Важное для QA-специалистов! 🔥
В QaRocks ты найдешь туториалы, задачи и полезные книги, которых нет в открытом доступе. Уже более 15.000 подписчиков – будь среди нас! Заходи к нам в телеграм канал QaRocks
Навигационное меню предназначено для того, чтобы пользователям было удобно перемещаться по основным разделам сайта. Внешний вид и функции меню могут отличаться. Мегаменю — один из таких вариантов, отличающийся удобством по сравнению с обычной панелью навигации.
Основное преимущество мегаменю заключается в том, что все опции видны сразу в одном блоке и нет необходимости прокручивать страницу. Доступ к мегаменю осуществляется по клику или при наведении курсора, что экономит время пользователя.
Читайте также: Всё о тест-кейсах: от основ до примеров
Что и как тестировать в гамбургер-меню
- Проверить, открывается ли выпадающая панель при наведении курсора или нажатии на стрелку рядом с пунктом меню.
- Убедиться, что все пункты меню отображаются правильно и не перекрывают друг друга.
- Проверить, адаптируется ли меню под разное количество пунктов.
- Убедиться, что при наличии дополнительных ссылок отображается кнопка “Показать еще” для отображения скрытого контента.
- Убедиться, что ссылки “Читать далее” на мегапанели ведут на соответствующие страницы с подробной информацией.
- Проверить, что изображения в гамбургер-меню отображаются целиком.
- Проверить расположение мегапанели — она должна быть выровнена по центру.
- Проверить время загрузки мегаменю.
- Оценить удобство использования мегаменю.
- Проверить кроссбраузерную совместимость мегаменю.
- Убедиться, что мегаменю корректно отображается на разных мобильных устройствах.
Перевод статьи «Test Cases for Hamburger Menu».