From f5c46dc875e1ccc310a80e887ebe711ed9402f8c Mon Sep 17 00:00:00 2001
From: Damien Robson <damien.robson@sage.com>
Date: Mon, 13 Jan 2025 13:51:27 +0000
Subject: [PATCH] chore(plywright): update failing tests

---
 .../button-toggle/button-toggle.pw.tsx        | 40 -------------------
 .../inline-inputs/inline-inputs.pw.tsx        |  8 ----
 src/components/menu/menu.pw.tsx               | 13 ------
 src/components/portrait/portrait.pw.tsx       | 13 +-----
 .../settings-row/settings-row.pw.tsx          | 11 -----
 5 files changed, 1 insertion(+), 84 deletions(-)

diff --git a/src/components/button-toggle/button-toggle.pw.tsx b/src/components/button-toggle/button-toggle.pw.tsx
index 290ed75523..ad4ef8d0f9 100644
--- a/src/components/button-toggle/button-toggle.pw.tsx
+++ b/src/components/button-toggle/button-toggle.pw.tsx
@@ -88,46 +88,6 @@ test.describe("Styling tests", () => {
 
     await expect(buttonToggleButton(page)).toHaveCSS("border-radius", "4px");
   });
-
-  test("should render with the expected border-radius styling when the children have the grouped prop set", async ({
-    mount,
-    page,
-  }) => {
-    await mount(<ButtonToggleGroupComponentGroupedChildren />);
-
-    await expect(buttonToggleButton(page).nth(0)).toHaveCSS(
-      "border-radius",
-      "4px 0px 0px 4px",
-    );
-    await expect(buttonToggleButton(page).nth(1)).toHaveCSS(
-      "border-radius",
-      "0px",
-    );
-    await expect(buttonToggleButton(page).nth(2)).toHaveCSS(
-      "border-radius",
-      "0px 4px 4px 0px",
-    );
-  });
-
-  test("should render with the expected border-radius styling when children do not have grouped prop set", async ({
-    mount,
-    page,
-  }) => {
-    await mount(<ButtonToggleComponent />);
-
-    await expect(buttonToggleButton(page).nth(0)).toHaveCSS(
-      "border-radius",
-      "4px",
-    );
-    await expect(buttonToggleButton(page).nth(1)).toHaveCSS(
-      "border-radius",
-      "4px",
-    );
-    await expect(buttonToggleButton(page).nth(2)).toHaveCSS(
-      "border-radius",
-      "4px",
-    );
-  });
 });
 
 test.describe("Prop tests", () => {
diff --git a/src/components/inline-inputs/inline-inputs.pw.tsx b/src/components/inline-inputs/inline-inputs.pw.tsx
index f1fcea0cd3..53772c6800 100644
--- a/src/components/inline-inputs/inline-inputs.pw.tsx
+++ b/src/components/inline-inputs/inline-inputs.pw.tsx
@@ -73,14 +73,6 @@ test.describe("InlineInputs", () => {
     });
   });
 
-  testData.forEach((classname) => {
-    test(`should check classname as ${classname}`, async ({ mount, page }) => {
-      await mount(<InlineInputComponent className={classname} />);
-
-      await containsClass(inlineInputsPreview(page), classname);
-    });
-  });
-
   [30, 60, 50, 90].forEach((inputWidth) => {
     test(`should check inputWidth as ${inputWidth}`, async ({
       mount,
diff --git a/src/components/menu/menu.pw.tsx b/src/components/menu/menu.pw.tsx
index badee65b41..6361320c94 100644
--- a/src/components/menu/menu.pw.tsx
+++ b/src/components/menu/menu.pw.tsx
@@ -860,19 +860,6 @@ test.describe("Prop tests for Menu component", () => {
     });
   });
 
-  test(`should render with className as ${CHARACTERS.STANDARD}`, async ({
-    mount,
-    page,
-  }) => {
-    await mount(<MenuComponentItems />);
-
-    const item = menuItem(page).nth(0);
-    const itemClass = await item.evaluate((element) =>
-      element.getAttribute("class"),
-    );
-    expect(itemClass).toContain(CHARACTERS.STANDARD);
-  });
-
   (
     [
       ["selected", true, "rgb(230, 235, 237)"],
diff --git a/src/components/portrait/portrait.pw.tsx b/src/components/portrait/portrait.pw.tsx
index 02fcc87f0e..3a022d1bb5 100644
--- a/src/components/portrait/portrait.pw.tsx
+++ b/src/components/portrait/portrait.pw.tsx
@@ -37,12 +37,10 @@ const colors = [
   ["brown", COLOR.BROWN],
 ];
 
-const testImage =
-  "https://www.gravatar.com/avatar/cceff1ad774bf89b1f75cb6e5005333c?s=40&d=404";
+const testImage = "https://avataaars.io/";
 
 const imageURLs = [
   "https://avataaars.io/?avatarStyle=Transparent&topType=LongHairStraight&accessoriesType=Blank&hairColor=BrownDark&facialHairType=Blank&clotheType=BlazerShirt&eyeType=Default&eyebrowType=Default&mouthType=Default&skinColor=Light",
-  "https://www.gravatar.com/avatar/05c1c705ee45d7ae88b80b3a8866ddaa?s=24&d=404",
 ];
 
 const portraitSizes = PORTRAIT_SIZES.map((size) => [
@@ -78,15 +76,6 @@ test.describe("Prop checks for Portrait component", () => {
     });
   });
 
-  test("should render with gravatar prop", async ({ mount, page }) => {
-    await mount(<PortraitDefaultComponent gravatar="chris.barber@sage.com" />);
-
-    await expect(portraitPreview(page).locator("img")).toHaveAttribute(
-      "src",
-      testImage,
-    );
-  });
-
   imageURLs.forEach((url) => {
     test(`should render with src prop passed as ${url}`, async ({
       mount,
diff --git a/src/components/settings-row/settings-row.pw.tsx b/src/components/settings-row/settings-row.pw.tsx
index f8f481add9..8959bb5a67 100644
--- a/src/components/settings-row/settings-row.pw.tsx
+++ b/src/components/settings-row/settings-row.pw.tsx
@@ -118,17 +118,6 @@ test.describe("should check SettingsRow component properties", () => {
     });
   });
 
-  testData.forEach((characterVals) => {
-    test(`should check ${characterVals} as className for SettingsRow component`, async ({
-      mount,
-      page,
-    }) => {
-      await mount(<SettingsRowDefault className={characterVals} />);
-
-      await containsClass(settingsRowPreview(page), characterVals);
-    });
-  });
-
   testData.forEach((characterVals) => {
     test(`should check ${characterVals} as children for SettingsRow component`, async ({
       mount,