Проект "Тестирование веб-приложения Собаседник"
Проект разработан в учебных целях, был выполнен с помощью тренировочного сайта https://guru.qahacking.ru. В ходе работы было разработано:
-Чек-лист
-76 тест-кейсов
-15 баг-репортов
Чек-лист
| № | Раздел | Проверка | Ожидаемый | Статус |
|---|---|---|---|---|
| 1 | UI | Логотип отображается на всех страницах | Логотип виден, корректного размера | ☐ |
| 2 | UI | Цветовая схема соответствует дизайну | Цвета отображаются правильно | ☐ |
| 3 | UI | Шрифты читаемы на всех устройствах | Текст легко читаем, нет наложений | ☐ |
| 4 | UI | Кнопки кликабельны и видимы | Все кнопки отображаются корректно | ☐ |
| 5 | Навигация | Меню работает корректно | Все пункты меню открываются на правильные страницы | ☐ |
| 6 | Навигация | Пункты подменю кликабельны | Работают корректно | ☐ |
| 7 | Ссылки | Внутренние ссылки | Все ссылки открываются без ошибки 404 | ☐ |
| 8 | Ссылки | Внешние ссылки | Открываются в новой вкладке | ☐ |
| 9 | Контент | Заголовки H1/H2 на главной странице | Соответствуют дизайну и смыслу | ☐ |
| 10 | Контент | Основной текст | Текст без ошибок, информативный | ☐ |
| 11 | Контент | Изображения | Все изображения загружены, без искажений | ☐ |
| 12 | Формы | Форма бронирования питомца присутствует | Форма видна и доступна | ☐ |
| 13 | Формы | Обязательные поля отмечены | Проверка валидации пустых полей | ☐ |
| 14 | Формы | Поля с email и телефоном | Валидация корректна | ☐ |
| 15 | Формы | Кнопка "Отправить" | Доступна только после заполнения обязательных полей | ☐ |
| 16 | Адаптивность | Страница корректно отображается на мобильных | Нет горизонтальной прокрутки, элементы видимы | ☐ |
| 17 | Адаптивность | Страница корректно отображается на планшете | Элементы не налезают друг на друга | ☐ |
| 18 | Функциональность | Все интерактивные элементы работают | Кнопки, ссылки, меню работают | ☐ |
| 19 | Производительность | Время загрузки страницы главной | < 3 секунд | ☐ |
| 20 | Безопасность | Сайт открывается по HTTPS | Нет предупреждений безопасности | ☐ |
| 21 | Юзабилити | Кнопки и ссылки легко кликабельны | Пользователь может удобно навигировать | ☐ |
| 22 | Юзабилити | Цветовые схемы и контрастность | Кнопки, ссылки, меню работают | ☐ |
Тест-кейсы
Далее полная версия всех тест-кейсов для сайта https://guru.qahacking.ru/
Главная страница
ID: TC-001
Заголовок: Проверка отображения логотипа на главной странице
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Обратить внимание на область хедера сайта.
2. Проверить наличие логотипа в верхней части страницы.
3. Навести курсор на логотип.
Ожидаемый результат:
Логотип отображается корректно, не искажён, расположен в хедере. При наведении не происходит графических артефактов или смещения.
Постусловия: Не требуется
ID: TC-002
Заголовок: Проверка читаемости текстового контента на главной странице
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Визуально просмотреть заголовки, подзаголовки и основной текст на странице.
2. Проверить, что текст не перекрывается другими элементами.
3. Проверить межстрочные интервалы и расстояние между абзацами.
4. Оценить контрастность текста и фона.
Ожидаемый результат:
Текст читаемый, не накладывается на другие элементы. Размер шрифта соответствует дизайну, межстрочные интервалы соблюдены. Контраст текста и фона достаточный для чтения.
Постусловия: Не требуется
ID: TC-003
Заголовок: Проверка отображения кнопки "Подробнее о питомнике" на главной странице
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Прокрутить страницу до блока с кнопкой "Подробнее о питомнике".
2. Обратить внимание на наличие кнопки.
Ожидаемый результат:
Кнопка "Подробнее о питомнике" отображается, текст читаемый, кнопка не перекрыта другими элементами.
Постусловия: Не требуется
ID: TC-004
Заголовок: Проверка кликабельности кнопки "Подробнее о питомнике"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Нажать на кнопку "Подробнее о питомнике".
Ожидаемый результат:
Переход осуществляется на страницу https://guru.qahacking.ru/index.php/about.
Постусловия: Не требуется
ID: TC-005
Заголовок: Проверка hover-эффекта у кнопки "Подробнее о питомнике"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Навести курсор на кнопку "Подробнее о питомнике".
Ожидаемый результат:
Кнопка визуально реагирует: цвет меняется на оранжевый (#ff9d3b), а текст внутри меняется на полужирный, цвет (#223046).
Постусловия: Не требуется
ID: TC-006
Заголовок: Проверка наличия и корректности заголовка H1 на главной странице
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Просмотреть содержимое страницы.
2. Найти заголовок уровня H1.
Ожидаемый результат:
Заголовок H1 присутствует, текст соответствует теме главной страницы, уникальный на странице, читаемый.
Постусловия: Не требуется
ID: TC-007
Заголовок: Проверка отображения баннера (Hero Image) на главной странице
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Просмотреть верхнюю часть страницы.
2. Проверить наличие баннера (Hero Image).
Ожидаемый результат:
Hero Image отображается корректно, без искажений.
Постусловия: Не требуется
ID: TC-008
Заголовок: Проверка наличия alt-тега у главного фото (Hero Image)
Предусловия: Открыта главная страница, DevTools включён
Шаги:
1. Проверить HTML-код Hero Image.
2. Убедиться, что атрибут alt присутствует и корректно описывает изображение.
Ожидаемый результат:
Hero Image содержит alt-тег с правильным описанием.
Постусловия: Не требуется
ID: TC-009
Заголовок: Проверка отображения карусели фотографий на главной странице
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Пролистать страницу до блока с каруселью.
2. Проверить видимость всех элементов карусели (фотографии, стрелки навигации).
Ожидаемый результат:
Карусель отображается полностью, изображения видимы, стрелки навигации присутствуют.
Постусловия: Не требуется
Хедер
ID: TC-010
Заголовок: Проверка отображения кнопки «О нас» в навигационном меню
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Обратить внимание на область верхнего меню (header).
2. Найти кнопку «О нас».
Ожидаемый результат:
Кнопка «О нас» отображается корректно, текст читаемый, элемент виден.
Постусловия: Не требуется
ID: TC-011
Заголовок: Проверка кликабельности кнопки "О нас"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Нажать на кнопку "О нас" в верхнем меню.
Ожидаемый результат:
Выполняется переход на страницу https://guru.qahacking.ru/index.php/about.
Постусловия: Не требуется
ID: TC-012
Заголовок: Проверка открытия ссылки "О нас" в текущей вкладке
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Нажать на кнопку "О нас" в меню.
Ожидаемый результат:
Страница "О нас" открывается в той же вкладке браузера.
Постусловия: Не требуется
ID: TC-013
Заголовок: Проверка hover-эффекта для кнопки "О нас"
Предусловия: Открыта главная страница
Шаги:
1. Навести курсор на кнопку "О нас" в меню.
Ожидаемый результат:
Кнопка меняет состояние при наведении имеет подчёркивание.
Постусловия: Не требуется
ID: TC-014
Заголовок: Проверка перехода по пункту меню "О нас"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Нажать на пункт меню "О нас" в шапке сайта.
Ожидаемый результат:
Выполняется переход на страницу https://guru.qahacking.ru/index.php/about. Страница успешно загружается без ошибок.
Постусловия: Не требуется
ID: TC-015
Заголовок: Проверка перехода по пункту подменю "Советы" в разделе "О нас"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Навести курсор на пункт меню "О нас" в шапке сайта.
2. В выпадающем подменю нажать на пункт "Советы".
Ожидаемый результат:
Выполняется переход на страницу с советами (например, https://guru.qahacking.ru/index.php/tips или другой корректный URL). Страница успешно загружается без ошибок.
Постусловия: Не требуется
ID: TC-016
Заголовок: Проверка hover-эффекта для кнопки "Блог Джесси"
Предусловия: Открыта главная страница
Шаги:
1. Навести курсор на кнопку "Блог Джесси" в меню.
Ожидаемый результат:
Кнопка меняет состояние при наведении имеет подчёркивание.
Постусловия: Не требуется
ID: TC-017
Заголовок: Проверка перехода по пункту меню "Блог Джесси"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Нажать на пункт меню "Блог Джесси" в шапке сайта.
Ожидаемый результат:
Выполняется переход на страницу https://guru.qahacking.ru/index.php/news. Страница успешно загружается без ошибок.
Постусловия: Не требуется
ID: TC-018
Заголовок: Проверка hover-эффекта для кнопки "Магазин"
Предусловия: Открыта главная страница
Шаги:
1. Навести курсор на кнопку "Магазин" в меню.
Ожидаемый результат:
Кнопка меняет состояние при наведении имеет подчёркивание.
Постусловия: Не требуется
ID: TC-019
Заголовок: Проверка перехода по пункту меню "Магазин"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Нажать на пункт меню "Магазин" в шапке сайта.
Ожидаемый результат:
Выполняется переход на страницу https://guru.qahacking.ru/index.php/magazin. Страница успешно загружается без ошибок.
Постусловия: Не требуется
ID: TC-020
Заголовок: Проверка перехода по пункту подменю "Корзина" в разделе "Магазин"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Навести курсор на пункт меню "Магазин" в шапке сайта.
2. В выпадающем подменю нажать на пункт "Корзина".
Ожидаемый результат:
Выполняется переход на страницу с корзиной https://guru.qahacking.ru/index.php/magazin/korzina. Страница успешно загружается без ошибок.
Постусловия: Не требуется
ID: TC-021
Заголовок: Проверка перехода по пункту подменю "Избранное" в разделе "Магазин"
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Навести курсор на пункт меню "Магазин" в шапке сайта.
2. В выпадающем подменю нажать на пункт "Избранное".
Ожидаемый результат:
Выполняется переход на страницу избранного https://guru.qahacking.ru/index.php/magazin/izbrannoe. Страница успешно загружается без ошибок.
Постусловия: Не требуется
ID: TC-022
Заголовок: Проверка hover-эффекта для кнопки "IT курсы"
Предусловия: Открыта главная страница
Шаги:
1. Навести курсор на кнопку "IT курсы" в меню.
Ожидаемый результат:
Кнопка меняет состояние при наведении имеет подчёркивание.
Постусловия: Не требуется
ID: TC-023
Заголовок: Проверка внешней ссылки "IT курсы" в навигации сайта
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Найти в навигационном меню ссылку "IT курсы".
2. Нажать на ссылку.
Ожидаемый результат:
Выполняется переход на внешний ресурс https://ermita.one/courses/. Ссылка открывается в новой вкладке браузера.
Постусловия: Закрыть открытую вкладку внешнего ресурса
ID: TC-024
Заголовок: Проверка внешней ссылки "Проверь свой уровень" в навигации сайта
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Найти в навигационном меню ссылку "Проверь свой уровень".
2. Нажать на ссылку.
Ожидаемый результат:
Выполняется переход на внешний ресурс https://ermita.one/matricy-kompetencij/. Ссылка открывается в новой вкладке браузера.
Постусловия: Закрыть открытую вкладку внешнего ресурса
ID: TC-025
Заголовок: Проверка внешней ссылки "Тренажер тестирования API" в навигации сайта
Предусловия: Открыта главная страница https://guru.qahacking.ru/
Шаги:
1. Найти в навигационном меню ссылку "Тренажер тестирования API".
2. Нажать на ссылку.
Ожидаемый результат:
Выполняется переход на внешний ресурс https://oort.qahacking.ru/. Ссылка открывается в новой вкладке браузера.
Постусловия: Закрыть открытую вкладку внешнего ресурса
О нас
ID: TC-026
Заголовок: Проверка текста в верхней части страницы "About"
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница полностью загружена, соединение стабильное.
Шаги:
1. Перейти на страницу /about.
2. Просмотреть верхнюю часть страницы (hero-блок).
3. Проверить отображаемый текст.
Ожидаемый результат:
- В верхней части страницы отображается корректный заголовок, соответствующий дизайну и смыслу страницы.
Постусловия:
Не требуется.
ID: ТС-027
Заголовок: Проверка читаемости текста на кнопке "Подтвердить отправку"
Приоритет: Medium
Серьёзность: Minor (UI / Accessibility)
Страница: https://guru.qahacking.ru/index.php/about
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница полностью загружена, форма бронирования видна.
Шаги:
1. Пролистать страницу до формы бронирования.
2. Найти кнопку "Подтвердить отправку".
3. Обратить внимание на её текст без наведения курсора.
4. Навести курсор на кнопку и сравнить визуальное состояние текста.
Ожидаемый результат:
Текст на кнопке читаем без наведения курсора.
Контраст и цвет текста соответствуют требованиям доступности (WCAG).
При наведении курсора допускается лёгкий эффект (например, изменение фона), но текст остаётся читаемым.
Тип: UI / Accessibility
ID: TC-028
Заголовок: Проверка работы кнопки "Подтвердить отправку"
Приоритет: High
Серьёзность: Major (Functional Blocker)
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница полностью загружена, форма бронирования доступна.
3. Все обязательные поля формы заполнены корректно.
Шаги:
1. Пролистать страницу до формы бронирования.
2. Заполнить все поля валидными данными.
3. Нажать кнопку "Подтвердить отправку".
4. Наблюдать поведение страницы.
Ожидаемый результат:
Форма отправляется на сервер, либо отображается сообщение об успешной отправке.
В случае ошибки — показывается сообщение об ошибке (“Проверьте введённые данные”).
Форма бронирования
ID: TC-029
Заголовок: Дымовой тест формы бронирования
Предусловия: Открыта форма бронирования на странице https://guru.qahacking.ru/index.php/about, все обязательные поля заполнены корректно
Шаги:
1. Заполнить все поля корректными данными:
- Имя, Email, Телефон
- Дата: выбрать ближайшую доступную
- Вид питомца: выбрать из списка
2. Нажать кнопку "Забронировать".
Ожидаемый результат:
Форма успешно отправляется, отображается сообщение об успешной отправке.
Постусловия: Нет
ID: TC-030
Заголовок: Проверка валидации обязательных полей формы бронирования
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about
Шаги:
1. Оставить все обязательные поля пустыми.
2. Нажать кнопку "Забронировать".
Ожидаемый результат:
Появляются сообщения об ошибках для всех обязательных полей.
Постусловия: Не требуется
ID: TC-031
Заголовок: Проверка валидации поля Email
Предусловия: Открыта страница /about
Шаги:
1. Ввести в поле Email некорректный адрес, например: "test@".
2. Нажать "Забронировать".
Ожидаемый результат:
Появляется сообщение об ошибке: "Введите корректный email".
Постусловия: Не требуется
ID: TC-032
Заголовок: Проверка выбора радиокнопки «Кобель»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования видна
Шаги:
1. Найти блок «Желаемый пол щенка».
2. Нажать на радиокнопку «Кобель».
Ожидаемый результат:
Радиокнопка «Кобель» становится выбранной и отображается активной.
Постусловия: Радиокнопка «Кобель» остаётся выбранной
ID: TC-033
Заголовок: Проверка одновременного выбора более одной радиокнопки в блоке «Желаемый пол щенка»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования видна
Шаги:
1. Найти блок радиокнопок «Желаемый пол щенка».
2. Нажать на радиокнопку «Кобель».
3. Не снимая выбора, нажать на радиокнопку «Сука».
Ожидаемый результат:
Активной остаётся только одна выбранная радиокнопка — «Сука». Предыдущая («Кобель») автоматически снимается.
Постусловия: Выбрана только одна радиокнопка (в данном случае — «Сука»)
ID: TC-034
Заголовок: Проверка корректного ввода номера телефона
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования видна
Шаги:
1. Найти поле «Телефон» в форме бронирования.
2. Ввести корректный номер телефона.
3. Нажать кнопку «Забронировать».
Ожидаемый результат:
Поле «Телефон» принимает данные, отображает введённый номер корректно, форма успешно отправляется (если остальные поля заполнены).
Постусловия: Очистить поле «Телефон» после теста
ID: TC-035
Заголовок: Проверка некорректного ввода номера телефона
Предусловия: Открыта страница /about, форма бронирования видна
Шаги:
1. Найти поле «Телефон».
2. Ввести некорректные данные, например: abcdef или 12345.
3. Нажать кнопку «Забронировать».
Ожидаемый результат:
Поле «Телефон» отклоняет некорректные данные или отображает сообщение об ошибке (если валидация предусмотрена). В нашем случае — форма отправляется, но это считается дефектом, так как валидация отсутствует.
Постусловия: Очистить поле после теста
ID: TC-036
Заголовок: Проверка выбора даты в поле "Когда хотите забрать"
Предусловия: Открыта страница /about, форма бронирования видна
Шаги:
1. Найти поле «Когда хотите забрать».
2. Кликнуть по полю — убедиться, что появляется календарь или поле ввода очищается.
3. Ввести или выбрать новую дату.
Ожидаемый результат: При клике на поле предыдущее значение (если было) очищается. Пользователь может ввести или выбрать новую дату без ошибок. Введённая дата корректно отображается в поле.
Постусловия: Очистить поле
ID: TC-037
Заголовок: Проверка ввода текста в поле «Особые пожелания»
Предусловия: Открыта странp.qahacking.ru/index.php/about, форма бронирования отображается
Шаги:
1. Найти поле «Особые пожелания».
2. Ввести произвольный текст.
3. Нажать кнопку «Забронировать».
Ожидаемый результат:
Поле принимает введённый текст, текст отображается полностью, отправка формы возможна.
Постусловия: Очистить поле
ID: TC-038
Заголовок: Проверка ввода текста длиной более 200 символов в поле «Особые пожелания»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования отображается
Шаги:
1. Найти поле «Особые пожелания».
2. Проверить возможность ввода текста длиной более 200 символов.
3. Нажать кнопку «Забронировать».
Ожидаемый результат:
Поле принимает введённый текст, текст отображается полностью, отправка формы возможна.
Постусловия: Очистить поле
ID: TC-039
Заголовок: Проверка выбора чекбокса «Маленький»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования видна
Шаги:
1. Найти чекбокс «Маленький» в блоке «Размер собаки».
2. Нажать на чекбокс.
Ожидаемый результат:
Чекбокс «Маленький» активируется (отображается галочка).
Постусловия: Снять чекбокс
ID: TC-040
Заголовок: Проверка выбора чекбокса «Средний»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования отображается
Шаги:
1. Найти чекбокс «Средний».
2. Нажать на чекбокс.
Ожидаемый результат:
Чекбокс «Средний» активируется.
Постусловия: Снять чекбокс
ID: TC-041
Заголовок: Проверка снятия выбора чекбокса «Маленький» повторным нажатием
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования отображается, чекбокс «Маленький» выбран
Шаги:
1. Нажать повторно на чекбокс «Маленький».
Ожидаемый результат:
Чекбокс перестаёт быть активным.
Постусловия: Нет
ID: TC-042
Заголовок: Возмжность выбрать язык кликом по названию чекбокса "Русский" в форме бронирования
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования отображается
Шаги:
1. Найти пункт ""Языки на которых должна говорить собака"
2. Выбрать чекбокс "Русский" кликом по названию.
Ожидаемый результат:
Чексбокс "Русский" активируется.
Постусловия: Снять чекбокс "Русский"
ID: TC-043
Заголовок: Проверка отправки формы без выбора чекбокса «Размер собаки»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, обязательные поля формы заполнены корректно
Шаги:
1. Не выбирать ни один размер.
2. Нажать «Забронировать».
Ожидаемый результат:
Отображается ошибка валидации.
Постусловия: Нет
ID: TC-044
Заголовок: Проверка загрузки корректного файла
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about, форма бронирования отображается
Шаги:
1. Нажать кнопку «Выбрать файл».
2. В окне выбора файлов выбрать изображение формата .jpg размером до 5 МБ.
Ожидаемый результат:
Имя выбранного файла отображается рядом с полем, ошибок нет.
Постусловия: Удалить выбранный файл при необходимости
ID: TC-045
Заголовок: Проверка ограничения по формату файла
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about
Шаги:
1. Нажать кнопку «Выбрать файл».
2. Выбрать файл формата .exe или .txt.
Ожидаемый результат:
Появляется сообщение об ошибке или запрет на выбор файла.
Постусловия: Очистить выбранный файл
ID: TC-046
Заголовок: Проверка ограничения по размеру файла
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/about
Шаги:
1. Нажать кнопку «Выбрать файл».
2. Выбрать файл размером больше 10 МБ.
Ожидаемый результат:
Появляется сообщение об ошибке или запрет на выбор файла.
Постусловия: Очистить поле
ID: TC-047
Заголовок: Проверка выпадающего меню (select) для выбора города в форме бронирования
Предусловия: Открыта форма бронирования на странице https://guru.qahacking.ru/index.php/about, обязательные поля пусты
Шаги:
1. Пролистать страницу до формы бронирования.
2. Найти элемент «Город» (поле выбора города / dropdown).
3. Кликнуть по полю «Город» или по иконке-стрелке раскрытия.
Ожидаемый результат:
При клике по полю «Город» или по стрелке появляется выпадающий список с вариантами городов.
Постусловия: Нет
Страница «Блог Джесси»
ID: TC-048
Заголовок: Проверка загрузки страницы «Блог Джесси»
Предусловия: Открыт браузер
Шаги:
1. Перейти по адресу https://guru.qahacking.ru/index.php/news.
Ожидаемый результат:
Страница загружается без ошибок (HTTP 200), отображается список новостей или сообщение «Новостей нет», нет явных ошибок верстки.
Постусловия: Не требуется
ID: TC-049
Заголовок: Переход по баннер-линку статьи «Давно просил домашнее животное»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/news
Шаги:
1. В списке новостей найти баннер-линк статьи с заголовком «Давно просил домашнее животное».
2. Кликнуть по баннеру (по изображению или заголовку).
Ожидаемый результат:
Открывается статья «Давно просил домашнее животное» — заголовок и содержание соответствуют выбранной новости.
Постусловия: Нет
ID: TC-050
Заголовок: Проверка блока «Популярное»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/news
Шаги:
1. Прокрутить страницу вниз, чтобы увидеть правую боковую часть страницы.
2. Найти на странице боковой блок с заголовком «Популярное».
3. Проверить, корректно ли отображаются элементы внутри блока (список популярных новостей, изображения, заголовки).
Ожидаемый результат:
Блок «Популярное» присутствует на странице и корректно отображается.
Постусловия: Не требуется
ID: TC-051
Заголовок: Проверка отображения заголовка блока «Популярное»
Предусловия: Открыта страница https://guru.qahacking.ru/index.php/news
Шаги:
1. Найти на странице боковой блок с заголовком «Популярное».
2. Проверить, корректно ли отображаются элементы внутри блока (список популярных новостей, изображения, заголовки).
Ожидаемый результат:
Заголовок блока корректно отображается.
Постусловия: Не требуется
Магазин
ID: TC-052
Заголовок: Проверка отображения карточек товара (Product cards)
Предусловия: Страница /magazin открыта
Шаги:
1. Просмотреть первый экран и список карточек товара.
2. Для нескольких карточек проверить наличие: изображения, названия, цены, кнопки «Купить» или «В корзину».
Ожидаемый результат:
Каждая карточка содержит изображение (не битое), читаемое название, корректную цену и активную кнопку добавления/показa.
Постусловия: Не требуется
ID: TC-053
Заголовок: Проверка клика по карточке товара — переход на страницу товара
Предусловия: /magazin открыта, есть хотя бы одна карточка товара
Шаги:
1. Нажать по названию или изображению первой карточки товара.
2. Проверить открывшуюся страницу товара.
Ожидаемый результат:
Открывается страница конкретного товара; URL изменился, отображаются название, цена, описание и кнопка покупки.
Постусловия: Не требуется
ID: TC-054
Заголовок: Проверка поиска товаров на странице магазина
Предусловия: /magazin открыта, на сайте есть товары с уникальными названиями
Шаги:
1. Ввести в поисковое поле слово/фразу, относящуюся к существующему товару.
2. Нажать Enter или кнопку поиска.
Ожидаемый результат:
Список результатов содержит товары, релевантные запросу; если ничего не найдено — показано понятное сообщение «Ничего не найдено».
Постусловия: Очистить поисковую строку
ID: TC-055
Заголовок: Проверка фильтрации (по названию) на странице магазина
Предусловия: /magazin открыта, на сайте доступны фильтры/сортировка
Шаги:
1. Применить фильтр по названию.
2. Применить сортировку по убыванию.
3. Проверить список отображаемых товаров.
Ожидаемый результат:
После применения фильтров/сортировки отображаются только товары, соответствующие условиям; порядок соответствует выбранной сортировке.
Постусловия: Сбросить фильтры
ID: TC-056
Заголовок: Проверка добавления товара в корзину с карточки (быстрая покупка)
Предусловия: /magazin открыта, на странице есть кнопка «В корзину» в карточке товара
Шаги:
1. Нажать кнопку «В корзину» у выбранной карточки товара.
2. Открыть корзину (или проверить всплывающее уведомление).
Ожидаемый результат:
Товар успешно добавлен в корзину; в корзине отображается корректный товар, цена и количество; расчёт суммы верный.
Постусловия: Удалить тестовый товар из корзины
ID: TC-057
Заголовок: Негативный тест — добавление в корзину без обязательных опций (размер/цвет)
Предусловия: /magazin открыта, выбран товар с обязательными опциями (если есть)
Шаги:
1. На карточке товара нажать «В корзину», не выбрав обязательную опцию (например, размер).
Ожидаемый результат:
Появляется валидационное сообщение/подсказка с требованием выбрать опцию; товар не добавлен. Если система добавляет — зафиксировать как дефект.
Постусловия: Не требуется
ID:TC-058
Заголовок: Проверка подгрузки товаров (Load more / Pages)
Предусловия: На странице товаров больше элементов, чем показывается на одной странице
Шаги:
1. Пролистать страницу вниз.
2. Нажать «Загрузить ещё» или перейти на следующую страницу через пагинацию.
Ожидаемый результат:
Появляются дополнительные товары; кнопка работает без ошибок; URL или состояние обновляется корректно (если применимо).
Постусловия: Не требуется
ID:TC-059
Заголовок: Проверка адаптивности страницы магазина (мобильный/планшет)
Предусловия: Открыта страница /magazin, DevTools → Device Toolbar включён
Шаги:
1. Включить режим iPhone (375x812).
2. Проверить отображение карточек, меню фильтров, кнопки «В корзину».
3. Переключиться на планшет (768x1024) и повторить.
Ожидаемый результат:
Элементы правильно перестраиваются под экран; нет горизонтальной прокрутки; кнопки и фильтры доступны и кликабельны.
Постусловия: Выключить Device Toolbar
Футер
ID: TC-060
Заголовок: Проверка наличия и отображения футера на всех страницах сайта
Предусловия: Любая страница сайта открыта
Шаги:
1. Прокрутить страницу до конца.
2. Обратить внимание на футер.
Ожидаемый результат:
Футер присутствует и видим на всех страницах. Нет наложений или обрезанных элементов.
Постусловия: Не требуется
ID: TC-061
Заголовок: Проверка корректности ссылок на социальные сети
Предусловия: Футер виден на странице
Шаги:
1. Нажать на иконки социальных сетей (VK, Telegram, Instagram и т.д.).
Ожидаемый результат:
Открываются правильные внешние страницы в новой вкладке.
Постусловия: Закрыть новые вкладки
ID: TC-062
Заголовок: Проверка корректной подписки на рассылку при вводе валидного email
Предусловия:
1. Открыта главная страница https://guru.qahacking.ru/.
2. Пользователь находится в нижней части страницы (футер).
Шаги:
1. Пролистать страницу до футера.
2. Найти блок “Подпишитесь на рассылку лучших фотографий”.
3. Ввести в поле валидный email, например test@example.com.
4. Нажать кнопку «Подписаться».
Ожидаемый результат:
- Система принимает email.
- Отображается сообщение о успешной подписке (например, “Вы успешно подписались”).
- Ошибки валидации не отображаются.
Постусловия:
Email добавлен в список подписчиков (если предусмотрено).
ID: TC-063
Заголовок: Проверка обработки невалидного email
Предусловия:
1. Открыта главная страница https://guru.qahacking.ru/.
2. Пользователь находится в футере.
Шаги:
1. Ввести в поле некорректный email, например:
- test@
- test.com
- @example.com
2. Нажать кнопку «Подписаться».
Ожидаемый результат:
- Отображается сообщение об ошибке (“Введите корректный email”).
- Подписка не выполняется.
- Страница не перезагружается.
Постусловия:
Данные не сохраняются в системе.
ID: TC-064
Заголовок: Проверка реакции при отправке формы без ввода email
Предусловия:
1. Открыта страница https://guru.qahacking.ru/.
2. Пользователь находится в футере.
Шаги:
1. Оставить поле “Email” пустым.
2. Нажать кнопку «Подписаться».
Ожидаемый результат:
- Подписка не выполняется.
- Отображается сообщение “Поле обязательно для заполнения” или аналогичное.
Постусловия:
Нет изменений в данных.
ID: TC-065
Заголовок: Проверка успешной отправки формы вопроса при корректном заполнении всех полей
Предусловия:
1. Открыта страница https://guru.qahacking.ru/.
2. Пользователь находится в разделе с формой "Send your question".
Шаги:
1. Ввести в поле Full name: Иван Иванов.
2. Ввести в поле E-mail: test@example.com.
3. Ввести в поле Mobile phone: +79001234567.
4. Ввести в поле Subject: Вопрос по бронированию питомца.
5. Нажать кнопку "Send".
Ожидаемый результат:
- Форма успешно отправляется.
- Отображается сообщение об успешной отправке ("Your message has been sent successfully" или аналогичное).
- Ошибки валидации не отображаются.
Постусловия:
Форма очищается, данные отправлены на сервер (если реализовано).
ID: TC-066
Заголовок: Проверка реакции формы при нажатии "Send" без заполнения полей
Предусловия:
1. Открыта страница с формой "Send your question".
Шаги:
1. Не заполнять ни одно поле формы.
2. Нажать кнопку "Send".
Ожидаемый результат:
- Отображаются сообщения об ошибке для обязательных полей.
- Форма не отправляется.
- Страница не перезагружается.
Постусловия:
Нет изменений в системе.
ID: TC-067
Заголовок: Проверка обработки некорректного email в форме вопроса
Предусловия:
1. Открыта форма "Send your question".
Шаги:
1. Ввести в поле Full name: Иван Иванов.
2. Ввести в поле E-mail: ivanov.test (без символа @).
3. Заполнить остальные поля корректно.
4. Нажать "Send".
Ожидаемый результат:
- Отображается сообщение об ошибке (“Введите корректный email”).
- Отправка формы не выполняется.
Постусловия:
Форма остаётся на странице, данные не отправлены.
ID: TC-068
Заголовок: Проверка реакции на некорректный формат номера телефона
Предусловия:
1. Открыта форма "Send your question".
Шаги:
1. Ввести в поле Full name: Иван Иванов.
2. Ввести в поле E-mail: test@example.com.
3. Ввести в поле Mobile phone: 123abc.
4. Ввести в поле Subject: Тест телефона.
5. Нажать "Send".
Ожидаемый результат:
- Появляется сообщение об ошибке (“Введите корректный номер телефона”).
- Отправка формы не выполняется.
Постусловия:
Форма остаётся на странице.
ID: TC-069
Заголовок: Проверка реакции при отправке формы без заполнения поля "Subject"
Предусловия:
1. Открыта форма "Send your question".
Шаги:
1. Заполнить поля Full name, E-mail, Mobile phone корректными данными.
2. Оставить поле Subject пустым.
3. Нажать "Send".
Ожидаемый результат:
- Отображается сообщение об ошибке для поля Subject ("Поле обязательно для заполнения").
- Отправка не выполняется.
Постусловия:
Форма остаётся на странице, данные не отправлены.
ID: TC-070
Заголовок: Проверка функциональности кнопки "Send" в форме обратной связи
Предусловия:
1. Открыта страница https://guru.qahacking.ru/.
2. Пользователь находится в блоке с формой "Send your question".
3. Все обязательные поля формы заполнены корректными данными:
- Full name: Иван Иванов
- E-mail: test@example.com
- Mobile phone: +79001234567
- Subject: Тест работы кнопки
Шаги:
1. Навести курсор на кнопку "Send".
2. Проверить визуальную реакцию при наведении (изменение цвета, тени, курсора).
3. Нажать кнопку "Send".
4. Отслеживать поведение страницы после нажатия.
Ожидаемый результат:
- Кнопка кликабельна.
- После нажатия форма успешно отправляется.
- Отображается сообщение об успешной отправке (например, “Message sent successfully”).
- Ошибки в консоли браузера отсутствуют.
Постусловия:
Форма очищается, данные отправлены на сервер (если реализовано).
ID: TC-071
Заголовок: Проверка визуального отклика кнопки "Send" при наведении курсора (hover)
Предусловия:
1. Открыта страница https://guru.qahacking.ru/.
2. Пользователь находится в блоке с формой "Send your question".
3. Страница полностью загружена, элементы формы видимы.
Шаги:
1. Найти кнопку "Send" в форме.
2. Навести курсор мыши на кнопку (без нажатия).
3. Наблюдать визуальные изменения кнопки.
4. (Дополнительно) Проверить стиль кнопки в DevTools → вкладка Elements → секция :hover.
Ожидаемый результат:
- При наведении кнопка изменяет визуальное состояние (например, цвет фона, рамки или тени).
- Эффект отображается плавно, без задержек.
- После снятия курсора кнопка возвращается к исходному состоянию.
Постусловия:
Кнопка остаётся в исходном состоянии после снятия курсора, функциональность не нарушена.
DevTools
ID: TC-072
Заголовок: Проверка сетевых запросов на отсутствие больших ресурсов при загрузке главной страницы
Предусловия: Открыт браузер Chrome. Открыта вкладка DevTools (F12).
Шаги:
1. Открыть DevTools → вкладка Network.
2. Включить Disable cache.
3. Обновить страницу https://guru.qahacking.ru/ (Ctrl+R).
4. В фильтре Network отсортировать по столбцу Status и просмотреть все запросы; затем отсортировать по Size (largest first).
5. Зафиксировать любые ресурсы > 2 MB.
Ожидаемый результат:
Нет отдельных ресурсов (изображений/скриптов/видео) существенно больших — каждый ресурс разумного размера (< 2 MB) и не приводит к заметной задержке.
Постусловия: Не требуется. Примечание: если большие файлы — указать их имена и размеры в баг-репорте.
ID: TC-073
Заголовок: Проверка адаптивности ключевых блоков (hero, меню, кнопки) через Device Toolbar в DevTools
Предусловия: Открыт браузер, DevTools (F12) → включён Device Toolbar (Ctrl+Shift+M). Страница https://guru.qahacking.ru/ загружена.
Шаги:
1. Включить Device Toolbar → выбрать iPhone X (375x812).
2. Обновить страницу в этом режиме.
3. Проверить отображение: hero-изображение, главное меню (гамбургер), кнопка «Подробнее о питомнике», форма (корректность ввода/кнопок).
4. Переключиться на iPad (768x1024) и повторить проверку.
5. Проверить отсутствие горизонтальной прокрутки (swipe влево/вправо) и видимость основных CTA.
Ожидаемый результат:
Элементы не выходят за пределы экрана, нет горизонтальной прокрутки. Меню доступно (гамбургер работает), CTA видимы и кликабельны. Макет не «ломается» при смене размеров.
Постусловия: Выключить Device Toolbar.
ID: TC-074
Заголовок: Проверка консоли браузера на наличие ошибок
Заголовок: Проверка консоли на ошибки JavaScript
Предусловия: Открыта страница https://guru.qahacking.ru/
Шаги:
1. Открыть DevTools → вкладка Console.
2. Перезагрузить страницу.
3. Проверить наличие ошибок (Error) и предупреждений (Warning).
Ожидаемый результат:
В консоли отсутствуют ошибки JavaScript и критические предупреждения.
Постусловия: Не требуется
ID: TC-075
Заголовок: Проверка корректной загрузки изображений
Предусловия: Открыта страница с изображениями (например, /about или /magazin)
Шаги:
1. Открыть DevTools → вкладка Network → фильтр Img.
2. Перезагрузить страницу.
3. Проверить статус загрузки изображений (все должны быть 200).
4. Визуально убедиться, что изображения отображаются.
Ожидаемый результат:
Все изображения загружены корректно; нет ошибок 404 или битых ссылок.
Постусловия: Не требуется
ID: TC-076
Заголовок: Проверка адаптивности с помощью эмуляции устройств
Предусловия: Открыта страница https://guru.qahacking.ru/
Шаги:
1. Открыть DevTools → включить Device Toolbar (Ctrl+Shift+M).
2. Выбрать устройства: iPhone 12, iPad, Galaxy S20.
3. Проверить корректность отображения навигации, изображений, текста и кнопок.
Ожидаемый результат:
Контент адаптируется под размер экрана, элементы не обрезаны, нет горизонтальной прокрутки.
Постусловия: Вернуть в обычный режим просмотра
Баг-репорты
Bug Report — Некорректное отображение изображения в блоке "Наш главный производитель"
ID: BUG-001
Заголовок: Одно из изображений не отображается в карусели блока "Наш главный производитель"
Страница: https://guru.qahacking.ru/
Описание:
При пролистывании карусели в блоке "Наш главный производитель" одно из изображений не загружается — отображается пустое пространство или иконка отсутствующей картинки.
Предусловия:
1. Открыта главная страница сайта https://guru.qahacking.ru/.
2. Страница полностью загружена.
Шаги для воспроизведения:
1. Пролистать страницу до блока "Наш главный производитель".
2. Используя стрелки навигации, пролистать изображения в карусели.
3. Обратить внимание на все слайды.
Фактический результат:
- На одном из слайдов изображение не отображается.
- Видна пустая область или стандартная иконка "изображение не найдено".
Ожидаемый результат:
- Все изображения в карусели отображаются корректно.
- Отсутствуют пустые блоки или ошибки загрузки изображений.
Окружение:
- ОС: Windows 10
- Браузер: Google Chrome 129.0
- Разрешение экрана: 1920x1080
Приоритет: Medium
Серьёзность: Minor (UI)
Связанный тест-кейс: TC-009 — Проверка отображения карусели фотографий на главной странице
Bug Report — Некорректный текст в заголовке страницы "About"
ID: BUG-002
Заголовок: Заголовок на странице /about отображается неверно
Страница: https://guru.qahacking.ru/index.php/about
Описание:
В верхней части страницы вместо корректного заголовка отображается placeholder-текст "Напишите какой-то текст".
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница полностью загружена.
Шаги для воспроизведения:
1. Перейти на страницу /about.
2. Обратить внимание на верхнюю часть страницы (header/hero-блок).
Фактический результат:
- В верхнем блоке отображается текст "Напишите какой-то текст", который является placeholder и не соответствует дизайну или контенту.
Ожидаемый результат:
- В верхней части страницы отображается корректный заголовок/текст согласно макету или требованиям.
Окружение:
- ОС: Windows 10
- Браузер: Google Chrome 129.0
- Разрешение экрана: 1920x1080
Приоритет: Medium
Серьёзность: Minor (UI/Content)
Дополнительно:
- Проверить исходный HTML и CMS-редактор для корректного текста.
- В DevTools -> Elements можно увидеть, что текст является placeholder.
Связанный тест-кейс: TC-026 — Проверка заголовка на странице About
Bug Report — Поле "Телефон" принимает меньше символов, чем указано в описании
ID: BUG-003
Заголовок: Поле "Телефон" в форме бронирования принимает только 10 символов вместо 12
Приоритет: High
Серьёзность: Medium (Validation / UX issue)
Страница: https://guru.qahacking.ru/index.php/about
Описание:
В форме бронирования под полем "Телефон" указано требование: «не больше 12 символов», однако фактически поле позволяет ввести только 10 символов.
Из-за этого невозможно ввести корректный номер телефона в формате +7 000 000 00 00, что нарушает требования валидации.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница загружена, форма бронирования видима.
Шаги для воспроизведения:
1. Пролистать страницу до формы бронирования.
2. В поле "Телефон" попытаться ввести 12 цифр (например, +70000000000).
3. Обратить внимание на то, сколько символов реально вводится.
Фактический результат:
- Ввод ограничен 10 символами.
- Полный формат телефона (12 символов) ввести невозможно.
Ожидаемый результат:
- Поле "Телефон" должно позволять вводить до 12 символов, включая код страны и пробелы (например: +7 000 000 00 00).
- Валидация должна соответствовать тексту-подсказке под полем.
Окружение:
- ОС: Windows 10
- Браузер: Google Chrome 129.0
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-034 — Проверка ограничения количества символов в поле "Телефон"
Bug Report — Поле "Когда хотите забрать" не очищается при вводе пользовательской даты
ID: BUG-004
Заголовок: Поле "Когда хотите забрать" не позволяет удалить автоматически подставленную дату перед вводом своей
Приоритет: Medium
Серьёзность: Medium (UX / Input validation issue)
Страница: https://guru.qahacking.ru/index.php/about
Описание:
В форме бронирования в поле "Когда хотите забрать" по умолчанию отображается предзаполненная дата.
При попытке ввести свою дату вручную старая дата не удаляется, а символы добавляются к уже существующим, что мешает корректному вводу.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница загружена, форма бронирования доступна.
Шаги для воспроизведения:
1. Пролистать страницу до формы бронирования.
2. В поле "Когда хотите забрать" удалить автоматически подставленную дату.
3. Попробовать ввести новую дату вручную.
Фактический результат:
- Предыдущая дата не стирается.
- Символы новой даты добавляются к старым, либо фокус не позволяет редактировать поле.
Ожидаемый результат:
- Пользователь должен иметь возможность очистить поле и ввести новую дату вручную.
- При вводе новой даты старая должна автоматически удаляться.
Окружение:
- ОС: Windows 10
- Браузер: Google Chrome 129.0
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-036 — Проверка возможности редактирования даты в поле "Когда хотите забрать"
Bug Report — Невозможно выбрать язык кликом по названию
ID: BUG-005
Заголовок: В форме бронирования нельзя выбрать язык кликом по названию, срабатывает соседний чекбокс
Приоритет: Medium
Серьёзность: Minor (UI/UX issue)
Страница: https://guru.qahacking.ru/index.php/about
Описание:
В форме бронирования присутствует блок выбора языка общения.
При клике на название языка "Русский" не происходит выбор нужного чекбокса.
Вместо этого отмечаются чекбоксы из предыдущего вопроса ("Размер питомца").
Выбор возможен только при клике непосредственно на сам чекбокс, что ухудшает удобство использования формы.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница полностью загружена.
Шаги для воспроизведения:
1. Пролистать страницу до формы бронирования.
2. Найти блок выбора языка общения.
3. Нажать на текстовое название одного из языков (не на сам чекбокс).
Фактический результат:
- Отмечается чекбокс в другом блоке ("Размер питомца").
- Клик по названию языка не выбирает нужный язык.
Ожидаемый результат:
- Клик по названию языка должен активировать соответствующий чекбокс.
- При нажатии на текст должна срабатывать та же логика, что и при клике по самому чекбоксу.
Окружение:
- ОС: Windows 10
- Браузер: Google Chrome 129.0
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-042 — Возмжность выбрать язык кликом по названию чекбокса "Русский" в форме бронирования
Bug Report — Выпадающее меню выбора города в форме бронирования не работает
ID: BUG-006
Заголовок: Выпадающее меню (select) для выбора города в форме бронирования не раскрывается / не реагирует на клик
Приоритет: High
Серьёзность: Major (функциональный блокер формы)
Страница: https://guru.qahacking.ru/index.php/about
Описание:
В форме бронирования присутствует поле выбора города (dropdown/select). При попытке открыть список городов (клик по полю или стрелке) выпадающее меню не раскрывается — выбор города невозможен. Это блокирует корректное заполнение формы и подачу данных о месте получения/доставки.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница полностью загружена, форма бронирования видима.
Шаги для воспроизведения:
1. Пролистать страницу до формы бронирования.
2. Найти элемент «Город» (поле выбора города / dropdown).
3. Кликнуть по полю «Город» или по иконке-стрелке раскрытия.
Фактический результат:
- При клике выпадающее меню не раскрывается, варианты городов не отображаются.
- Клик по полю не приводит к выбору города.
Ожидаемый результат:
- При клике по полю «Город» или по стрелке появляется выпадающий список с вариантами городов.
- Можно выбрать один из городов; выбранное значение отображается в поле.
- Если опции подгружаются асинхронно — должен быть индикатор загрузки и корректная обработка ошибок (сообщение пользователю).
Окружение:
- ОС: Windows 10 / macOS (проверено в нескольких браузерах)
- Браузеры: Google Chrome 129.0, Firefox Latest
- Разрешение экрана: 1920×1080
Постусловия:
- После исправления проверить поведение в разных браузерах и на мобильных устройствах; убедиться, что выбранный город корректно передаётся при отправке формы.
Связанный тест-кейс: TC-047 — Проверка выпадающего меню (select) для выбора города в форме бронирования
Bug Report — Текст на кнопке "Подтвердить отправку" не читается без наведения курсора
ID: BUG-007
Заголовок: На кнопке "Подтвердить отправку" текст не читается, пока не наведёшь курсор мыши
Приоритет: Medium
Серьёзность: Minor (UI / Accessibility issue)
Страница: https://guru.qahacking.ru/index.php/about
Описание:
В форме бронирования питомца кнопка "Подтвердить отправку" имеет неконтрастный цвет текста.
Надпись на кнопке неразличима до тех пор, пока пользователь не наведёт курсор мыши — только тогда появляется читаемый текст.
Это нарушает принципы доступности (UX/UI accessibility) и может ввести пользователя в заблуждение, что кнопка неактивна.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница полностью загружена, форма бронирования видима.
Шаги для воспроизведения:
1. Пролистать страницу до формы бронирования.
2. Найти кнопку "Подтвердить отправку".
3. Обратить внимание на её внешний вид без наведения курсора.
4. Навести курсор на кнопку и сравнить визуальное состояние.
Фактический результат:
- Текст на кнопке не читается (сливается с фоном или полностью отсутствует).
- При наведении курсора (hover) текст становится контрастным и видимым.
Ожидаемый результат:
- Текст на кнопке "Подтвердить отправку" должен быть читаемым в обычном состоянии.
- Контраст и цвет текста должны соответствовать требованиям дизайна и принципам доступности (WCAG).
- При наведении допускается лёгкий визуальный эффект (например, изменение цвета фона), но без потери читаемости.
Окружение:
- ОС: Windows 10
- Браузер: Google Chrome 129.0
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-27 — Проверка читаемости текста на кнопке "Подтвердить отправку"
Bug Report — Кнопка "Подтвердить отправку" не выполняет действие при нажатии
ID: BUG-008
Заголовок: После нажатия на кнопку "Подтвердить отправку" форма бронирования не отправляется
Приоритет: High
Серьёзность: Major (Functional Blocker)
Страница: https://guru.qahacking.ru/index.php/about
Описание:
В форме бронирования питомца кнопка "Подтвердить отправку" не выполняет никаких действий при нажатии.
После клика не происходит ни отправки формы, ни появления сообщения об успешной или неуспешной отправке.
Пользователь не получает обратной связи, что вводит его в заблуждение относительно состояния формы.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/about.
2. Страница полностью загружена, форма бронирования доступна.
3. Все обязательные поля формы заполнены корректно.
Шаги для воспроизведения:
1. Пролистать страницу до формы бронирования.
2. Заполнить все поля формы валидными данными.
3. Нажать кнопку "Подтвердить отправку".
4. Наблюдать поведение страницы.
Фактический результат:
- После клика на кнопку ничего не происходит.
- Сообщения об успешной или ошибочной отправке не отображаются.
- Вкладка Network в DevTools показывает, что запрос на сервер не отправляется.
Ожидаемый результат:
- После нажатия на кнопку должна происходить проверка корректности введённых данных.
- Должен отправляться запрос на сервер или отображаться сообщение об успешной отправке (например, “Форма успешно отправлена”).
- В случае ошибки — сообщение об ошибке (“Проверьте введённые данные” и т.д.).
Окружение:
- ОС: Windows 10
- Браузер: Google Chrome 129.0
- Разрешение экрана: 1920×1080
Связанный тест-кейс: ТС-28 — Проверка работы кнопки "Подтвердить отправку"
Bug Report — Неверная навигация при клике на статью в верхнем блоке
ID: BUG-009
Заголовок: При клике на статью в верхнем блоке страницы "Блог Джесси" происходит переход на другую статью
Приоритет: High
Серьёзность: Major (Navigation / UX issue)
Страница: https://guru.qahacking.ru/index.php/news
Описание:
На странице "Блог Джесси" в верхнем блоке (баннер/featured article) отображается статья “Давно просил домашнее животное” (август 15, 2022).
При клике на баннер происходит переход не на эту статью, а на другую, что вводит пользователя в заблуждение.
Это нарушает логику навигации и UX сайта.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/news.
2. Страница полностью загружена.
Шаги для воспроизведения:
1. Пролистать страницу до верхнего блока с актуальной статьей.
2. Кликнуть на баннер статьи “Давно просил домашнее животное”.
3. Наблюдать, на какую страницу происходит переход.
Фактический результат:
- Пользователь переходит на другую статью, не соответствующую баннеру.
Ожидаемый результат:
- При клике на баннер пользователь должен переходить на статью, которая отображена в блоке.
- Ссылка должна соответствовать заголовку и дате статьи.
Окружение:
- ОС: Windows 10
- Браузеры: Google Chrome 129.0, Firefox Latest
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-049 — Переход по баннер-линку статьи «Давно просил домашнее животное»
Bug Report — Опечатка в слове "Популярное"
ID: BUG-010
Заголовок: В блоке на странице сайта слово "Популярное" написано с ошибкой
Приоритет: Low
Серьёзность: Minor (UI / Content)
Страница: https://guru.qahacking.ru/index.php/news
Описание:
В блоке "Популярное" на странице сайта (например, на странице "Блог Джесси") слово написано с опечаткой, что нарушает грамотность текста и ухудшает впечатление пользователя от сайта.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/news.
2. Страница полностью загружена.
Шаги для воспроизведения:
1. Пролистать страницу до блока с заголовком "Популярное".
2. Обратить внимание на написание слова.
Фактический результат:
- Слово написано с ошибкой (например, пропущена или заменена буква).
Ожидаемый результат:
- Слово должно быть написано корректно: "Популярное".
Окружение:
- ОС: Windows 10
- Браузеры: Google Chrome 129.0, Firefox Latest
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-050 — Проверка отображения заголовка блока «Популярное»
Bug Report — Блок "Популярное" вращается и трудно читается
ID: BUG-011
Заголовок: Блок "Популярное" вращается, что затрудняет чтение
Страница: https://guru.qahacking.ru/index.php/news
Описание:
Блок "Популярное" на странице сайта содержит прокручивающийся (анимированный) текст.
Из-за постоянного вращения слайдера пользователь не успевает прочитать заголовки статей, что ухудшает восприятие информации и UX.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/index.php/news.
2. Страница полностью загружена.
Шаги для воспроизведения:
1. Пролистать страницу до блока "Популярное".
2. Наблюдать за прокруткой / вращением текста.
3. Попытаться прочитать заголовки статей.
Фактический результат:
- Текст постоянно движется или вращается.
- Пользователь не успевает прочитать заголовки полностью.
Ожидаемый результат:
- Текст должен быть статичным или двигаться медленно, позволяя прочитать заголовки.
- Анимация не должна мешать восприятию информации.
Окружение:
- ОС: Windows 10
- Браузеры: Google Chrome 129.0, Firefox Latest
- Разрешение экрана: 1920×1080
Приоритет: Medium
Серьёзность: Minor (UX / Accessibility issue)
Связанный тест-кейс: TC-051 — Проверка блока «Популярное»
Bug Report — Ссылка "Советы" в хедере не работает
ID: BUG-012
Заголовок: При клике на ссылку "Советы по уходу..." в хедере сайта переход не осуществляется
Приоритет: High
Серьёзность: Major (Navigation / UX issue)
Страница: https://guru.qahacking.ru/
Описание:
В хедере сайта присутствует ссылка "Советы".
При клике на неё пользователь не переходит на соответствующую страницу или раздел. Это нарушает навигацию и UX сайта.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/.
2. Страница полностью загружена, хедер видим.
Шаги для воспроизведения:
1. Пролистать страницу или оставить хедер на экране.
2. Кликнуть на ссылку "Советы".
Фактический результат:
- Переход на страницу или раздел не осуществляется.
- Ссылка визуально выглядит активной, но клики не работают.
Ожидаемый результат:
- При клике пользователь должен переходить на соответствующую страницу или раздел с советами по уходу.
Окружение:
- ОС: Windows 10
- Браузеры: Google Chrome 129.0, Firefox Latest
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-015 — Проверка перехода по пункту подменю "Советы" в разделе "О нас"
Bug Report — Ошибка при попытке подписки на рассылку в футере
ID: BUG-013
Заголовок: При попытке подписаться на рассылку в футере возникает ошибка
Приоритет: High
Серьёзность: Major (Functional / UX issue)
Страница: https://guru.qahacking.ru/
Описание:
В футере сайта есть форма подписки на рассылку "Подпишитесь на рассылку лучших фотографий".
При вводе корректного email и нажатии кнопки "Подписаться" появляется ошибка, подписка не оформляется.
Пользователь не получает обратной связи о статусе подписки.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/.
2. Страница полностью загружена, футер видим.
Шаги для воспроизведения:
1. Пролистать страницу до футера.
2. Ввести корректный email в поле подписки.
3. Нажать кнопку "Подписаться".
4. Наблюдать появление ошибки.
Фактический результат:
- Подписка не оформляется.
- Отображается ошибка, пользователю не предоставляется информация о причине.
Ожидаемый результат:
- После ввода корректного email и нажатия кнопки подписки пользователь должен успешно подписаться.
- Должно появляться сообщение об успешной подписке или информативная ошибка, если email некорректный.
Окружение:
- ОС: Windows 10
- Браузеры: Google Chrome 129.0, Firefox Latest
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-062 — Проверка корректной подписки на рассылку при вводе валидного email
Bug Report — Отсутствует кнопка отправки в форме "Задать вопрос" в футере
ID: BUG-014
Заголовок: В форме отправки вопроса в футере отсутствует кнопка для отправки
Приоритет: High
Серьёзность: Major (Functional / UX issue)
Страница: https://guru.qahacking.ru/
Описание:
В футере сайта есть форма для отправки вопросов ("Задайте вопрос").
На форме отсутствует кнопка "Send", из-за чего пользователь не может отправить сообщение.
Это делает форму нефункциональной и нарушает UX.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/.
2. Страница полностью загружена, футер видим.
Шаги для воспроизведения:
1. Пролистать страницу до футера.
2. Найти форму "Задайте вопрос".
3. Проверить наличие кнопки отправки.
Фактический результат:
- Кнопка "Send" отсутствует.
- Пользователь не может отправить вопрос.
Ожидаемый результат:
- На форме должна быть кнопка "Send".
- При нажатии на кнопку данные формы должны отправляться на сервер, а пользователь получать подтверждение об успешной отправке.
Окружение:
- ОС: Windows 10
- Браузеры: Google Chrome 129.0, Firefox Latest
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-070 — Проверка функциональности кнопки "Send" в форме обратной связи
Bug Report — Нерабочие ссылки на социальные сети в футере
ID: BUG-015
Заголовок: Ссылки на социальные сети в футере не открываются
Приоритет: Medium
Серьёзность: Minor (UX / Navigation issue)
Страница: https://guru.qahacking.ru/
Описание:
В футере сайта присутствуют ссылки на социальные сети (Facebook, Instagram, VK).
При клике на любую из ссылок ничего не открывается.
Пользователь не может перейти на официальные страницы социальных сетей, что нарушает UX и снижает доверие к сайту.
Предусловия:
1. Открыта страница https://guru.qahacking.ru/.
2. Страница полностью загружена, футер видим.
Шаги для воспроизведения:
1. Пролистать страницу до футера.
2. Найти блок с иконками социальных сетей.
3. Кликнуть на каждую ссылку.
4. Наблюдать, что происходит после клика.
Фактический результат:
- Ссылки не работают: не открывается новая страница.
Ожидаемый результат:
- При клике на иконку социальной сети пользователь должен перейти на соответствующую официальную страницу компании / сайта.
Окружение:
- ОС: Windows 10
- Браузеры: Google Chrome 129.0, Firefox Latest
- Разрешение экрана: 1920×1080
Связанный тест-кейс: TC-061: Проверка корректности ссылок на социальные сети.