test(ListChoice): replace chromatic visual test with playwright

packages/orbit-components/src/ListChoice/ListChoice.ct-story.tsx

@@ -0,0 +1,48 @@
+import React from "react";
+
+import Button from "../Button";
+import Airplane from "../icons/Airplane";
+import Boat from "../icons/Boat";
+import Bus from "../icons/Bus";
+import Train from "../icons/Train";
+import Plus from "../icons/Plus";
+
+import ListChoice from ".";
+
+export default function ListChoiceVisualStory() {
+  return (
+    <>
+      <ListChoice title="Selectable no icon" description="Further description" selectable />
+      <ListChoice title="Title only and disabled, no icon" disabled />
+      <ListChoice title="Selectable" description="Further description" selectable icon={<Bus />} />
+      <ListChoice
+        title="Selected"
+        description="Further description"
+        selectable
+        selected
+        icon={<Airplane />}
+      />
+      <ListChoice
+        title="Selected and disabled"
+        description="Further description"
+        selectable
+        selected
+        disabled
+        icon={<Train />}
+      />
+      <ListChoice
+        title="Non-selected and disabled"
+        description="Further description"
+        selectable
+        disabled
+        icon={<Train />}
+      />
+      <ListChoice
+        title="Action"
+        description="Further description"
+        icon={<Boat />}
+        action={<Button iconLeft={<Plus />} size="small" type="primarySubtle" />}
+      />
+    </>
+  );
+}

packages/orbit-components/src/ListChoice/ListChoice.ct.tsx

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import ListChoiceStory from "./ListChoice.ct-story";
+
+test.describe("visual ListChoice", () => {
+  test("ListChoice", async ({ mount }) => {
+    const component = await mount(<ListChoiceStory />);
+
+    await expect(component).toHaveScreenshot();
+  });
+});