[Question] Screenshot difference between mac and ubuntu

[mokone91]

Hi!
I going to setup screenshot testing using @storybook/test-runner + jest-image-snapshot
@storybook/test-runner uses jest-playwright under the hood, and issue is - screenshots different in various OS.

I understand that this is a normal behavior, different OS renders things differently...
But is its possible to do something to minimize this difference, so i can use some threshold as now its not possible, as it depends on to many factiors?
Seems in my case - difference in fonts and box shadows..

[mokone91]

Have to try different cromium flags - but no luck

testEnvironmentOptions: {
    'jest-playwright': {
      ...originalConfig.testEnvironmentOptions['jest-playwright'],
      launchOptions: {
        args: [
          '--no-sandbox',
          '--headless',
          '--enable-logging',
          '--hide-scrollbars',
          '--disable-lcd-text',
          '--printBackground=true',
          '--disable-dev-shm-usage',
          '--disable-gpu',
          '--font-render-hinting=none',
          '--disable-accelerated-2d-canvas',
          '--disable-font-subpixel-positioning',
          '--disable-canvas-aa',
          '--disable-composited-antialiasing',
        ],
      },
    },

[dgozman]

@mokone91 There's not much you can do to get the same screenshots between OSes. You can use a container to run your visual tests - this way you'll have a reproducible environment.