Saltar al contenido principal

wdio-html-nice-reporter es un paquete de terceros, para más información consulte GitHub | npm

wdio-html-nice-reporter

Un reportador para webdriver.io que genera un bonito informe HTML.
El nombre es tonto pero proporciona integración con webdriverio

Nuevo: ya no está en beta.

Nuevo: limpiado y cambiado el registro a wdio-logging. Las muestras están actualizadas.

Necesitas eliminar la inicialización del registrador log4Js de tu configuración

Nuevo: reescrito como un módulo ES para compatibilidad con webdriverio 8.

Es posible que necesites cambios en tu aplicación de prueba

Corrección de error: webdriverio se cerraba en medio de la escritura asíncrona de json.

Corrección de error: la escritura json no se esperaba correctamente

Gran nueva mejora: no más errores de memoria insuficiente debido a json.stringify

Gran nueva característica: grabar videos de cada prueba

Registro de cambios

Información

Este proyecto es una reescritura de @rpii/wdio-html-reporter Está escrito en typescript con muchas mejoras.

Configuración

WDIO.config.ts

El siguiente código muestra la configuración predeterminada del ejecutor de pruebas wdio. Solo agrega un objeto HtmlReporter como otro reportador al array de reportadores:

Se proporciona un wdio.config.ts funcional en /samples/wdio.config.ts

a continuación hay fragmentos de ese archivo.


// wdio.config.ts
import {ReportGenerator, HtmlReporter} from 'wdio-html-nice-reporter';
let reportAggregator: ReportGenerator;

const BaseConfig: WebdriverIO.Config = {

reporters: ['spec',
["html-nice", {
outputDir: './reports/html-reports/',
filename: 'report.html',
reportTitle: 'Test Report Title',
linkScreenshots: true,
//to show the report in a browser when done
showInBrowser: true,
collapseTests: false,
//to turn on screenshots after every test
useOnAfterCommandForScreenshot: false
}
]
]


};

Opciones de configuración:

Para generar un informe maestro para todas las suites

webdriver.io llamará al reportador para cada suite de prueba. No agrega los informes. Para hacer esto, agrega los siguientes manejadores de eventos a tu wdio.config.js

Añadir al archivo de configuración del navegador:

let reportAggregator : ReportAggregator;

Añadir al objeto de configuración del navegador:

    onPrepare: function(config, capabilities) {

reportAggregator = new ReportGenerator({
outputDir: './reports/html-reports/',
filename: 'master-report.html',
reportTitle: 'Master Report',
browserName: capabilities.browserName,
collapseTests: true
});
reportAggregator.clean();
}


onComplete: function (exitCode, config, capabilities, results) {
(async () => {
await reportAggregator.createReport();
})();
}


Para generar un archivo pdf desde este informe

Requiere un plugin adicional para mantener el soporte ligero para aquellos que no lo quieren. consulta @rpii/wdio-html-reporter-pdf

Ejemplo de salida:

Captura de pantalla del informe

browserName

Esto debe configurarse manualmente. No está disponible en el tiempo de configuración ya que el objeto del navegador no existe hasta que inicias una sesión.

Welcome! How can I help?

WebdriverIO AI Copilot