protractor-html-reporter截图已损坏

Question

我使用量角器自动测试angularjs应用程序。我使用protractor-html-reporter来生成报告。

在hooks.js文件中，我放置了以下代码，以便在测试场景失败时生成屏幕截图。然后将图像附加到报告中。

this.After(function (scenario,callback) {
    if (scenario.isFailed()) {
        browser.takeScreenshot().then(function (base64png) {
            var decodedImage = new Buffer(base64png, 'base64').toString('binary');
             scenario.attach(decodedImage, 'image/png');
             callback();
        }, function (err) {
            return callback(err);
        });
    } else{
        callback();
    }
});

生成JSON，html和屏幕截图文件。报告是可读的，可以使用浏览器或文本编辑器查看。但是，屏幕截图（＆＃34; png＆＃34;）文件总是被损坏＆＃34;。

在报告中，图像显示为预留空间（黑色方块内的X符号）。尝试使用图形编辑器打开屏幕截图时，它会告诉图像已损坏。

This is the html report

This is the image error

我错过了什么吗？