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