Читать книгу Тестирование программного обеспечения. Занимательная практика - Виктор Владимирович Вразовский, Виктор Владимирович Москва, Евгений Александрович Шмаков - Страница 9

Выпадающий список – это элемент приложения, показывающий список опций, из которых пользователь может выбрать одну из опций. Когда кликают по данному элементу, он раскрывается, показывая все доступные для выбора варианты. Они полезны, когда нужно выбрать из нескольких предопределённых вариантов, например, страну проживания или цвет товара.

Рассмотрим аспекты, заслуживающие внимания при проверке выпадающих списков.

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

Выбор вариантов. Проверяем, что пользователь может выбрать нужный ему вариант и что выбранный вариант корректно отображается в интерфейсе как выбранный. Для списков с одним вариантом нужно проверить, что после выбора этот вариант правильно отображается, заменяя текст по умолчанию. В случае выпадающих списков с поддержкой множественного выбора необходимо удостовериться, что пользователь может выбрать несколько опций, используя удерживание клавиши «Ctrl» (или аналогичное действие на других устройствах), и что все выбранные опции корректно отображаются. Также следует проверить, что система правильно обрабатывает и сохраняет этот множественный выбор, отображая его предсказуемым образом в интерфейсе:

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

Группировка опций. При проверке выпадающих списков с группировкой опций важно убедиться, что группировка корректно отображается и помогает легко находить и выбирать нужные варианты. Проверяем, что все опции внутри группы логично организованы и визуально отделены от других групп, например, с помощью отступов, заголовков или разделителей. Группы должны быть ясно обозначены, чтобы пользователь мог сразу понять, к какой категории относятся предлагаемые варианты.

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

Визуальное различие активного и неактивного состояний. Проверяем, что можно легко различить активные и неактивные состояния списка. Активный список должен быть визуально выделен, позволяя пользователю взаимодействовать с ним, выбирать опции и видеть доступные варианты. Неактивные списки, наоборот, должны быть чётко обозначены как заблокированные для выбора – это может быть достигнуто с помощью изменения цвета, уменьшения яркости, добавления полупрозрачности или другого визуального эффекта, который ясно показывает, что этот список недоступен для взаимодействия:

Взаимодействие с другими элементами. Проверяем, как выбор вариантов в списке влияет на другие элементы интерфейса. Проверяем, что выбор определённого варианта может, например, активировать или деактивировать кнопки, показать или скрыть дополнительные поля ввода, или вызвать другие изменения в интерфейсе. Такие взаимодействия должны происходить плавно и предсказуемо, без задержек и с корректной реакцией приложения на действия пользователя.