diff --git a/common/config/playwright/playwright.config.common.ts b/common/config/playwright/playwright.config.common.ts index a070bbfdab7..7871b4ad237 100644 --- a/common/config/playwright/playwright.config.common.ts +++ b/common/config/playwright/playwright.config.common.ts @@ -73,7 +73,7 @@ export const config: PlaywrightTestConfig = { }, // components tests use toHaveScreenshot toHaveScreenshot: { - maxDiffPixels: 3, + maxDiffPixels: 4, // make stricter comparison for colors, default value was 0.2 // which didn't catch some color differences for gray colors threshold: 0 diff --git a/packages/react-components/tests/browser/VideoGallery.spec.tsx b/packages/react-components/tests/browser/VideoGallery.spec.tsx index a6657d604cc..37f0ec81506 100644 --- a/packages/react-components/tests/browser/VideoGallery.spec.tsx +++ b/packages/react-components/tests/browser/VideoGallery.spec.tsx @@ -21,7 +21,7 @@ test.describe('VGL - VideoGallery tests', () => { }) ); const component = await mount( - + { ); await expect(component).toHaveScreenshot('VGL-1-1-videogallery-with-audio-only-before-dominant-speakers.png'); await component.update( - + { remoteParticipants[8].videoStream = { isAvailable: true }; const component = await mount( - + { ); await expect(component).toHaveScreenshot('VGL-2-1-videogallery-with-some-video-before-dominant-speakers.png'); await component.update( - + { remoteParticipants[5].isScreenSharingOn = true; remoteParticipants[5].screenShareStream = { isAvailable: true }; const component = await mount( - + { ); await expect(component).toHaveScreenshot('VGL-3-1-videogallery-with-screen-share-before-dominant-speakers.png'); await component.update( - + { }; remoteParticipants.push(screenSharingParticipant); const component = await mount( - + { await expect(component).toHaveScreenshot('VGL-4-1-videogallery-before-spotlight.png'); remoteParticipants[7].spotlight = { spotlightedOrderPosition: 1 }; component.update( - +