Тестирование сайта и веб-приложения с подробным QA-отчётом

Используемые навыки CSS HTML JavaScript Тестирование / QA Тестирование веб-сайта

Описание

Демонстрационный проект по ручному тестированию сайта и веб-приложения с подготовкой структурированного QA-отчёта об обнаруженных ошибках.

Цель работы — показать, как проводится проверка интерфейса, адаптивности, навигации, форм, кнопок, ссылок и основных пользовательских сценариев на Windows и Android.

При тестировании учитывается структура HTML, оформление CSS и поведение интерактивных элементов JavaScript. Обнаруженные проблемы оформляются в понятном для разработчика виде: с описанием, степенью серьёзности, шагами воспроизведения, ожидаемым и фактическим результатом, а также скриншотами.

Техническое тестирование выполняет Илья под контролем Владимира. Владимир ведёт коммуникацию с заказчиком, согласовывает требования, контролирует сроки и проверяет итоговый результат перед передачей.

Решение

Проведено последовательное ручное тестирование сайта и веб-приложения на Windows и Android.

В ходе проверки были протестированы:

— навигация и основные пользовательские сценарии;
— кнопки, ссылки, меню и формы;
— адаптивное отображение страниц на разных размерах экрана;
— визуальная целостность интерфейса;
— корректность текстов и расположения элементов;
— основные интерактивные функции;
— поведение элементов, реализованных с использованием HTML, CSS и JavaScript;
— удобство использования сайта.

Для каждой обнаруженной проблемы подготовлены:

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

Ошибки распределены по степени серьёзности, чтобы разработчик мог определить приоритет исправлений. Все результаты оформлены в едином структурированном QA-отчёте.

Результат

Подготовлен подробный структурированный отчёт об ошибках в формате PDF.

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

Отчёт можно использовать для:

— передачи задач разработчику;
— определения приоритетов исправления;
— проверки адаптивности и основных функций сайта;
— контроля качества перед публикацией;
— повторного тестирования после внесения исправлений.

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