Обучение тестировщика сайтов
Время прохождения: ~60–90 мин. Читайте последовательно. В конце — чек-листы и мини-практикум.
1) Роль тестировщика и общий процесс
Цель: найти проблемы, влияющие на пользователя и бизнес, и описать их так, чтобы команда могла быстро воспроизвести и исправить.
- Подготовка: окружение (браузер/устройство), тестовые данные, доступы.
- План: что проверяем (области), что не проверяем (out of scope), критерии готовности.
- Проверка: последовательные сценарии + исследовательские сессии.
- Фиксация: скриншоты/видео, логи, HAR при необходимости.
- Отчёт: баг-репорты + сводка (что сломано/что ок, риски, рекомендации).
2) Виды тестирования (что мы используем)
- Функциональное — соответствует ли сайт заявленным требованиям/ожиданиям пользователя.
- Регрессионное — повторная проверка критичных сценариев после изменений.
- Smoke — быстрый прогон базового «дышит/не дышит» (загрузка, переходы, формы отправляются).
- Исследовательское — свободный обход для поиска неожиданных дефектов.
- Нефункциональное: производительность, доступность, юзабилити, SEO-мета.
- Негативное — неверные данные, пустые поля, превышения ограничений, оффлайн и т.п.
3) Тест-дизайн: как меньше шагов — больше находок
- Классы эквивалентности: группы значений, которые система обрабатывает одинаково (проверяем по 1–2 из каждой группы).
- Граничные значения: минимум/максимум/±1 к границе (даты, длина, суммы).
- Комбинаторика (pairwise): перебор ключевых сочетаний без полного взрыва вариантов.
- Туры (tours): например, «навигационный тур», «контент-тур», «формы-тур» — фокус на одном аспекте.
4) UI/UX чек-лист (база)
- Шапка/подвал видны, логотип кликабелен на главную.
- Меню понятно, активный пункт подсвечен, «хлебные крошки» корректны.
- Кнопки и ссылки читаемые, имеют hover/focus, не прыгают.
- Тексты без орфографических ошибок, единый стиль, корректные переносы.
- 404/500 страницы существуют и дружелюбны (есть ссылка «Домой»).
5) Формы, валидация, загрузки
- Маски и плейсхолдеры не мешают вводу, авто-заполнение не ломает вёрстку.
- Валидация до отправки (клиент) и после (сервер), сообщения об ошибках понятны и привязаны к полю.
- Пустые, слишком длинные, запрещённые символы — проверены.
- Капча/антиспам (если есть) работает и не зависает.
- Загрузка файлов: типы/размер, прогресс, успешное сообщение.
6) Авторизация, сессии
- Регистрация/логин/логаут работают, некорректные пароль/почта — корректная ошибка.
- Сессия истекает корректно, приватные страницы недоступны без авторизации.
- Пароли не видны в URL/логе; ссылки «забыли пароль»/«изменить пароль» работают.
7) Контент, i18n и SEO-база
- Мета-теги (title/description) заданы; нет дублей title.
- H1 на странице один, структура заголовков логична.
- Альт-тексты у важных изображений, корректные lang/charset.
- Ссылки не битые; редиректы не зациклены.
8) Адаптивность и кросс-браузерность
- Контрольные ширины: 320/375/414/768/1024/1440/1920 — ничего не «ломается».
- Мобильное меню (бургер) раскрывается и скроллится, фиксированные панели не перекрывают контент.
- Проверка хотя бы в Chrome, Firefox, Safari (если есть), Edge.
9) Производительность (кратко)
Метки: FCP, LCP, INP, CLS, TBT. Для типового сайта целимся в LCP < 2.5 c, CLS < 0.1.
- Тяжёлые изображения — сжатие/современные форматы;
- «Прыжки» при загрузке — резервирование размеров, избегать late-loading без размеров;
- Блокирующие скрипты — отложить/async, объединить критичный CSS.
10) Доступность (a11y)
- Навигация с клавиатуры (Tab/Shift+Tab), видимый фокус.
- Контраст текста достаточный, alt-тексты, label-ы у форм.
- ARIA-атрибуты у интерактивных элементов (по необходимости).
11) Безопасность (базовые проверки)
- Нет чувствительных данных в URL, ошибки сервера не раскрывают стек/версии.
- Ограничения частоты (rate limit) на формы, защита от XSS в вводимых полях (экранирование).
- Редиректы — только на «белые» домены, нет открытых redirect-ов.
12) Инструменты
- DevTools (F12): Elements (вёрстка), Network (запросы, кеш, HAR), Console (ошибки), Lighthouse (аудит).
- Скрин/видео: встроенный захват браузера или любой рекордер.
- Прокси/сниффер по необходимости (для сложных случаев).
13) Как писать баг-репорты
- Заголовок (кратко и по сути).
- Окружение (браузер, ОС, устройство, ширина экрана).
- Шаги воспроизведения (нумерованный список).
- Фактический результат / Ожидаемый результат.
- Скриншоты/видео, логи/консоль при необходимости.
- Severity (серьёзность) и Priority (приоритет).
14) Severity vs Priority (и примеры)
- Severity — насколько сломан функционал (Blocker/Critical/Major/Minor/Trivial).
- Priority — насколько срочно чинить (P0…P3), привязан к бизнес-целям/релизам.
- Пример: опечатка в футере — Severity Minor, Priority P3; невозможность отправить заказ — Severity Critical, Priority P0.
15) Как работаем в NeuraNest (процесс)
- Берёте 1–5 сайтов в ЛК → проходите чек-листы разделов 4–11.
- Все найденные проблемы — в форму отчёта (1 сайт = 1 блок).
- В конце — сводка: риски, рекомендации, 3–5 приоритетных пунктов.
- Отправку отчётов включает куратор (сейчас — отключено). Доступ к следующей выдаче после проверки.
16) Практика (мини-кейсы)
A. Форма обратной связи
- Проверить обязательные поля, неверный email/телефон, длинные сообщения, вложения (если есть).
- Негатив: пустая отправка, XSS-подобный ввод (<script>), оффлайн/потеря сети на отправке.
B. Каталог/поиск
- Фильтры сохраняются? Пагинация не теряет состояние? Пустые результаты оформлены дружелюбно?
C. Личный кабинет
- Изменение профиля/пароля: валидация, сообщения, выход из всех устройств при смене пароля.
17) Итоговые чек-листы перед сдачей
- Пройден smoke: главная, меню, ключевые страницы, формы отправляются.
- UI/UX, формы, авторизация, i18n/SEO, адаптив, производительность, доступность — проверки завершены.
- Все дефекты оформлены по шаблону (шаги, факт/ожидание, материалы).
- Сводка с приоритетами и рекомендациями добавлена.
FAQ
Можно ли отправлять длинные видео? Да, но по ссылке (Drive/облако), чтобы не перегружать письмо.
Нужно ли делать Lighthouse-аудит? Да, для главной и ключевой целевой страницы, прикрепите результаты.
Что с чеками по НПД? Мы формируем чеки за все наши выплаты — вам ничего делать не нужно.