Тест-кейсы для веб-элементов

В данной статье представлено несколько базовых тест-кейсов, которые охватывают различные аспекты веб-элементов:

Тест-кейс 1: Проверка текстового поля ввода

Цель: Убедиться, что текстовые поля ввода принимают текст и правильно его отображают.

Шаги:

1. Перейдите на веб-страницу с текстовым полем ввода.
2. Кликните на поле ввода.
3. Введите буквы, специальные символы и числа.
4. Проверьте, что введённый текст отображается корректно в поле.
5. Убедитесь, что поле ввода принимает максимальное количество символов.
6. Проверьте, что поле ввода валидирует и отображает соответствующие сообщения об ошибках для некорректного ввода (например, ввод букв в поле для номера телефона).

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

Друзья, поддержите нас вступлением в наш телеграм канал QaRocks. Там много туториалов, задач по автоматизации и книг по QA.

Тест-кейс 2: Функциональность кнопок

Цель: Проверить работу кнопок на веб-странице.

Шаги:

1. Найдите и нажмите на различные кнопки на веб-странице (например, отправка, сброс, вход).
2. Убедитесь, что нажатие кнопки отправки вызывает ожидаемое действие (например, отправку формы).
3. Проверьте, что нажатие кнопки сброса очищает форму или сбрасывает соответствующие элементы.
4. Убедитесь, что нажатие кнопки входа выполняет вход в систему, если учётные данные верны.

Ожидаемый результат: Кнопки должны выполнять ожидаемые действия, а взаимодействие с пользователем должно обрабатываться правильно.

Тест-кейс 3: Навигация по ссылкам

Цель: Проверить навигационные ссылки на веб-странице.

Шаги:

1. Нажмите на разные гиперссылки (например, элементы навигационного меню, внутренние ссылки).
2. Убедитесь, что нажатие на ссылку ведёт на правильную целевую страницу.
3. Проверьте, открываются ли гиперссылки в том же окне или в новой вкладке, как задумано.
4. Протестируйте внешние ссылки, чтобы убедиться, что они открываются в новой вкладке или окне.

Ожидаемый результат: Ссылки должны вести на правильные страницы, а их поведение (открытие в том же или новом окне/вкладке) должно соответствовать проектным спецификациям.

Тест-кейс 4: Выбор чекбоксов и радиокнопок

Цель: Проверить функциональность чекбоксов и радиокнопок.

Шаги:

1. Найдите и отметьте чекбоксы на веб-странице.
2. Убедитесь, что чекбоксы можно как отмечать, так и снимать отметку по мере необходимости.
3. Найдите и выберите радиокнопки.
4. Проверьте, что только одна радиокнопка в группе может быть выбрана одновременно.

Ожидаемый результат: Чекбоксы и радиокнопки должны работать и вести себя в соответствии с ожидаемым поведением (многократный выбор для чекбоксов, единичный выбор для радиокнопок).

Тест-кейс 5: Выбор из выпадающего списка

Цель: Проверить функциональность выпадающих списков.

Шаги:

1. Найдите и нажмите на выпадающие списки на веб-странице.
2. Убедитесь, что выпадающий список раскрывается при нажатии.
3. Выберите различные опции из выпадающего списка.
4. Проверьте, что выбранная опция отображается корректно в поле.

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

Тест-кейс 6: Загрузка файлов

Цель: Проверить функциональность загрузки файлов.

Шаги:

1. Найдите кнопку загрузки файла.
2. Нажмите на кнопку загрузки и выберите файл из вашей локальной системы.
3. Убедитесь, что выбранный файл загружается успешно.
4. Проверьте, что отображаются соответствующие сообщения об ошибках для неподдерживаемых типов файлов или превышении размера файла.

Ожидаемый результат: Файлы должны загружаться успешно, а сообщения об ошибках должны отображаться при возникновении проблем.

Тест-кейс 7: Выбор даты

Задача: Проверить функциональность виджета выбора даты.

Шаги:

1. Найдите и нажмите на поле ввода даты с виджетом выбора даты.
2. Убедитесь, что календарь выбора даты отображается на странице.
3. Выберите дату из календаря.
4. Проверьте, что выбранная дата отображается корректно в поле ввода.

Ожидаемый результат: Виджет выбора даты должен открываться, позволять выбирать дату и правильно отображать выбранную дату.

Тест-кейс 8: Всплывающие подсказки

Цель: Проверить появление и поведение всплывающих подсказок.

Шаги:

1. Наведите указатель мыши на элементы с подсказками (например, иконки или кнопки с информацией).
2. Убедитесь, что подсказки появляются при наведении.
3. Проверьте, исчезают ли подсказки через несколько секунд.
4. Нажмите на элемент с подсказкой и убедитесь, что он работает как задумано.

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

Тест-кейс 9: Пагинация

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

Шаги:

1. Перейдите на страницу с элементами пагинации.
2. Убедитесь, что на странице отображается правильное количество элементов.
3. Нажмите на ссылки пагинации (например, “Следующая,” “Предыдущая,” конкретные номера страниц).
4. Проверьте, что отображаемый контент изменяется соответственно.
5. Протестируйте граничные случаи (например, нажмите “Следующая” на последней странице) для проверки устойчивости.

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

Тест-кейс 10: Всплывающие окна/Модальные окна

Цель: Проверить всплывающие окна или модальные окна на веб-странице.

Шаги:

1. Запустите открытие всплывающего окна/модального окна (например, нажав кнопку или ссылку).
2. Убедитесь, что всплывающее окно/модальное окно появляется как ожидается.
3. Взаимодействуйте с элементами внутри всплывающего окна (например, заполнив форму).
4. Закройте всплывающее окно/модальное окно.
5. Проверьте, что взаимодействие внутри всплывающего окна имеет ожидаемый эффект на основной странице.

Ожидаемый результат: Всплывающие окна/модальные окна должны открываться, работать как задумано по спецификации, а взаимодействия внутри них должны иметь правильные результаты.

Тест-кейс 11: Полосы прокрутки

Цель: Проверить функциональность и внешний вид полос прокрутки на прокручиваемых элементах.

Шаги:

1. Найдите прокручиваемый элемент (например, прокручиваемый блочный элемент).
2. Убедитесь, что полосы прокрутки появляются при переполнении содержимого.
3. Прокрутите содержимое как по горизонтали, так и по вертикали, используя полосы прокрутки.
4. Проверьте, что содержимое страницы движется корректно.

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

Тест-кейс 12: Адаптивный дизайн

Цель: Проверить, как веб-элементы ведут себя и адаптируются к различным размерам экрана.

Шаги:

1. Измените размер окна браузера на разные размеры экрана (десктоп, планшет, мобильный).
2. Убедитесь, что элементы меняют своё положение или размер, чтобы соответствовать размеру экрана.
3. Проверьте, что все элементы остаются функциональными и читаемыми при различных размерах экрана.

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

Примечание редакции: вас также может заинтересовать статья Лучшие практики создания тест-кейсов

Перевод статьи «Web Elements Test Cases».