Fügen Sie benutzerdefinierte Screenshots zu Jasmine Bericht mit Winkelmesser

Question

Ich benutze Winkelmesser zum ersten Mal und weiß nicht, wie benutzerdefinierte Screenshots zu Jasmine Bericht hinzufügen. Momentan habe ich so etwas getan.

onPrepare:

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

Und hinzugefügt, um den Code, um den Screenshot zu nehmen.

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(); 
}; 

Aber jetzt ist der eigentliche Schmerz kommt, nimmt es die Momentaufnahme der gesamten Seite und fügen Sie in dem Bericht, die ich nicht will, und ich will die benutzerdefinierte Snapshot, die ich nur für spezifisches Element genommen habe und fügen Sie es in Jasmin Bericht. Ich konnte nicht verstehen, wie der Snapshot zum Bericht hinzugefügt wird. können mir einige helfen, wie der Schnappschuss automatisch zum Bericht hinzugefügt wird, damit ich einmal für den von mir genommenen benutzerdefinierten Schnappschuss versuchen kann und versuche, ihn dem Bericht hinzuzufügen.

Vielen Dank im Voraus.

Answer 1

Das Erstellen von Screenshots eines bestimmten Bereichs wird von Selen selbst nicht unterstützt, soweit ich weiß. Sie können nur einen Screenshot der sichtbaren Seite erstellen.

Wenn Sie mit Screenshots zu kämpfen haben, haben einen Blick auf https://github.com/azachar/protractor-screenshoter-plugin (Disclaimer: Ich bin der Autor der Gabel)

Sie können Screenshots auf jeder Erwartung machen. Außerdem enthält es einen HTML-basierten Bericht, sodass Sie leicht verstehen können, warum Ihre Tests fehlschlagen.