ПИ__3

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

Для достижения поставленной цели требуется решить следующие задачи:

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

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

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

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

Для тестирование выбрано веб-приложение Аэрофлота. Выполнено тестирование совместимости сайта на ОС Windows 10 с браузерами Chrome 119, Firefox 50, Opera 48 (Рисунок 1-3). Все основные функции должны быть доступны пользователям в различных браузерах и на разных устройствах с разными операционными системами и их версиями.

Рисунок 1 – Тестирование совместимости, ОС Windows 10, Браузер Chrome 119

Рисунок 2 – Тестирование совместимости, ОС Windows 10, Браузер Firefox 50

Рисунок 3 – Тестирование совместимости, ОС Windows 10, Браузер Opera 48

При использовании актуальной версии Chrome ошибок не возникло, при использовании Firefox 50 сайт не грузится. При подключении к сайту через Opera 48 сайт открывается, но если попробовать купить билет, то выводится сообщение, что доступ к сайту запрещен.

Для тестирования адаптивности использованы инструменты Devtools в браузере Google Chrome, сайт должен корректно отображаться на экранах разных устройств. Тестирование выполнялось на расширениях : 1920х1080; 1366х768; 360х800, которые соответствуют наиболее востребованным устройствам пользователей (Рисунок 4-6).

Рисунок 4 – Тестирование адаптивности сайта при расширении 1920х1080

Рисунок 5 – Тестирование адаптивности сайта 1366х768

Рисунок 6 – Тестирование адаптивности сайта 360х800

Тестирование адаптивности сайта показало, что на всех расширениях удобный пользовательский интерфейс. На устройствах с низким расширением элементы управления скрыты в выпадающее меню.

Для тестирования верстки сайта использован валидатор от W3C , который проверяет соответствие HTML-кода стандартам, которые позволяют сайту работать в разных браузерах и программах (Рисунок 7).

Рисунок 7 – Тестирование верстки сайта в валидаторе

По результатам тестирования верстки на скриншоте видно, что были найдены информационные сообщения и одна ошибка. Согласно сообщению об ошибке, элемент head страницы не содержит обязательный дочерний элемент title.

Далее с помощью сервиса SimilarTech проведен технический аудит, который показывает количество информационных технологий, на основе которых реализована веб-система (Рисунок 8)

Рисунок 8 – Технологии, используемые Aeroflot

Аудит показал, что веб-сайт использует 18 технологий. Можно увидеть, что в категории Marketing используется инструмент SendSay, который является многофункциональной маркетинговой платформой. В категории Conversion & Analytics отмечен инструмент Yandex Verification, предназначенный для верификации веб-сайтов.

Вывод:

В ходе выполнения лабораторной работы получены навыки тестирования клиентской части приложения. Проведено тестирование совместимости, адаптивности, верстки и технический аудит веб-приложения Aeroflot. Тестирование показало, сайт не совместим со старыми версиями браузеров, адаптивен, присутствует одна ошибка в верстке и используется 18 технологий.

Список используемых источников:

1. Сервис по проверки совместимости https://www.browserling.com

2. Сервис по проверки адаптивности http://www.responsinator.com/

3. Сервис тестирования верстки URL: https://www.similarweb.com

4. Сервис для технического аудита URL: https://validator.w3.org/