Issue with Screenshot Discrepancies Across Different Windows Versions

[Umesh-WW]

We are experiencing an issue with our UI test cases after updating Canvas from version 2.10.2 to 2.11.2. When running tests on Windows Server 2019, the UI snapshots generated do not match those generated on local systems like Windows 10 or 11.

Specifically, when running the same tests on Windows 10 or 11, we observe inconsistencies in text rendering on the UI, which we capture via Canvas. These differences are notable as yellow pixels appearing below the fonts.

We have attempted several workarounds, including disabling anti-aliasing and adjusting font quality by modifying the Canvas context, but these efforts have not resolved the issue.

It seems the problem may stem from differences in UI rendering or text measurement across different Windows versions. We would greatly appreciate any insights, suggestions, or potential Windows configuration changes that might help us address this inconsistency.

Example of Differences

Additional Information

We are using Node version 20.18.0, however when tried on Node 18.20.0 also we faced similar issues i.e. discrepancies between UI rendered on Windows 11 vs Windows server 2019. Apparently Canvas 2.11.2 is minimum recommended version of Canvas for Node 20 LTS version.

Any help, guidance, or comments on this issue would be highly appreciated.
Thank you!