使用量角器將自定義截圖添加到Jasmine報告中

Question

我是第一次使用量角器，不知道如何向茉莉花報告中添加自定義屏幕截圖。 目前，我已經做了類似的事情。

onPrepare：

jasmine.getEnv().addReporter(
        new Jasmine2HtmlReporter({
            takeScreenshots: true,
            takeScreenshotsOnlyOnFailures: false,
            consolidate: true,
            consolidateAll: true,
            filePrefix: 'Report',
            screenshotsPath: './screenshots/',
            reportPath: './pageObject/reports/'
        })
    );

並添加了代碼以截取屏幕截圖。

browser.takeScreenshot().then(function (png) {
    test.writeScreenShot(png,screenshotName+ '.png');
}); 

test.writeScreenShot = function(data,filepath){
    var stream = fs.createWriteStream(path);
    stream.write(new Buffer(data, 'base64'));
    stream.end();
};

但是現在真正的麻煩來了，它需要整個頁面的快照並附加到我不想要的報告中，我想要僅針對特定元素拍攝的自定義快照，並將其附加在茉莉花報告中。 我不明白如何將快照添加到報告中。 可以幫助我如何將快照自動添加到報告中，以便我可以嘗試一次為我拍攝的自定義快照，然后嘗試將其添加到報告中。

提前致謝。

Answer 1

據我所知，硒本身不支持制作特定區域的屏幕快照。 您只能制作可見頁面的屏幕截圖。

如果您正在使用屏幕截圖，請查看https://github.com/azachar/protractor-screenshoter-plugin （免責聲明：我是fork的作者）

您可以為每個期望制作屏幕截圖。 此外，它還提供了基於HTML的報告，因此很容易理解測試失敗的原因。