I am doing visual screenshot testing at component/element/locator level and not full page. Test passes most of the time, but sometimes, in actual image the text is rendered few pixels below the expected image (see attachment). However, size of component still remains same as expected. Can i improve my settings to avoid this. My current settings are:
metadata: {
deviceName: iPhone 12 ,
},
use: {
...devices[ iPhone 12 ],
launchOptions: {
args: [
--font-render-hinting=none ,
--disable-skia-runtime-opts ,
--disable-font-subpixel-positioning ,
--disable-lcd-text ,
--force-color-profile=generic-rgb ,
--disable-gpu ,
--disable-translate ,
--disable-extensions ,
--disable-accelerated-2d-canvas ,
--force-device-scale-factor=1 ,
--js-flags=--random-seed=1157259157 ,
--disable-partial-raster ,
--use-gl=egl ,
],
},
},
Actual image:
Expected image:
Diff: