Визуальный Репортер - это новая функция, представленная в @wdio/visual-service
, начиная с версии v5.2.0. Этот репортер позволяет пользователям визуализировать JSON-отчеты о различиях, генерируемые службой визуального тестирования, и преобразовывать их в удобочитаемый формат. Он помогает командам лучше анализировать и управлять результатами визуального тестирования, предоставляя графический интерфейс для просмотра результатов.
Чтобы использовать эту функцию, убедитесь, что у вас есть необходимая конфигурация для генерации файла output.json
. Этот документ проведет вас через настройку, запуск и понимание Визуального Репортера.
Предварительные требования
Перед использованием Визуального Репортера убедитесь, что вы настроили службу визуального тестирования для генерации файлов отчетов JSON:
export const config = {
// ...
services: [
[
"visual",
{
createJsonReportFiles: true, // Генерирует файл output.json
},
],
],
};
Для получения более подробных инструкций по настройке обратитесь к документации по визуальному тестированию WebdriverIO или createJsonReportFiles
Установка
Чтобы установить Визуальный Репортер, добавьте его как зависимость для разработки в ваш проект с помощью npm:
npm install @wdio/visual-reporter --save-dev
Это обеспечит наличие необходимых файлов для генерации отчетов из ваших визуальных тестов.
Использование
Создание визуального отчета
После запуска визуальных тестов и генерации файла output.json
вы можете создать визуальный отчет, используя либо CLI, либо интерактивные подсказки.