CucumberJS: Take screenshot after each step

Question

Has anybody figured out how to take screenshot for every step of a scenario in cucumberjs, and attach it to the json report?

Answer 1

Apparently this can be done via a custom reporter, using Cucumber event handlers.

browser.takeScreenshot().then((png: any) => {
     var decodedImage = new Buffer(png, 'base64');
     currentStep.embeddings.push({
      data: decodedImage.toString('base64'),
      mime_type: 'image/png'
     });
    });