МИНОБРНАУКИ РОССИИ

Санкт-Петербургский государственный

электротехнический университет

«ЛЭТИ» им. В.И. Ульянова (Ленина)

Цифровая Кафедра

КУРСОВОЙ ПРОЕКТ

По дисциплине: “Инженер по те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

ЗАКЛЮЧЕНИЕ. 27

Список использованных источников. 29

Введение

Цель: получение практических навыков по тестированию и контролю качества веб-приложения .

Задачи:

1. Разработать план тестирование .

2. Организовать процесс тестирования с фиксацией задач в системе управления проектами.

3. Провести тестирование совместимости веб-системы .

4. Протестировать адаптивность веб-системы .

5. Проверить валидность верстки .

6. Провести технический аудит веб-системы .

7. Проверить качество сетевых подключений .

8. Автоматизировать процесс выполнения тестовых мероприятий.

9. Использовать возможности искусственного интеллекта при составлении тестовых мероприятий .

10. Зафиксировать результаты тестирования в отчете .

Описание предметной области: Для проведения тестовых мероприятий было выбрано веб-приложение в области электроэнергетики - «Лаборатория цифрового моделирования в электроэнергетике» (URL: https://energy.exponenta.ru/)

1. Организация процесса тестирования

Для организации процесса тестирования и управления задачами была использована облачная система управления проектами Kaiten. В рамках проекта было создано отдельное рабочее пространство и сформирована доска проекта.

На доску были добавлены карточки задач, охватывающие все этапы контроля качества веб-приложения:

1. Разработка плана тестовых мероприятий.

2. Тестирование клиентской части.

3. Технический аудит и проверка сетевых подключений.

4. Разработка сценария автоматизированного тестирования.

5. Формирование итогового отчета.

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

Результаты организации процесса тестирования и длительность выполнения каждой задачи представлены на TIMELINE-диаграмме (скриншот. 1) и в формате табличного отчета (скриншот. 2).

Скриншот 1. График выполнения задач проекта в TIMELINE-формате

Скриншот 2. Отчет по задачам проекта в табличном виде

2. Разработка тестовых мероприятий

Для проведения тестирования выбрано веб-приложение «Лаборатория цифрового моделирования в электроэнергетике». URL веб-приложения: .

Данный ресурс предназначен для специалистов энергетической отрасли, он предоставляет доступ к информации о программном обеспечении, цифровом моделировании и содержит образовательные материалы. Главная страница веб-приложения представлена на скриншоте 3.

Рис. 3. Главная страница веб-приложения

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

Таблица 1 – План тестовых мероприятий

№	Описание проверки (Тест-кейс)	Ожидаемый результат
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), инициатор указывает на исходный код
11	Проверка сохранения файлов cookie	Файлы cookie имеют атрибуты Secure и один и тот же домен
12	(Локатор) Проверка наличия логотипа сайта в шапке	Логотип успешно идентифицирован в DOM-дереве по CSS-селектору
13	(Локатор) Проверка работы кнопки "Поиск" (иконка лупы)	Элемент найден по XPath, клик вызывает строку поиска
14	(Локатор) Проверка работы навигационного меню "Решения"	Переход в раздел "Решения" при клике на элемент
15	(Локатор) Проверка отображения блока контактной информации в подвале	Элемент footer идентифицирован, текст контактов отображается
16	(Автотест) Открытие главной страницы https://energy.exponenta.ru/	Главная страница полностью загружена в браузере
17	(Автотест) Тестирование функции поиска: клик по иконке лупы и ввод запроса	Открыта страница с результатами поиска по ключевому слову
18	(Автотест) Переход в раздел "Статьи и новости" через верхнее меню	Осуществлен успешный переход на страницу новостей
19	(Автотест) Возврат на главную страницу через клик по логотипу	Осуществлен возврат на исходную страницу веб-приложения
20	(Автотест) Проверка работоспособности кнопки "Рассчитать стоимость"	Открывается соответствующее всплывающее окно