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

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

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

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

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

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

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

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

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

Взаимодействие с URL. При переключении между вкладками URL страницы должен корректно обновляться, если это предусмотрено функциональностью приложения. К примеру, URL может содержать якоря (например, #вкладка1) или параметры (например, ?tab=2), что позволяет пользователю сохранить или отправить ссылку, ведущую непосредственно к определённой вкладке. Это также полезно для улучшения навигации, поскольку пользователь может вернуться на нужную вкладку или поделиться ссылкой на конкретное содержимое. Тестирование должно включать проверку того, что URL корректно обновляется при переключении между вкладками и что при переходе по обновлённому URL открывается соответствующая вкладка с правильным содержимым.

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

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