wdio-html-nice-reporter はサードパーティのパッケージです。詳細については、GitHub | npm を参照してください。

wdio-html-nice-reporter

webdriver.io 用のレポーターで、優れた HTML レポートを生成します。
名前は少しおかしいですが、webdriverio との統合を提供します。

新規: ベータ版ではなくなりました。

新規: クリーンアップされ、ロギングが wdio-logging に切り替えられました。サンプルが更新されました。

設定から log4Js ロガーの初期化を削除する必要があります

新規: webdriverio 8 互換性のため、ES モジュールとして書き直されました。

テストアプリの変更が必要な場合があります

バグ修正: webdriverio が json の非同期書き込みの途中でシャットダウンしていました。

バグ修正: json の書き込みが正しく await されていませんでした。

大きな新しい改善: json.stringify によるメモリ不足エラーがなくなりました。

大きな新機能: 各テストのビデオを撮影します。

変更履歴

情報

このプロジェクトは、@rpii/wdio-html-reporter の書き換えです。TypeScript で記述されており、多くの機能強化が施されています。

設定

WDIO.config.ts

次のコードは、デフォルトの wdio テストランナーの設定を示しています。レポーター配列に、別のレポーターとして HtmlReporter オブジェクトを追加するだけです。

機能する wdio.config.ts は、/samples/wdio.config.ts に用意されています。

以下は、そのファイルからのスニペットです。

// 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
        }
        ]
    ]
    
 
};

設定オプション:

すべてのスイートのマスターレポートを生成するには

webdriver.io は、各テストスイートに対してレポーターを呼び出します。レポートを集計しません。これを行うには、wdio.config.js に次のイベントハンドラーを追加します。

ブラウザ設定ファイルに追加

let reportAggregator : ReportAggregator;

ブラウザ設定オブジェクトに追加

    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();
    })();
}

このレポートから PDF ファイルを生成するには

不要な人のためにサポートを軽量に保つために、追加のプラグインが必要です。@rpii/wdio-html-reporter-pdf を参照してください。

サンプル出力:

browserName

これは手動で設定する必要があります。ブラウザオブジェクトはセッションを開始するまで存在しないため、設定時には利用できません。