Javaセレンテストを実行してJSコンポーネントのコードカバレッジ

Question

私は1つの奇妙なシナリオがあります。私は、HTMLページを作成し、スクリプトタグを追加します。スクリプトタグにはUIコンポーネントのjsファイルが含まれ、コンポーネントはreact jを使用して完全に開発されます。

私のhtml： 私はこのページを起動するために、ローカルWebサーバを使用して、それが「モーダル」で、この場合には、私のコンポーネントを見ることができます。

モーダル：

私はこのモーダルをテストするために、MavenのENVでJava Seleniumテストを書き、それが何の問題もなく、それをテストします。

私のJavaのセレニウムテストを実行する（または手動でテストする）ことで、このコンポーネントのコードカバレッジを取得する必要があります。

これは可能ですか？私はグーグルで多くのことをして、適切なものを見つけることができませんでした。

ご協力いただきまして誠にありがとうございます。

Answer 1

要約は、上に掲載されたリンクからインスピレーションを得ましたが、いくつかは簡単に続くためには箇条書きになります。

1. あなたのpackage.jsonにイスタンブール依存関係を追加します

2. 手動で機器のjsファイル、

   istanbul instrument test.js >> test-instumented.js 
   

3. このコマンドを実行することにより、あなたのファイルは、このインストルメントファイルの代わりにアクセスすることを許可します元のjsファイル。

4. テストランを実行して、ページロードが問題なく表示されるようにします。

5. 実際に実行するには、このカバレッジ情報スクリプトを@AfterClassに追加するか、すべてのテストを実行した後で、Webdriverを終了して終了する前に追加してください。

6. ここで、coverage.jsonファイルはすべてのカバレッジ情報とともにダンプされます。

7. ここからHTMLレポートを生成します。あなたのcoverage.jsonディレクトリに移動し、以下のコマンドを実行して、エンターキーを押します：

   istanbul report 
   

8. これは、カバレッジと呼ばれるディレクトリを生成し、その中にあなたがsonarqubeするためにそれを渡すことができますファイルをlcov.info見つけるだろう結果を見るにはhtmlファイルを開きます。

ハッピーコードカバレッジ。