WebdriverIO/CucumberフレームワークのHTMLレポートを生成する

Question

私のテストオートメーションにはWebdriverIO/Cucumber（wdio-cucumber-framework）を使用しています。 HTMLファイルでテストの実行結果を取得したい。現在、私はSpec Reporter（wdio-spec-reporter）を使用しています。結果はコンソールウィンドウに表示されます。しかし、私はすべての実行レポートをHTMLファイルに入れたい。

WebdriverIOテストの実行結果をHTMLファイルで取得するにはどうすればよいですか？

ありがとうございました。

Answer 1

最後に、質問@Thangakumar Dとしてとして報告してください。は、WebdriverIOの私のお気に入りエリアの1つです。残念ながら、それはの報告書（通常はHTMLファイルの形式）を生成するという面のすべてに取り組むための広大な方法なので、私は先に自分の好きなレポーターで始めます：Allure！

Allure Reporter:

• [序文：あなたのプロジェクトのルートになっていることを確認し]
• （あなたがまだの場合は）あなたのパッケージをインストールします：npm install wdio-allure-reporter --save-dev
• はAllure CommandLineをインストールします。（理由は後で表示されます）：npm install -g allure-commandline --save-dev
• レポーターとしてアリュール

wdio.config.jsサポートする1​​ファイル：

reporters: ['allure', 'dot', 'spec', 'json'], 
reporterOptions: { 
    outputDir: './wdio-logs/', 
    allure: { 
     outputDir: './allure-reports/allure/' 
    } 
} 

• は、あなたのテストを実行します！回帰が終了すると、/allure-results/フォルダに複数の.json,.txt,.png（スクリーンショットエラーがある場合）、および.xmlファイルが入力されていることに注意してください。このフォルダの内容は、Allure CommandLineによって使用され、HTMLレポートが表示されます。
• あなた/allure-results/フォルダに移動し、を経由してレポートを生成：allure generate <reportsFolderPath>（あなたが/allure-results/の内側にあなたの/allure-reports/フォルダをしたい場合は、このallure generate .
• のようにそれを行う）
• 今すぐお好みのブラウザに/allure-reportsフォルダとOPE index.htmlに入ります生成index.htmlファイルはあなたには、いくつかの微調整を行う場合を除き、すべてのコンテンツがChromeでロードされていません。注

（スタータのためのFirefoxを使用します）。デフォルトのWebKitが必要なAJAX呼び出しをすべてロードできないためです。それについてもっと読むhereあなたが成功し、以前のすべてのステップを完了している場合は

、それは次のようになります。これは助け

希望を。乾杯！

---

注：私はあなたのWebdriverIOレポーターログからレポートを生成するには、他の素晴らしい方法でいくつかのより多くの時間を得るとき、私はこの記事に沿っていくつかの愛/ upvotesを取得する場合は特に、このポストUPDATEしようとするでしょう道。

例えば：私はビーイングを使用して楽しんで別のコンボ：使いやすいテンプレート言語、Jinja2のと相まってwdio-json-reporter/wdio-junit-reporter。