投射器のスクリーンショットを設定する

Question

私は自動化されたテストと分度器を備えた初心者ですから、私はテストでこれを設定する際に問題があります。

guideによると、私がスクリーンショットレポーターの新しいインスタンスを作成するたびに、私はディレクトリパスを渡す必要があります。そう、つまり、の仕様ファイルに新しいインスタンスを作成するたびに、

また、スキップしたテストと失敗したテストのスクリーンショットを取る機能もあります。どこでtakeScreenShotsForSkippedSpecsとtakeScreenShotsOnlyForFailedSpecsを使用するのですか？私の設定ファイルで？

これは私のonPrepareです：

onPrepare: function() { 
     browser.driver.manage().window().maximize(); 
     global.dvr = browser.driver; 
     global.isAngularSite = function (flag) { 
      browser.ignoreSynchronization = !flag; 
     } 
     jasmine.getEnv().addReporter(new ScreenShotReporter({ 
      baseDirectory: '/tmp/screenshots', 
      takeScreenShotsForSkippedSpecs: true, 
      takeScreenShotsOnlyForFailedSpecs: true 
     })); 

Answer 1

注：jasmine2を使用している場合は、protractor-jasmine2-screenshot-reporterを使用してください。 jasmine1については

---

：

私はprotractor-html-screenshot-reporterパッケージを使用して成功裏に使用してきました。これはprotractor-screenshot-reporterに基づいていますが、素晴らしいHTMLレポートも提供します。ここで

私は分度器の設定で持っているものです。

var HtmlReporter = require("protractor-html-screenshot-reporter"); 

exports.config = { 
    ... 

    onPrepare: function() { 
     // screenshot reporter 
     jasmine.getEnv().addReporter(new HtmlReporter({ 
      baseDirectory: "test-results/screenshots" 
     })); 
    }, 

    ... 
} 

テストを実行した後、あなたは（例）を含むHTMLファイルを取得します：

あなたは、「ビューをクリックすることができますブラウザでテストケース固有のスクリーンショットを見ることができます。

Answer 2

ライブラリ内のreadmeはかなり自明です。ライブラリをインストールしたら、分度器の設定ファイルの分度器のonPrepareにライブラリを追加します。

すなわちprotractorConf.js：次いで

var ScreenShotReporter = require('protractor-screenshot-reporter'); 

exports.config = { 
    // your config here ... 

    onPrepare: function() { 
     // Add a screenshot reporter and store screenshots to `/tmp/screnshots`: 
     jasmine.getEnv().addReporter(new ScreenShotReporter({ 
     baseDirectory: '/tmp/screenshots', 
     takeScreenShotsForSkippedSpecs: true 
     })); 
    } 
} 

protractor protractorConf.jsを分度器を実行します。

Answer 3

は、つい最近私は各ブラウザインスタンススクリーンショットとコンソールログのためにキャプチャしprotractor-screenshoter-pluginと呼ばれるブランドの新しいプラグインを発表しました。スナップショットは、がそれぞれまたはspecと予想される場合に、オプションで作成されます。テスト結果を視覚的にチェックして修正するには、美しい角度とブートストラップベースの解析ツールが付属しています。

https://github.com/azachar/protractor-screenshoter-pluginでご覧ください。

また、利用可能なすべてのリストを作成しました。他に見つかった場合は、お気軽に追加してください。alternatives