[sequencer-gallery] chore: adding CI test for Gallery + testing injec…

…ted min & max

playwright-test/15_sequences_gallery.spec.ts

@@ -0,0 +1,64 @@
+import { test, expect, Page, ElectronApplication } from "@playwright/test";
+import { _electron as electron } from "playwright";
+import {
+  STARTUP_TIMEOUT,
+  getExecutablePath,
+  mockDialogMessage,
+  standbyStatus,
+} from "./utils";
+import { Selectors } from "./selectors";
+
+test.describe("Load a demo test sequence", () => {
+  let window: Page;
+  let app: ElectronApplication;
+  test.beforeAll(async () => {
+    test.setTimeout(STARTUP_TIMEOUT);
+    const executablePath = getExecutablePath();
+    app = await electron.launch({ executablePath });
+    await mockDialogMessage(app);
+    window = await app.firstWindow();
+    await expect(
+      window.locator("code", { hasText: standbyStatus }),
+    ).toBeVisible({ timeout: STARTUP_TIMEOUT });
+    await window.getByTestId(Selectors.closeWelcomeModalBtn).click();
+    // Switch to sequencer tab
+    await window.getByTestId(Selectors.testSequencerTabBtn).click();
+  });
+
+  test.afterAll(async () => {
+    await app.close();
+  });
+
+  test("Should load and run a sequence", async () => {
+    await expect(window.getByTestId(Selectors.newDropdown)).toBeEnabled({
+      timeout: 15000,
+    });
+
+    // Open the sequence gallery
+    await window.getByTestId(Selectors.newDropdown).click();
+    await window.getByTestId(Selectors.openSequenceGalleryBtn).click();
+
+    // Open a sequence
+    await window.getByTestId("test_step_with_expected_and_exported_values").nth(1).click();
+
+    // Expect sequence and tests to be loaded
+    await expect(
+      window.locator("div", { hasText: "Export_&_Expected_Demo" }).first(),
+    ).toBeVisible();
+
+    // Expect test steps to bey loaded
+    await expect(
+      window.locator("div", { hasText: "test_min_max" }).first(),
+    ).toBeVisible();
+
+    // Run the sequence
+    await window.getByTestId(Selectors.runBtn).click();
+    await window.waitForTimeout(10000);
+
+    // Check the status
+    await expect(window.getByTestId(Selectors.globalStatusBadge)).toContainText(
+      "FAIL",
+    );
+    await expect(window.getByTestId("status-test_min_max")).toContainText("PASS");
+  });
+});

playwright-test/selectors.ts

@@ -43,6 +43,7 @@ export enum Selectors {
   pytestBtn = "pytest-btn",
   newDropdown = "new-dropdown",
   importTestBtn = "import-test-button",
+  openSequenceGalleryBtn = "seq-gallery-btn",
   globalStatusBadge = "global-status-badge",
   newSeqModalNameInput = "new-seq-modal-name-input",
   newSeqModalDescInput = "new-seq-modal-desc-input",

src/renderer/routes/test_sequencer_panel/components/DesignBar.tsx

@@ -118,7 +118,7 @@ export function DesignBar() {
                 </DropdownMenuItem>
                 <DropdownMenuItem
                   onClick={() => setIsGalleryOpen(true)}
-                  data-testid="app-gallery-btn"
+                  data-testid="seq-gallery-btn"
                 >
                   <LayoutGrid
                     size={16}

src/renderer/routes/test_sequencer_panel/components/data-table/TestTable.tsx

@@ -267,7 +267,7 @@ export function TestTable() {
       header: () => <div className="pl-4 text-center">Status</div>,
       cell: ({ row }) => {
         return row.original.type === "test" ? (
-          <div className="my-2 flex justify-center">
+          <div className="my-2 flex justify-center" data-testid={`status-${row.original.testName}`}>
             {typeof mapStatusToDisplay[row.original.status] === "function"
               ? mapStatusToDisplay[row.original.status](row.original.error)
               : mapStatusToDisplay[row.original.status]}