IMAGE RENDERING ISSUE IN THE LATEST BUILD | V3.9.0

[Lucifer3Morningstart]

Environment (please complete the following information)

• multiple-cucumber-html-reporter: 3.9.0
• Node.js version: 18.18
• NPM version:10.8.1
• Platform name and version: mac somana
• Cucumber version: 9.5.1

Describe the bug

IMAGE NOT GETTING RENDERED AFTER RUNNING MULTI REPORTER

To Reproduce

Steps to reproduce the behavior:
set your version of reporter to 3.9 and run any code and then run node multiReporter.js command
check the charts.

Expected behavior

attaching ss:

[detestgast]

I'm facing this issue as well on a Jenkins / Nodejs 20.10.0 CI environment with multiple-cucumber-html-reporter v3.8.0 * v3.90. Looking at the console output, I see JQuery errors related to dataTables.

jquery.dataTables.min.js:27  Uncaught TypeError: Cannot read properties of undefined (reading 'ext')
dataTables.responsive.min.js:846  Uncaught TypeError: Cannot read properties of undefined (reading 'Api')
jquery-3.2.1.min.js:1856  jQuery.Deferred exception: $(...).dataTable is not a function TypeError: $(...).dataTable is not a function

When running the same test/report locally (Win11, Nodejs 20.10.0) everything works fine. *

* Update: package.json contained a caret for the package, allowing to install a higher version (v3.9.0.) than specified (v3.8.0.)

[nixchahar]

same issue I am getting with version 3.9.0, Pls let us know once the issue is fixed

[mjalav]

I did compare generated files from the version has the issue with the version that generate file correctly. difference was in the file in assets/js and asset/css folder.
here are the file differences in asset/js folder

here are the file difference in asset/css folder

workaround is to copy files from js and css folder from the previous good run to the current run.
js_css.zip
hope that help to identify root cause.

[WasiqB]

@nixchahar , @mjalav , thanks for highlighting the issue.

The files which you highlighted was changed for fixing #392 .

I will look into this issue.

In the meantime, can you check with useCDN set to true in the options of generate method and let me know if this issue is still there?

[smtripathi99]

Hi,

I am seeing it in Node 18, multiple-cucumber-html-reporter": "3.7.0" @cucumber/cucumber": "10.8.0 as well:

[mjalav]

@nixchahar , @mjalav , thanks for highlighting the issue.

The files which you highlighted was changed for fixing #392 .

I will look into this issue.

In the meantime, can you check with useCDN set to true in the options of generate method and let me know if this issue is still there?

I did try with use CDN true and seems like the issue resolved.
Node version 22.11.0 , multiple-cucumber-html-reporter": "3.9.0"

[kuntolb]

with useCDN true doesn't solve the problem when running it on pipeline

[jagyandeep]

seems like this issue is happening in linux system. When i run in my windows machine the report works absolutely fine. But when i run it in our server i get this error. (ubuntu 20.04, node v18.20.5, cucumber-html-report v3.9.0). Also tried to downgrade to v3.6.2, and these error remains.

[wagner-deoliveira]

Hi, I'm on Windows and this behavior is still happening, tested now:

FYI, I uninstalled and reinstalled the package to ensure that I have the latest version of it:

EDIT: I'm using Node 22.13.0, the latest LTS

[cmaitrepierre]

Same observed behvior with v3.9.0 only on windows 3.8.0 is OK
jquery.dataTables.min.js:27 Uncaught TypeError: Cannot read properties of undefined (reading 'ext')
jquery-3.2.1.min.js:1856 jQuery.Deferred exception: $(...).dataTable is not a function TypeError: $(...).dataTable is not a function
jquery-3.2.1.min.js:1860 Uncaught TypeError: $(...).dataTable is not a function
at HTMLDocument. (index.html:1648:38)
at e (jquery-3.2.1.min.js:1744:36)
at t (jquery-3.2.1.min.js:1768:29)

[siva90144]

@WasiqB any ETA on this issue?

[smtripathi99]

Even with workaround of copying js and css files from previously working version it is not showing properly in Chrome 132 on Windows 10