feat: Guided Tours E2E Tests

eslint.config.js

@@ -207,7 +207,11 @@ export default [
       "playwright/prefer-web-first-assertions": "error", // Use await expect(element).toBeVisible()
       "playwright/no-conditional-in-test": "warn", // Avoid if/else based on element state
       "playwright/no-standalone-expect": "error", // Ensure expects are awaited
-      "playwright/expect-expect": "warn", // Ensure tests have assertions
+      "playwright/expect-expect": [
+        "warn",
+        // runTour drives a guided tour and asserts every step internally.
+        { assertFunctionNames: ["runTour"] },
+      ], // Ensure tests have assertions
       "playwright/no-skipped-test": "warn", // Warn about test.skip()
       "@typescript-eslint/no-non-null-assertion": "error", // Prevent non-null assertions (!)
     },

tests/e2e/tours/first-pipeline.tour.spec.ts

@@ -0,0 +1,11 @@
+import { test } from "@playwright/test";
+
+import { loadTour, runTour } from "./tourDriver";
+
+const tour = loadTour("firstPipeline.tour.json");
+
+test.describe("Guided tour: Build Your First Pipeline", () => {
+  test("replicates every step of the first-pipeline tour", async ({ page }) => {
+    await runTour(page, tour);
+  });
+});

tests/e2e/tours/navigating-editor.tour.spec.ts

@@ -0,0 +1,13 @@
+import { test } from "@playwright/test";
+
+import { loadTour, runTour } from "./tourDriver";
+
+const tour = loadTour("navigatingEditor.tour.json");
+
+test.describe("Guided tour: Navigating the Editor", () => {
+  test("replicates every step of the navigating-the-editor tour", async ({
+    page,
+  }) => {
+    await runTour(page, tour);
+  });
+});

tests/e2e/tours/subgraphs.tour.spec.ts

@@ -0,0 +1,11 @@
+import { test } from "@playwright/test";
+
+import { loadTour, runTour } from "./tourDriver";
+
+const tour = loadTour("subgraphs.tour.json");
+
+test.describe("Guided tour: Subgraphs", () => {
+  test("replicates every step of the subgraphs tour", async ({ page }) => {
+    await runTour(page, tour);
+  });
+});