Тестирование выпадающих списков — неотъемлемая часть тестов для веб-приложений. Выпадающие списки предоставляют пользователям удобный способ выбора опций из предопределенного списка. Однако, чтобы обеспечить их правильную работу и удобство использования, необходимо проводить тщательное тестирование. В этой статье мы рассмотрим ключевые аспекты тестирования выпадающих списков, методы, проблемы, с которыми можно столкнуться, и лучшие практики тестирования.

Зачем тестировать выпадающие списки?

Тестирование выпадающих списков имеет решающее значение для обеспечения качества пользовательского опыта. Некорректное функционирование выпадающих списков может привести к негативному восприятию приложения пользователями и создать трудности при взаимодействии. Основные причины тестирования включают:

1. Корректность выбора: Убеждение в том, что пользователь может выбрать опции из списка без проблем.
2. Отзывчивость и производительность: Проверка, насколько быстро появляется выпадающий список, а также реакция на действия пользователя.
3. Совместимость с разными браузерами и устройствами: Гарантия, что выпадающий список работает одинаково хорошо на различных браузерах и устройствах.
4. Безопасность: Проверка на предмет уязвимостей, связанных с выпадающим списком, таких как возможность ввода вредоносного кода.
5. Доступность: Убеждение в том, что выпадающие списки доступны для пользователей с ограниченными возможностями.

Функциональный чек-лист помогающий провести тестирование выпадающих списков

• Дропдаун предоставляет возможность выбрать одно значение из выпадающего списка.
• Есть возможность устанавливать значения при помощи клавиатуры.
• При необходимости можно ввести значение, если дропдаун это предусматривает (например, процентные значения).
• При клике за пределы списка дропдаун автоматически скрывается.
• Все значения в дропдаун-списке должны быть отсортированы либо по алфавиту, либо по смыслу.
• Важно проверить, сохраняет ли список своё состояние после повторной загрузки формы.
• Корректность «заголовков группировки полей» должна быть обеспечена, если они предусмотрены.
• Значение по умолчанию может быть задано для дропдауна.

UI чек-лист помогающий провести тестирование выпадающих списков

• Выбор пункта списка по нажатию соответствующей первой буквы на клавиатуре поддерживается.
• При наведении на дропдаун курсор может изменяться на указатель (пойнтер), либо оставаться обычным курсором (как в Google, где при наведении на дропдаун остается обычный курсор, а при наведении на выпавшие значения курсор меняется на указатель).
• В случае большого списка значений в дропдауне появляется скролл, который можно использовать, как ухватившись за скроллбар, так и используя колесико мыши.
• У большинства дропдаунов около названия есть повернутая вниз стрелка (down arrow).
• При нажатии на дропдаун открывается список, который закрывает название дропдауна (в мобильных приложениях), либо же стрелка переворачивается (up arrow), и под названием дропдауна высвечивается лист со значениями.
• В некоторых дропдаунах можно задавать значение при помощи клавиатуры, изменяя его при нажатии или вводя собственное значение (например, 100%).
• При выборе значения (нескольких, если предусмотрено) оно подсвечивается другим цветом (зависит от дизайна, но все должно быть унифицировано).
• Если значения выходят за границы списка и нет возможности увеличения размера списка, необходимо отображение хинтов (всплывающих подсказок).

Реальные тест-кейсы для проверки выпадающего списка

• Отдельный элемент списка
• Применяются те же классы, что и в случае полей «Text»
• Длина: мин. 5 символов, макс. 25 символов
• Значение: пусто (empty) или минус 1, строка «epmty» или 4 символа, максимальное значение плюс 1 или очень большое, от 26 до 100 символов
• Диапазон значений: от минимального до максимального (мин. 11 символов)
• Сортировка: по возрастанию или убыванию
• Регистрозависимость: регистрозависимый или регистронезависимый
• Сортировка по дополнительным столбцам (2-ой, 3-ий и т. д.)
• Навигация: количество элементов на странице (мин. 0, макс. на 1 меньше минус 1; макс. плюс 1 или очень большое), количество страниц (мин. 0, макс. на 1 меньше минус 1; макс. плюс 1 или очень большое)
• Навигация между страницами
• Выбор значения по умолчанию: пусто или поле по умолчанию (default field)

Типы тестирования выпадающих списков

1. Тестирование функциональности

• Выбор опций: Проверка возможности выбора каждой опции в выпадающем списке.
• Множественный выбор: Если поддерживается, проверка корректности множественного выбора опций.
• Поиск: Проверка возможности быстрого поиска и выбора опции при наличии большого количества вариантов.

2. Тестирование производительности

• Загрузка списка: Оценка времени загрузки выпадающего списка при различных условиях сети.
• Реакция на ввод: Проверка быстроты появления опций при вводе пользователем.

3. Тестирование совместимости

• Браузерная совместимость: Убеждение в том, что выпадающий список одинаково хорошо работает на различных браузерах (Chrome, Firefox, Safari, Edge и др.).
• Устройственная совместимость: Проверка на различных устройствах (компьютеры, планшеты, мобильные телефоны).

4. Тестирование безопасности

• SQL-инъекции и XSS-атаки: Проверка на возможность внедрения вредоносного кода через выпадающий список.
• Защита от переполнения буфера: Проверка на возможность вызова ошибок или сбоев при вводе большого объема данных.

5. Тестирование доступности

• Использование клавиш: Убеждение в том, что выпадающий список доступен для использования с клавиатуры.
• Скринридеры: Проверка наличия адекватных озвучиваний и описаний для пользователей, использующих скринридеры.

6. Тестирование визуального дизайна

• Отображение опций: Проверка корректности и читаемости отображения опций в выпадающем списке.
• Адаптивный дизайн: Проверка отзывчивости на различных устройствах и разрешениях экрана.

Лучшие практики тестирования выпадающих списков

1. Покрытие всех вариантов: Убедитесь, что тесты охватывают все возможные варианты выбора и использования выпадающего списка.
2. Использование автоматизации: Автоматизируйте тестовые сценарии для повторяемости и экономии времени.
3. Тестирование на реальных данных: Используйте реальные данные для тестирования, чтобы убедиться в корректности работы в реальных условиях.
4. Тестирование на различных устройствах и браузерах: Гарантия совместимости на различных платформах.
5. Тестирование безопасности: Проведение тестов на внедрение вредоносного кода и других видов атак.
6. Обратная связь от пользователей: Используйте обратную связь от пользователей для выявления потенциальных проблем.
7. Тестирование с учетом пользовательского опыта: Уделяйте внимание не только техническим аспектам, но и тому, как пользователи взаимодействуют с выпадающим списком.

Заключение

Тестирование выпадающих списков является важным этапом в обеспечении качества веб-приложений. Эффективное тестирование помогает выявить и устранить потенциальные проблемы до того, как они окажут влияние на конечного пользователя. С использованием автоматизации, обширного покрытия и фокуса на пользовательском опыте можно создать стабильные и удобные в использовании выпадающие списки.