跳至主要內容

wdio-html-nice-reporter 是一個第三方套件,如需更多資訊,請參閱 GitHub | npm

wdio-html-nice-reporter

一個用於 webdriver.io 的報告器,可產生精美的 HTML 報告。
這個名稱很傻,但提供了與 webdriverio 的整合

新功能:不再是 beta 版。

新功能:已清理並將記錄切換至 wdio-logging。範例已更新。

您需要從您的設定中移除 log4Js 記錄器初始化

新功能:已重寫為 ES 模組,以支援 webdriverio 8 的相容性。

您可能需要在測試應用程式中進行變更

錯誤修正:webdriverio 在 json 異步寫入過程中關閉。

錯誤修正:json 寫入未正確等待。

重大新改進:不再因 json.stringify 而產生記憶體不足錯誤。

重大新功能:錄製每個測試的影片。

變更記錄

資訊

這個專案是 @rpii/wdio-html-reporter 的重寫版本。它以 TypeScript 撰寫,並進行了許多增強。

設定

WDIO.config.ts

以下程式碼顯示預設的 wdio 測試執行器設定。只需將 HtmlReporter 物件新增為報告器陣列中的另一個報告器即可

/samples/wdio.config.ts 中提供了可運作的 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

範例輸出:

Report Screenshot

browserName

這必須手動設定。由於瀏覽器物件在您開始工作階段之前不存在,因此在設定時無法使用。

歡迎!有什麼可以幫您的嗎?

WebdriverIO AI Copilot