Generate PDF report button doesn't work in Firefox

[asteriscos]

Wazuh	Rev	Browser
4.9.0	06	Firefox

Description
When using a Firefox browser the create PDF report doesn't work, and throws an error.

Preconditions

1. Use Firefox

Steps to reproduce

1. Navigate to any dashboard
2. Click on Generate report
3. See the error

Screenshots

[Desvelao]

Research

The error is caused by a problem getting the screenshots of the visualizations. Editing the source code to display the error on console:

A recent pull request https://github.com/wazuh/wazuh-dashboard-plugins/pull/6558/files#diff-09c83b245d7d7757479c6f6bce9a14e1e15823a12d4e827885ed2b584d69f06dR480-R482 for 4.9.0 added a fix for the dom-to-image dependency library.

I tried to remove the fix, and this avoids the error reported on the issue, but the logic to get the visualization screenshots seems to enter into a loop and the report can not be generated. This behavior happens on Firefox and Google Chrome.

[Desvelao]

I tried to replace the embedded dom-to-image dependency by https://www.npmjs.com/package/dom-to-image-more and this seems to fix the problem related to the loop.

yarn add dom-to-image-more

It installed the v3.3.1.

But it seems on Firefox, some images are cropped. Related issue: 1904labs/dom-to-image-more#160

[Desvelao]

Solution

I added a embedded dom-to-image-more dependency because I wanted to remove the font fetching logic that was customized on the dom-to-image library.

I applied a fix to solve the problem related to cropped images on Firefox.

@yenienserrano and me were reviewing the generation of reports on Safari and Firefox too.

I created the following pull request with the proposed solution: #6902

[Desvelao]

Changes

• Fixed some problems with texts of metrics that caused poorly render on the PDF reports