Как правильно прикреплять скриншоты в баг-репорт?

«Как правильно прикреплять скриншоты в баг-репорт?» — вопрос из категории Тестовая документация, который задают на 10% собеседований QA Тестировщик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Скриншоты следует встраивать непосредственно в тело отчета, а не прикладывать отдельными файлами. Это делает баг наглядным и упрощает его анализ.

Лучшие практики:

  1. Используйте встроенные изображения. Большинство систем отслеживания ошибок (Jira, YouTrack, GitHub Issues) поддерживают загрузку и отображение изображений в описании.
  2. Аннотируйте скриншоты. Используйте стрелки, рамки или размытие, чтобы четко указать на проблемную область.
  3. Оптимизируйте размер. Сохраняйте в формате PNG для четкости текста/интерфейса. Ширина ~1200px обычно достаточна.
  4. Добавляйте контекст. Скриншот должен иллюстрировать конкретный шаг из описания.

Пример структурированного баг-репорта в Jira:

**Шаги воспроизведения:**
1. Перейти на страницу оформления заказа.
2. Нажать кнопку "Оплатить".

**Ожидаемый результат:**
Появляется модальное окно с выбором способа оплаты.

**Фактический результат:**
Кнопка не реагирует на нажатие, модальное окно не открывается. В консоли браузера видна ошибка JavaScript.

**Вложение (скриншот с аннотацией):**
![Кнопка 'Оплатить' неактивна после нажатия](attachment-url)
*На скриншоте красной стрелкой указана неактивная кнопка.*

Такой подход экономит время команды на понимание проблемы и снижает количество уточняющих вопросов.