Лабораторные работы Цифровая кафедра ФЭА 4 семестр / Введение в тестирование ПО / cktestposecond
.pdfМИНОБРНАУКИ РОССИИ САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ ЭЛЕКТРОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ «ЛЭТИ» ИМ. В.И. УЛЬЯНОВА (ЛЕНИНА) Цифровая Кафедра
ПРАКТИЧЕСКАЯ РАБОТА №2
Разработка тест-кейсов для тестирования веб-приложения
|
|
|
Комарницкий М. С. |
|
|
|
Коншин М. В. |
Студенты гр. 4404 |
|
Кудрявцев С. А. |
|
Преподаватель |
|
|
Турнецкая Е.Л. |
Санкт-Петербург
2026
Цель.
Получение практических навыков создания тест-кейсов для тестирования интерфейса веб-приложений.
Задачи.
1.Изучить особенности разработки и описания тест-кейсов.
2.Разработать тест-кейсы для проверки работоспособности веб-
элементов на выбранном веб-приложении.
3.Зафиксировать результаты в отчете.
Назначение выбранного веб-приложения.
В качестве объекта тестирования выбрана социальная сеть
«ВКонтакте».
Назначение веб-приложения: предоставление пользователям интерактивной платформы для общения, обмена личными сообщениями,
публикации и просмотра медиаконтента (фотографий, видеозаписей,
музыки), а также для создания тематических сообществ и организации мероприятий.
URL-адрес: https://vk.com/
Скриншот 1. Главная страница
Сценарий взаимодействия пользователя с веб-приложением.
Посетитель социальной сети, будучи авторизованным в системе,
взаимодействует с интерфейсом своего профиля и ленты новостей.
Пользователь осуществляет навигацию через левое боковое меню,
проверяет функциональность создания новой записи на стене, тестирует взаимодействие с публикациями (постановка лайка), использует глобальный поиск, а также проверяет работоспособность изменения визуальной темы и выхода из аккаунта.
Тест-кейсы по тестированию интерфейса веб-приложения:
|
№ |
|
|
Название сценария |
|
|
Последовательность |
|
|
Ожидаемый |
|
|
|
|
|
|
|
|
|
||||
|
п.п. |
|
|
|
|
действий |
|
|
результат |
|
|
|
|
|
|
|
|||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. Открыть главную |
Осуществлен |
|||
|
|
|
|
Переход в раздел |
|
страницу https://vk.com/. |
переход на |
||||
1. |
|
|
|
2. В левом боковом меню |
страницу личного |
||||||
|
|
«Моя страница» |
|
||||||||
|
|
|
|
|
нажать на пункт «Моя |
профиля |
|||||
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
страница». |
пользователя. |
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. Находясь на своей |
|
|
|
|
|
|
|
|
|
|
|
странице, кликнуть левой |
Введенный текст |
|||
|
|
|
|
Ввод текста в поле |
|
кнопкой мыши по |
корректно |
||||
2. |
|
|
|
текстовому полю «Что у |
отображается |
||||||
|
|
«Что у вас нового?» |
|
||||||||
|
|
|
|
|
вас нового?». |
внутри текстового |
|||||
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
2. Ввести текст «Тестовая |
поля. |
|||
|
|
|
|
|
|
|
запись». |
|
|
|
|
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
1. Ввести текст «Тестовая |
Запись с |
|||
|
|
|
|
Публикация новой |
|
запись» в поле «Что у вас |
введенным |
||||
3. |
|
|
|
нового?». |
текстом успешно |
||||||
|
|
записи на стене |
|
||||||||
|
|
|
|
|
2. Нажать на кнопку |
добавлена на |
|||||
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
«Опубликовать». |
стену профиля. |
|||
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
1. Найти любую |
Иконка изменила |
|||
|
|
|
|
|
|
|
публикацию в новостной |
цвет (стала |
|||
4. |
|
|
Кликабельность |
|
ленте. |
красной), счетчик |
|||||
|
|
кнопки «Нравится» |
|
2. Нажать на иконку |
отметок |
||||||
|
|
|
|
|
|||||||
|
|
|
|
|
|
|
Нравится под |
увеличился на |
|||
|
|
|
|
|
|
|
публикацией. |
единицу. |
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
№ |
|
|
Название сценария |
|
|
Последовательность |
|
|
Ожидаемый |
|
|
|
|
|
|
|
|
|
||||
|
п.п. |
|
|
|
|
действий |
|
|
результат |
|
|
|
|
|
|
|
|||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Осуществлен |
||
|
|
|
|
Переход в раздел |
|
1. В левом боковом меню |
переход на |
||||
5. |
|
|
|
нажать на пункт |
страницу со |
||||||
|
|
«Мессенджер» |
|
||||||||
|
|
|
|
|
«Мессенджер». |
списком диалогов |
|||||
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
|
|
пользователя. |
||
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
1. Нажать на строку |
Появление |
|||
|
|
|
|
|
|
|
выпадающего |
||||
|
|
|
|
|
|
|
поиска «Поиск» в |
||||
|
|
|
|
Работоспособность |
|
списка с |
|||||
|
|
|
|
|
верхней панели веб- |
||||||
6. |
|
|
глобальной строки |
|
релевантными |
||||||
|
|
|
приложения. |
||||||||
|
|
|
|
поиска |
|
результатами |
|||||
|
|
|
|
|
2. Ввести слово |
||||||
|
|
|
|
|
|
|
поиска по запросу |
||||
|
|
|
|
|
|
|
«Музыка». |
||||
|
|
|
|
|
|
|
«Музыка». |
||||
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. Нажать на миниатюру |
|
|
|
|
|
|
|
|
|
|
|
своей фотографии |
Осуществлен |
|||
|
|
|
|
|
|
|
(аватарки) в правом |
||||
|
|
|
|
|
|
|
переход на |
||||
|
|
|
|
|
|
|
верхнем углу шапки |
||||
|
|
|
|
Переход в раздел |
|
страницу |
|||||
7. |
|
|
|
сайта. |
|||||||
|
|
«Настройки» |
|
управления |
|||||||
|
|
|
|
|
2. В появившемся |
||||||
|
|
|
|
|
|
|
настройками |
||||
|
|
|
|
|
|
|
выпадающем списке |
||||
|
|
|
|
|
|
|
аккаунта. |
||||
|
|
|
|
|
|
|
выбрать пункт |
||||
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
«Настройки». |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
1. В левом боковом меню |
Осуществлен |
|||
|
|
|
|
Работоспособность |
|
переход в раздел |
|||||
8. |
|
|
|
нажать на пункт |
|||||||
|
|
вкладки «Музыка» |
|
аудиоплеера и |
|||||||
|
|
|
|
|
«Музыка». |
||||||
|
|
|
|
|
|
|
рекомендаций. |
||||
|
|
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. Нажать на миниатюру |
|
|
|
|
|
|
|
|
|
|
|
своей фотографии в |
Цветовая схема |
|||
|
|
|
|
Включение темной |
|
правом верхнем углу |
интерфейса веб- |
||||
9. |
|
|
|
шапки сайта. |
приложения |
||||||
|
|
темы интерфейса |
|
||||||||
|
|
|
|
|
2. В выпадающем меню |
изменилась на |
|||||
|
|
|
|
|
|
|
|||||
|
|
|
|
|
|
|
нажать на переключатель |
темную. |
|||
|
|
|
|
|
|
|
«Тёмная тема». |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
1. Нажать на миниатюру |
Осуществлен |
|||
|
|
|
|
|
|
|
своей фотографии в |
||||
|
|
|
|
Выход из учетной |
|
выход из аккаунта |
|||||
10. |
|
|
|
правом верхнем углу |
|||||||
|
|
записи |
|
и переход на |
|||||||
|
|
|
|
|
шапки сайта. |
||||||
|
|
|
|
|
|
|
страницу |
||||
|
|
|
|
|
|
|
2. В выпадающем меню |
||||
|
|
|
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
№ |
|
|
Название сценария |
|
|
Последовательность |
|
|
Ожидаемый |
|
|
|
|
|
|
|
|
|
||||
|
п.п. |
|
|
|
|
действий |
|
|
результат |
|
|
|
|
|
|
|
|||||||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
нажать на кнопку |
авторизации |
|||
|
|
|
|
|
|
|
«Выйти». |
социальной сети. |
|||
|
|
|
|
|
|
|
|
|
|
|
|
Вывод.
В ходе выполнения практической работы были получены навыки разработки тест-кейсов для тестирования пользовательского интерфейса веб-приложений. На примере авторизованной зоны социальной сети
«ВКонтакте» был составлен тестовый сценарий и разработано 10 тест-
кейсов, проверяющих базовую функциональность системы: навигацию по боковому меню, создание пользовательского контента, взаимодействие с элементами обратной связи (лайки), работу поиска и настройки профиля.
В процессе работы были закреплены правила описания шагов тестирования, такие как использование глаголов в безличной форме и соблюдение принципа атомарности (каждый тест-кейс направлен на проверку только одного параметра или действия). Основной трудностью при выполнении задания стал выбор конкретных элементов для тестирования из-за высокой информационной насыщенности интерфейса социальной сети, однако эта проблема была решена путем фокусировки на базовом пользовательском сценарии повседневного использования платформы.
Список использованных источников.
1.Аграновский А.В. Тестирование веб-приложений: учебное пособие /
А.В. Аграновский, В. С. Павлов, Е.Л. Турнецкая; Санкт-Петербург:
Изд-во ГУАП, 2020. - 155 с. (дата обращения: 29.05.2026)
2.Куликов, С.С. Тестирование программного обеспечения. Базовый курс: практ. пособие. / С.С. Куликов. – Минск: Четыре четверти,
2015. – 294 с. (дата обращения: 29.05.2026)
3.Меженная, М. М. Тестирование, оценка программного обеспечения.
Учебно-методическое пособие по дисциплине «Тестирование,
оценка программного обеспечения» / М. М. Меженная, Т. В.
Гордейчук, М. М. Борисик, О. С. Медведев, И.Ф. Киринович. –
Минск: БГУИР, 2016. – 64 с. (дата обращения: 29.05.2026)