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

САНКТ-ПЕТЕРБУРГСКИЙ ГОСУДАРСТВЕННЫЙ ЭЛЕКТРОТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

«ЛЭТИ» ИМ. В.И. УЛЬЯНОВА (ЛЕНИНА)

Кафедра информационных систем

ОТЧЕT

по практической работе №1

по дисциплине «Тестирование программного обеспечения (трек)» Тема: Комплексное тестирование клиентской части web-приложений

Студент гр. 3316	Руденский И.М.
Преподаватель	Турнецкая Е.Л.

Санкт-Петербург

2025

Введение

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

Задачи: 1. Провести тестирование совместимости веб-системы

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

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

4. Протестировать структуру веб-приложения.

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

Тестирование совместимости веб-системы

Выбранное приложение: Ozon

Тестирование совместимости было проведено на сайте browserling.com

Рисунок 1 - Firefox 130

Рисунок 2 - Edge 113

Веб-система Ozon полностью совместима с указанными браузерами в среде Windows 10. Критических проблем не обнаружено.

Тестирование адаптивности веб-системы

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

Тестирование производилось в браузере firefox.

Рисунок 3 - 1920x1080

Рисунок 4 - 1366x768

Рисунок 5 - 360x800

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

Тестирование вёрстки

Рисунок 6 - Результат тестирования вёрстки

На скриншоте видно, что в вёрстке страницы есть несколько ошибок.

Тестирование ссылочной целостности. Тестирование структуры веб-приложения.

Тестирование производилось на сервисе https://www.siteliner.com

К сожалению, видимо по причине того, что сайт Ozon заблокировал доступ из некоторых стран, с сайта siteliner не получилось (пишет ошибку 403 forbidden). С других сайтов-анализаторов получилось то же самое.

Рисунок 7 - результат анализа сайта

Рисунок 8 - попытка протестировать сайт на битые ссылки

Технический аудит

Рисунок 9 - результат анализа веб сайта на используемые технологии

К сожалению, w3techs.com также не даёт полной информации о сайте ozon.ru. Однако, сервис builtwith помог выяснить, какие технологии применены на веб сайте ozon.ru.

Рисунок 10 - builtwith (1)

Рисунок 11 - builtwith(2)

Скорее всего, сайт использует vue.js в качестве фреймворка, nginx в качестве сервера. О других технологиях информацию получить не удалось.

Вывод

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

Тестирование совместимости проводилось в браузерах Firefox 130 и Edge 113 под управлением Windows 10. В ходе проверки не удалось полностью проанализировать все аспекты работы сайта, поскольку доступ к некоторым функциям был ограничен географически. Однако в доступных разделах критических ошибок не обнаружено: основные элементы интерфейса загружались без задержек, навигация по категориям и поиск товаров функционировали корректно. Проверка адаптивности с использованием инструментов разработчика (DevTools) показала, что интерфейс Ozon корректно масштабируется на различных разрешениях экрана, включая мобильные устройства. Тем не менее, при сильном уменьшении ширины окна отдельные элементы интерфейса (например, фильтры в каталоге) могли становиться менее удобными для взаимодействия, что указывает на возможные направления для оптимизации. Анализ технической составляющей сайта подтвердил использование современных веб-технологий. Однако в связи с ограниченным доступом к некоторым разделам не удалось проверить наличие битых ссылок, дублирующего контента и полную скорость загрузки динамических элементов. Таким образом, тестирование подтвердило общую стабильность работы Ozon в основных браузерах, но выявило необходимость дополнительной проверки при полном доступе к функционалу сайта. Для более глубокого анализа производительности и SEO-оптимизации рекомендуется повторное тестирование без географических ограничений.

Использованные источники

1) ozon.ru – тестируемый веб-сайт

2) browserling.com – кросс-браузерное тестирование

3) w3techs.com – анализ веб-страниц по различным параметрам

4) builtwith.com – анализ веб-страниц на применяемые технологии

5) siteliner.com – тестирование структуры веб-приложения