🏠 Главная › user guide › dogfood dogfood

{/ Эта страница автоматически создается на основе файла SKILL.md навыка с помощью сайта site/scripts/generate-skill-docs.py. Редактируйте исходный код SKILL.md, а не эту страницу. /}

Тестовая версия

Исследовательский контроль качества веб-приложений: найдите ошибки, доказательства, отчеты.

Метаданные навыков
Источник В комплекте (устанавливается по умолчанию)
Путь навыки/проверочная версия
Версия 1.0.0
Платформы Linux, MacOS, Windows
Теги qa, testing, браузер, web, dogfood

Ссылка: полная версия SKILL.md:::информация

Ниже приведено полное определение навыка, которое Гермес загружает при активации этого навыка. Это то, что агент видит в качестве инструкций, когда навык активен.

Тестовая версия: систематическое тестирование качества веб-приложений

Обзор

Этот навык поможет вам провести систематическое исследовательское тестирование веб-приложений с использованием набора инструментов браузера. Вы будете перемещаться по приложению, взаимодействовать с элементами, собирать доказательства проблем и составлять структурированный отчет об ошибках.

Предварительные условия

Входы

Пользователь предоставляет: 1. Целевой URL — точка входа для тестирования. 2. Объем — на каких областях/функциях следует сосредоточиться (или «полный сайт» для всестороннего тестирования). 3. Каталог вывода (необязательно) — куда сохранять скриншоты и отчет (по умолчанию: ./dogfood-output)

Рабочий процесс

Следуйте этому 5-этапному систематическому рабочему процессу:

Этап 1: План

  1. Создайте структуру выходных каталогов:

{output_dir}/ ├── screenshots/ # Evidence screenshots └── report.md # Final report (generated in Phase 5)

  1. Определите объем тестирования на основе данных пользователя.
  2. Создайте приблизительную карту сайта, определив, какие страницы и функции нужно протестировать:
  3. Лендинг/домашняя страница
  4. Навигационные ссылки (шапка, подвал, боковая панель)
  5. Ключевые потоки пользователей (регистрация, вход в систему, поиск, оформление заказа и т. д.)
  6. Формы и интерактивные элементы
  7. Пограничные случаи (пустые состояния, страницы ошибок, 404).

Этап 2: Исследование

Для каждой страницы или функции вашего плана:

  1. Перейдите на страницу: browser_navigate(url="https://example.com/page")
  2. Сделайте снимок, чтобы понять структуру DOM: browser_snapshot()

  3. Проверьте консоль на наличие ошибок JavaScript: browser_console(clear=true) Делайте это после каждой навигации и после каждого значимого взаимодействия. Незаметные ошибки JS — это ценные результаты.

  4. Сделайте аннотированный скриншот, чтобы визуально оценить страницу и определить интерактивные элементы: browser_vision(question="Describe the page layout, identify any visual issues, broken elements, or accessibility concerns", annotate=true) Флаг annotate=true накладывает пронумерованные метки [N] на интерактивные элементы. Каждый [N] соответствует ссылке @eN для последующих команд браузера.

  5. Систематически тестируйте интерактивные элементы:

  6. Нажмите кнопки и ссылки: browser_click(ref="@eN")
  7. Заполните формы: browser_type(ref="@eN", text="test input")
  8. Тестовая навигация с помощью клавиатуры: browser_press(key="Tab"), browser_press(key="Enter")
  9. Прокрутка содержимого: browser_scroll(direction="down")
  10. Проверка тестовой формы с неверными входными данными.

  11. Тестируйте пустые материалы.

  12. После каждого взаимодействия проверяйте:

  13. Ошибки консоли: browser_console()
  14. Визуальные изменения: browser_vision(question="Что изменилось после взаимодействия?")
  15. Ожидаемое и фактическое поведение

Этап 3: Сбор доказательств

По каждой найденной проблеме:

  1. Сделайте снимок экрана, показывающий проблему: browser_vision(question="Capture and describe the issue visible on this page", annotate=false) Сохраните screenshot_path из ответа — вы будете ссылаться на него в отчете.

  2. Запишите детали:

  3. URL-адрес, по которому возникает проблема.
  4. Шаги по воспроизведению
  5. Ожидаемое поведение
  6. Реальное поведение
  7. Ошибки консоли (если есть)

  8. Путь к скриншоту

  9. Классифицируйте проблему, используя таксономию проблемы (см. references/issue-taxonomy.md):

  10. Уровень серьезности: критический/высокий/средний/низкий.
  11. Категория: Функционал/Визуализация/Доступность/Консоль/UX/Контент

Этап 4: Классификация

  1. Просмотрите все собранные проблемы.
  2. Дедупликация — объединение проблем, которые представляют собой одну и ту же ошибку, проявляющуюся в разных местах.
  3. Присвойте каждой проблеме окончательную серьезность и категорию.
  4. Отсортируйте по серьезности (сначала критический, затем высокий, средний, низкий).
  5. Подсчитайте проблемы по серьезности и категориям для сводного обзора.

Этап 5: Отчет

Создайте окончательный отчет, используя шаблон по адресу templates/dogfood-report-template.md.

Отчет должен включать: 1. Краткий обзор с указанием общего количества проблем, разбивкой по серьезности и объему тестирования. 2. Разделы по выпускам: - Номер и название выпуска. - Значки серьезности и категории - URL-адрес, где он наблюдается - Описание проблемы - Шаги по воспроизведению - Ожидаемое и фактическое поведение - Ссылки на скриншоты (используйте MEDIA:<screenshot_path> для встроенных изображений) - Ошибки консоли, если применимо. 3. Сводная таблица всех выпусков. 4. Заметки по тестированию — что проверялось, что нет, нет ли блокировщиков.

Сохраните отчет в {output_dir}/report.md.

Справочник по инструментам

Инструмент Цель
browser_navigate Перейти по URL
browser_snapshot Получить снимок текста DOM (дерево доступности)
browser_click Щелкните элемент по ссылке («@eN») или по тексту
тип_браузера Введите в поле ввода
browser_scroll Прокрутить страницу вверх/вниз
browser_back Вернуться в историю браузера
browser_press Нажмите клавишу клавиатуры
browser_vision Скриншот + анализ AI; используйте annotate=true для меток элементов
browser_console Получение вывода и ошибок консоли JS

Советы