Screenshot not getting attached to cucumber-html report

[Sweetie7]

Describe your question with as much detail as possible A clear and concise question that doesn't require too much conversation. Need more help? Find us on Discord

If it's about a specific piece of code, try and include some of it to support your question. [...]

Environment (please complete the following information):

• Node.js version: [e.g. 8.9.1]
• NPM version: [e.g. 5.8.0]
• webdriver.io version: [e.g. 5.11.0]
• @wdio/cucumber-framework version: [e.g. 5.11.0]
• wdio-cucumberjs-json-reporter version: [e.g. 0.1.3]

Additional context Add any other context about the problem here.

[Sweetie7]

Node.js version: [21.7.3] NPM version: [10.5.0] webdriver.io version: [8.35.1] @wdio/cucumber-framework version: [8.35.0] wdio-cucumberjs-json-reporter version: [5.2.1] multiple-cucumber-html-reporter: [3.6.2],

I have configured in my webdriverio framework to create json file using wdio-cucumberjs-json-reporter, and then I am creating using the same json file html report using multiple-cucumber-html-reporter. I have added in Steps to capture screenshot using browser.saveScreenshot(), but this screenshots are not getting attached to html report.

[Sweetie7]

I have added below lines in wdio.conf.js file.

I have a this step in StepDef where I am taking screenshot.

But when the report is generated, screenshot is not available with the step.

[christian-bromann]

@Sweetie7 thanks for reporting! Any contributions are appreciated.

[HannaTarasevich]

Hi @Sweetie7, Please try to use this one instead of browser.saveScreenshot:

import cucumberJson from 'wdio-cucumberjs-json-reporter';

cucumberJson.attach(await browser.takeScreenshot(), 'image/png');