diff --git a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct-story.tsx b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct-story.tsx index 860d133ecd..0d17aad2f7 100644 --- a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct-story.tsx +++ b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct-story.tsx @@ -9,7 +9,6 @@ const GRAYSCALE_OPTIONS = [false, true]; export default function ServiceLogoStory() { return (
- {GRAYSCALE_OPTIONS.map(grayScale => ( ))} diff --git a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx index 904f923918..2e3df917f4 100644 --- a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx +++ b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx @@ -2,12 +2,27 @@ import * as React from "react"; import { test, expect } from "@playwright/experimental-ct-react"; import ServiceLogoStory from "./ServiceLogo.ct-story"; +import { NAME_OPTIONS, SIZE_OPTIONS } from "./consts"; + +const GRAYSCALE_OPTIONS_SIZE = 2; test.describe("visual ServiceLogo", () => { test("default", async ({ mount, page }) => { const component = await mount(); await page.waitForRequest(/images.kiwi.com/); - await expect(component).toHaveScreenshot(); + const selector = `img:nth-of-type(${ + Object.values(NAME_OPTIONS).length + + Object.values(SIZE_OPTIONS).length + + GRAYSCALE_OPTIONS_SIZE + })`; + + await page.waitForSelector(selector); + + await expect(component).toHaveScreenshot({ + threshold: 0.3, + maxDiffPixelRatio: 0.02, + maxDiffPixels: undefined, + }); }); }); diff --git a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Desktop-darwin.png b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Desktop-darwin.png index afa3e21d82..1bff45d63a 100644 Binary files a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Desktop-darwin.png and b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Desktop-darwin.png differ diff --git a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Large-Desktop-darwin.png b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Large-Desktop-darwin.png index 0e51b0eded..b9eaa3b92b 100644 Binary files a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Large-Desktop-darwin.png and b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Large-Desktop-darwin.png differ diff --git a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Large-Mobile-darwin.png b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Large-Mobile-darwin.png index 85dcbd5be0..8c61e6cc44 100644 Binary files a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Large-Mobile-darwin.png and b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Large-Mobile-darwin.png differ diff --git a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Medium-Mobile-darwin.png index 4f48bd3753..9c95e6f37c 100644 Binary files a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Medium-Mobile-darwin.png and b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Medium-Mobile-darwin.png differ diff --git a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Small-Mobile-darwin.png b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Small-Mobile-darwin.png index f5372530ce..2b4ed34725 100644 Binary files a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Small-Mobile-darwin.png and b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Small-Mobile-darwin.png differ diff --git a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Tablet-darwin.png b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Tablet-darwin.png index 5c2b2faed1..75b21ef7c9 100644 Binary files a/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Tablet-darwin.png and b/packages/orbit-components/src/ServiceLogo/ServiceLogo.ct.tsx-snapshots/visual-ServiceLogo-default-1-Tablet-darwin.png differ