МИНОБРНАУКИ РОССИИ САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ ЭЛЕКТРОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ
«ЛЭТИ» ИМ. В.И. УЛЬЯНОВА (ЛЕНИНА)
Цифровая Кафедра
КУРСОВОЙ ПРОЕКТ
По дисциплине: “Инженер по теcтированию ПО в задачах электроэнергетики”
Тема: Тестирование и контроль качества веб-приложения
URL: https://energy.exponenta.ru/
|
|
|
Комарницкий М. С. |
|
|
|
Коншин М. В. |
Студенты гр. 4404 |
|
Кудрявцев С. А. |
|
Преподаватель |
|
|
Турнецкая Е.Л. |
Санкт-Петербург
2026
Оглавление. |
|
|
ВВЕДЕНИЕ........................................................................................................ |
3 |
|
1. |
Организация процесса тестирования .................................................... |
4 |
2. |
Разработка тестовых мероприятий........................................................ |
6 |
3. |
Тестирование клиентской части веб-приложения ................................ |
9 |
|
3.1 Тестирование совместимости ............................................................... |
9 |
|
3.2 Тестирование адаптивности ............................................................... |
10 |
|
3.3 Тестирование верстки.......................................................................... |
12 |
|
3.4. Технический аудит .............................................................................. |
14 |
4. |
Тестирование сетевых подключений ..................................................... |
15 |
5. |
Определение элементов автоматизации тестирования на основе |
|
локаторов ......................................................................................................... |
19 |
|
6. |
Разработка сценария автоматизированного тестирования в |
|
Selenium IDE .................................................................................................... |
20 |
|
7. |
Применение искусственного интеллекта в тестировании .............. |
23 |
ЗАКЛЮЧЕНИЕ. ............................................................................................. |
26 |
|
Список использованных источников......................................................... |
28 |
|
2
ВВЕДЕНИЕ
Цель: получение практических навыков по тестированию и
контролю качества веб-приложения .
Задачи:
1.Разработать план тестирование .
2.Организовать процесс тестирования с фиксацией задач в системе управления проектами.
3.Провести тестирование совместимости веб-системы .
4.Протестировать адаптивность веб-системы .
5.Проверить валидность верстки .
6.Провести технический аудит веб-системы .
7.Проверить качество сетевых подключений .
8.Автоматизировать процесс выполнения тестовых мероприятий.
9.Использовать возможности искусственного интеллекта при составлении тестовых мероприятий .
10.Зафиксировать результаты тестирования в отчете .
Описание предметной области:
Для проведения тестовых мероприятий было выбрано веб-приложение в области электроэнергетики - «Лаборатория цифрового моделирования в электроэнергетике» (URL: https://energy.exponenta.ru/)
3
1. Организация процесса тестирования
Для организации процесса тестирования и управления задачами была использована облачная система управления проектами Kaiten. В
рамках проекта было создано отдельное рабочее пространство и сформирована доска проекта.
На доску были добавлены карточки задач, охватывающие все этапы контроля качества веб-приложения:
1.Разработка плана тестовых мероприятий.
2.Тестирование клиентской части.
3.Технический аудит и проверка сетевых подключений.
4.Разработка сценария автоматизированного тестирования.
5.Формирование итогового отчета.
Для каждой карточки были заданы различные атрибуты (не менее пяти), включая: ответственного исполнителя, метки (теги) для категоризации, приоритет выполнения, а также время начала и окончания работ. Корректная установка временных рамок позволила автоматически сформировать график выполнения проекта.
Результаты организации процесса тестирования и длительность выполнения каждой задачи представлены на TIMELINE-диаграмме
(скриншот. 1) и в формате табличного отчета (скриншот. 2).
4
Скриншот 1. График выполнения задач проекта в TIMELINE-формате
Скриншот 2. Отчет по задачам проекта в табличном виде
5
2. Разработка тестовых мероприятий
Для проведения тестирования выбрано веб-приложение
«Лаборатория цифрового моделирования в электроэнергетике». URL веб-приложения: .
Данный ресурс предназначен для специалистов энергетической отрасли, он предоставляет доступ к информации о программном обеспечении, цифровом моделировании и содержит образовательные материалы. Главная страница веб-приложения представлена на скриншоте
3.
Рис. 3. Главная страница веб-приложения
Для всесторонней проверки качества веб-приложения был разработан план тестовых мероприятий, состоящий из 20 тест-кейсов. План включает проверки совместимости, адаптивности, верстки, анализ сетевых подключений, а также поиск элементов с помощью локаторов и шаги для автоматизированного тестирования. План зафиксирован в таблице 1.
Таблица 1 – План тестовых мероприятий
6
|
№ |
|
|
Описание проверки (Тест-кейс) |
|
|
Ожидаемый результат |
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
|
|
|
|
Тестирование совместимости: ОС |
|
Сайт отображается |
||
1 |
|
|
Windows 10 + браузер Chrome |
|
корректно, элементы |
|||
|
|
|
|
(последняя версия) |
|
управления активны |
||
|
|
|
|
|
|
|
||
|
|
|
|
Тестирование совместимости: ОС |
|
Сайт отображается |
||
2 |
|
|
Windows 10 + браузер Opera |
|
корректно, верстка не |
|||
|
|
|
|
(последняя версия) |
|
нарушена |
||
|
|
|
|
|
|
|
||
3 |
|
|
Тестирование адаптивности: |
|
Элементы распределены по |
|||
|
|
разрешение 1920x1080 (Desktop) |
|
всей ширине, текст читаем |
||||
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
Тестирование адаптивности: |
|
Отсутствует горизонтальная |
||
4 |
|
|
|
прокрутка, блоки |
||||
|
|
разрешение 1366x768 (Laptop) |
|
|||||
|
|
|
|
|
пропорциональны |
|||
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
|
|
|
|
|
|
Тестирование адаптивности: |
|
Включено мобильное |
||
5 |
|
|
|
отображение, главное меню |
||||
|
|
разрешение 360x800 (Mobile) |
|
|||||
|
|
|
|
|
свернуто в "гамбургер" |
|||
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
||
6 |
|
|
Тестирование верстки главной |
|
Отсутствие критических |
|||
|
|
страницы через валидатор W3C |
|
ошибок (Errors) в HTML-коде |
||||
|
|
|
|
|
||||
|
|
|
|
|
|
|
||
7 |
|
|
Технический аудит веб-приложения |
|
Успешное определение CMS |
|||
|
|
(анализ стека технологий) |
|
и используемых скриптов |
||||
|
|
|
|
|
||||
|
|
|
|
|
|
|
|
|
|
|
|
|
Тестирование сетевого подключения: |
|
Используется протокол |
||
8 |
|
|
|
HTTPS, код состояния ответа |
||||
|
|
тип подключения и статус-код |
|
|||||
|
|
|
|
|
главной страницы 200 |
|||
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
||
|
|
|
|
Анализ сетевых параметров |
|
Метод получения |
||
9 |
|
|
элемента: заголовки (Headers) и |
|
информации GET, наличие |
|||
|
|
|
|
метод |
|
заголовков Content-Type |
||
|
|
|
|
|
|
|
||
|
|
|
|
Анализ сетевых параметров |
|
Корректное время отклика |
||
10 |
|
|
элемента: время загрузки (Timing) и |
|
(TTFB), инициатор указывает |
|||
|
|
|
|
инициатор |
|
на исходный код |
||
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Файлы cookie имеют |
|
11 |
|
|
Проверка сохранения файлов cookie |
|
атрибуты Secure и один и тот |
|||
|
|
|
|
|
|
|
же домен |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
(Локатор) Проверка наличия |
|
Логотип успешно |
||
12 |
|
|
|
идентифицирован в DOM- |
||||
|
|
логотипа сайта в шапке |
|
|||||
|
|
|
|
|
|
|
дереве по CSS-селектору |
|
|
|
|
|
|
|
|
|
|
7
|
№ |
|
|
Описание проверки (Тест-кейс) |
|
|
Ожидаемый результат |
|
|
|
|
|
|
|
|||
|
|
|
|
|
|
|
|
|
13 |
|
|
(Локатор) Проверка работы кнопки |
|
Элемент найден по XPath, |
|||
|
|
"Поиск" (иконка лупы) |
|
клик вызывает строку поиска |
||||
|
|
|
|
|
|
|||
14 |
|
|
(Локатор) Проверка работы |
|
Переход в раздел "Решения" |
|||
|
|
|
|
навигационного меню "Решения" |
|
при клике на элемент |
||
|
|
|
|
|
|
|
||
|
|
|
|
(Локатор) Проверка отображения |
|
Элемент footer |
||
15 |
|
|
блока контактной информации в |
|
идентифицирован, текст |
|||
|
|
|
|
подвале |
|
контактов отображается |
||
|
|
|
|
|
|
|||
16 |
|
|
(Автотест) Открытие главной |
|
Главная страница полностью |
|||
|
|
|
|
страницы https://energy.exponenta.ru/ |
|
загружена в браузере |
||
|
|
|
|
|
|
|
||
|
|
|
|
(Автотест) Тестирование функции |
|
Открыта страница с |
||
17 |
|
|
поиска: клик по иконке лупы и ввод |
|
результатами поиска по |
|||
|
|
|
|
запроса |
|
ключевому слову |
||
|
|
|
|
|
|
|||
18 |
|
|
(Автотест) Переход в раздел "Статьи |
|
Осуществлен успешный |
|||
|
|
|
|
и новости" через верхнее меню |
|
переход на страницу новостей |
||
|
|
|
|
|
|
|
|
|
|
|
|
|
(Автотест) Возврат на главную |
|
Осуществлен возврат на |
||
19 |
|
|
|
исходную страницу веб- |
||||
|
|
|
|
страницу через клик по логотипу |
|
приложения |
||
|
|
|
|
|
|
|
||
|
|
|
|
|
|
|
||
|
|
|
|
(Автотест) Проверка |
|
Открывается |
||
20 |
|
|
работоспособности кнопки |
|
соответствующее |
|||
|
|
|
|
"Рассчитать стоимость" |
|
всплывающее окно |
||
|
|
|
|
|
|
|
|
|
8