Лекция 12.
Тестирование требований

Лекция 12
В данном видео рассмотрены следующие темы:
  • Структура web приложений
  • Различия web и desktop приложений
  • Особенности тестирования - Кросс-браузерное тестирование
  • Тестирование web форм
  • Проверка текста
  • Особенности тестирования серверной части
  • Особенности тестирования базы данных
  • Разбор тестирования web приложения с DevTools
  • Особенности тестирования мобильных приложений
  • Эмуляторы мобильных приложений
Лекция 12. Специфика тестирования Web и mobile приложений
В данном видео рассмотрены следующие темы:
  • Тестирование бизнес-логики
  • Тестирование форм (тектовые и числовые поля, загрузка документов, чек-боксы и т.д.)
  • Чек-лист при кросс-браузерном тестировании
  • Как выбрать браузер для тестирования
  • BrowserStack
  • Тестирование ссылок
  • Линкчекеры
Лекция 12. Функциональное тестирование web приложений
В данном видео мы научимся чистить кэш и куки браузеров, а так же познакомимся с Browserstack.
Практика. Browserstack
Полезные ссылки:
Задание

Практическое задание — «Тестируем интернет-магазин»

Сайт для работы: demoblaze.com — учебный магазин электроники.
Что понадобится: Chrome, Firefox (или Safari), DevTools, аккаунт на BrowserStack (бесплатный trial).

Часть 1 — Структура и формы

1.1. Откройте DevTools → вкладка Elements. Найдите и запишите:
  • Из каких основных блоков состоит страница (header, main, footer и т.д.)?
  • Какой тег используется для навигационного меню?

1.2. Перейдите на страницу регистрации (кнопка Sign up). Протестируйте форму — заполните таблицу:

Проверка

Что ввёл

Результат

Ожидаемый результат

Баг?

Пустые поля

—


Ошибка валидации


Слишком короткий пароль (1 символ)



Ошибка


Уже существующий логин



Ошибка «уже занят»


Корректные данные



Успешная регистрация



1.3. Найдите на сайте хотя бы одну проблему с текстом (опечатка, кривой перевод, некорректное сообщение об ошибке). Опишите как баг-репорт в одном предложении.


Часть 2 — Ссылки и навигация

2.1. Пройдитесь по всем ссылкам в шапке и футере сайта вручную. Заполните таблицу:

Ссылка

Куда ведёт

Работает?

Home



Contact



About us


2.2 Установите любой линкчекер (например, расширение Check My Links для Chrome). Запустите его на главной странице. Сколько ссылок проверено? Есть ли битые? Сделайте скриншот результата.


Часть 3 — DevTools и серверная часть
3.1 Откройте вкладку Network, обновите страницу. Ответьте на вопросы:
  • Сколько всего запросов сделала страница при загрузке?
  • Найдите любой запрос типа XHR или Fetch — что он запрашивает?
  • Есть ли запросы со статусом 4xx или 5xx? Если да — запишите.

3.2 Добавьте любой товар в корзину. В той же вкладке Network найдите запрос, который при этом отправился на сервер. Запишите:
  • URL запроса
  • Метод (GET / POST)
  • Код ответа сервера

3.3 Почистите куки и кэш браузера (Settings → Privacy → Clear browsing data). Обновите страницу. Что изменилось? Остался ли товар в корзине? Объясните почему.

Часть 4 — Кросс-браузерное тестирование

4.1 Откройте тот же сайт в двух разных браузерах (например, Chrome и Firefox). Заполните чек-лист:

Проверка

Chrome

Firefox

Главная страница отображается корректно



Изображения товаров загружаются



Кнопка «Add to cart» работает



Форма регистрации отображается полностью



Шрифты и отступы выглядят одинаково


4.2 Зайдите в BrowserStack (browserstack.com → бесплатный trial → Live). Откройте сайт на iPhone 13 / Safari. Сделайте скриншот и опишите 2 отличия от десктопной версии.


Блок 5 — Мобильное тестирование и бизнес-логика

5.1 Включите в DevTools режим мобильного устройства (Toggle Device Toolbar). Выберите Galaxy S20. Протестируйте основной сценарий покупки:
  • Зайти на сайт → выбрать товар → добавить в корзину → перейти в корзину → оформить заказ.
Запишите: все ли шаги работают корректно на мобильном? Если нет — опишите проблему.

5.2 Протестируйте бизнес-логику корзины:
  • Добавьте один и тот же товар дважды. Что происходит — количество увеличивается или появляется дубль?
  • Удалите товар из корзины. Корзина обновляется сразу или нужно перезагрузить страницу?
  • Это ожидаемое поведение или баг? Обоснуйте.

Что сдать ментору:
  • Заполненные таблицы из блоков 1, 2, 4
  • Скриншоты: линкчекер, Network-запрос при добавлении в корзину, BrowserStack на iPhone
  • Текстовые ответы на вопросы из блоков 3 и 5
  • Минимум 2 оформленных баг-репорта (из любых блоков)
Отправка домашних работ
Проверьте, чтобы был открыт доступ на редактирование
Обсудим урок?
Показать комментарии