2017-01-17 7 views
3

ジャスミン記者が作成したレポートの画面上部にロゴを入れたいですか? レポートをカスタマイズするにはどうすればよいですか?ジャスミン記者が作成したレポートにロゴを挿入するにはどうすればよいですか?

+0

あなたがレポーターのどのパッケージを使用していますか?この記者の正確な名前は何ですか? Angularのウェブサイトをテストしているなら、 'protractor-angular-screenshot-reporter'をダウンロードできます。 – FCin

+0

私はprotractor-jasmine2-screenshot-reporterを使用しています。 – AYa

+0

'index.js'では、imgを' openReportTemplate'変数に追加することができます – FCin

答えて

3

printResults(suite)メソッド(here)がHTMLを構成する(hereにあります)を編集できます。

私は、テストのリストのすぐ上にイメージを追加しようとしましたが、それはよく見えます。

function printResults(suite) { 

    //Output generation starts here. Header is constructed above 
    var output = ''; 
    if (suite.isPrinted || !hasValidSpecs(suite)) { 
     return ''; 
    } 
    suite.isPrinted = true; 

    // I added it here just above the list of tests. Its upto you how you want to do it 
    output += '<img src="http://www.w3schools.com/html/pic_mountain.jpg" alt="HTML5 Icon" style="width:128px;height:128px;">' + '<ul style="list-style-type:none">'; 

サンプルHTML出力:

enter image description here

+0

ありがとうございます。これを試みます。しかし、このプロジェクトが他の誰かによって複製されていて、自分のマシンにnpmをインストールした場合、修正されたインデックスjsファイルで表示される方法でレポートを表示することはできません。 – AYa

+0

ええ、それは本当に..そして、私たちはそれと一緒に生きなければならないかもしれません..あるいは、プライベートnpmモジュールを作り、それをパッケージ化して共有してください。私はnpmのものに関する専門家ではありません。 npmグループにタグ付けすると、最も良い答えが得られます – AdityaReddy

+0

@aya私は 'protractor-jasmine2-screenshot-reporter'プロジェクトの問題を提起し、この機能を組み込むようにお願いします。そして、一般的な方法でそれをフォークして実装すると、プルリクエストを送信してプロジェクトをより良く、世界をより良いものにすることができます:) – alecxe

関連する問題