量角器未使用 Cucumber Reporter 捕获屏幕截图

Question

我正在使用 Protractor 和 Cucumber 来测试 Angular 应用程序，为了报告我正在使用“cucumber-html-reporter”，我无法在报告中捕获屏幕截图，并且它也没有保存在给定文件夹中

reporter.js

const reporter = require("cucumber-html-reporter");
cucumberReporteroptions = {
  theme: "bootstrap",
  //jsonFile: targetJson,
  jsonDir: targetjsonDir,
  output: htmlReports + "/cucumber_reporter"+datetime+".html",
  reportSuiteAsScenarios: true,
  storeScreenshots:true,
  screenshotsDirectory:htmlReports +'/screenshots',
  reportSuiteAsScenarios:true,
  launchReport:true,
  ignoreBadJsonFile:true
};

class Reporter {

  static createHTMLReport() {
    try {
      reporter.generate(cucumberReporteroptions); //invoke cucumber-html-reporter
    } catch (err) {
      if (err) {
        console.log("Failed to save cucumber test results to json file.");
        console.log(err);
      }
    }
  }

hooks.js

 After(function(scenario) {
            const attach = this.attach; 
            return browser.takeScreenshot().then(function(png) {
              const decodedImage = new Buffer(png, "base64");
              return attach(decodedImage, "image/png");
            });
        });

Answer 1

您可以从自己身边进行快速检查，以确保正确调用报告器：

onPrepare: () => {
    browser.ignoreSynchronization = true;
    browser.manage().window().maximize();
    Reporter.createDirectory(jsonReports);
},
cucumberOpts: {
    compiler: "ts:ts-node/register",
    format: "json:./reports/json/cucumber_report.json",
    require: ["../../typeScript/stepdefinitions/*.js", "../../typeScript/support/*.js"],
    strict: true,
},

onComplete: () => {
    Reporter.createHTMLReport();
},

你可以试试这个，

defineSupportCode(({After}) => {
    After(function(scenario) {
        if (scenario.isFailed()) {
        var attach = this.attach; 
        return browser.takeScreenshot().then(function(png) {
        var decodedImage = new Buffer(png, "base64");
        return attach(decodedImage, "image/png");
      });
     }
   });
});

让我知道它是怎么回事！