Screenshots are broken in the html report in the recent versions of cucumber

[singhm13-nih]

👓 What did you see?

i'm using cucumber-js with nightwatch. I recently upgraded cucumber version from 8.11.1 --> 11.1.1. After upgrading I noticed the attached screenshots in the html report appears as broken image. I didn't change any code other than upgrading the dependency version. I downgraded to the version 8.11.1 and screenshot attachments are working fine. I'm not sure from what version it is broken as I tried few recent version and it showing the broken image in the report. Adding the piece of code, that I'm using:

await browser.saveScreenshot(filePath);

if(attachToReport) {
    const screenshotData = fs.readFileSync(filePath, {encoding: 'base64'});
    this.attach(screenshotData, 'image/png'); // Attach screenshot to the JSON output
}

✅ What did you expect to see?

Screenshot attachment should not be corrupted when attaching to the report

📦 Which tool/library version are you using?

node v20.12.2
cucumber 11.1.1
nightwatch 3.7.0

🔬 How could we reproduce it?

1. setup basic project with nightwatch and cucumber
2. Attach the screenshot using the code snippet( added in the description)
3. Generate html report from cucumber json

📚 Any additional context?

No response