Initial Commit

apps/testbed/e2e/libraries/surrealdb.spec.ts

@@ -0,0 +1,48 @@
+import { test, expect } from "@playwright/test";
+
+test.describe("SurrealDB Page", () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto("/surrealdb");
+    await expect(page.locator('[data-testid="page-title"]')).toContainText(
+      "SurrealDB",
+    );
+  });
+
+  test("demo-card is visible", async ({ page }) => {
+    await expect(page.locator('[data-testid="demo-card"]')).toBeVisible();
+  });
+
+  test("status check is made on load", async ({ page }) => {
+    await expect(page.locator('[data-testid="demo-card"]')).toBeVisible();
+  });
+
+  test("when service is unavailable, buttons are disabled", async ({ page }) => {
+    await page.route("/api/database/status", (route) => {
+      route.fulfill({ json: { available: false } });
+    });
+    await page.reload();
+
+    await expect(page.locator('[data-testid="demo-card"]')).toBeVisible();
+    const createBtn = page.locator('button:has-text("Create Record")');
+    const queryBtn = page.locator('button:has-text("Query Table")');
+    await expect(createBtn).toBeDisabled();
+    await expect(queryBtn).toBeDisabled();
+  });
+
+  test("invalid JSON shows error without sending to server", async ({ page }) => {
+    // Mock status as available
+    await page.route("/api/database/status", (route) => {
+      route.fulfill({ json: { available: true } });
+    });
+    await page.reload();
+
+    await page.locator('textarea').fill("{ invalid json }");
+    await page.locator('button:has-text("Create Record")').click();
+
+    await expect(page.locator('[data-testid="output"]')).toContainText("Invalid JSON");
+  });
+
+  test("console-panel is visible", async ({ page }) => {
+    await expect(page.locator('[data-testid="console-panel"]')).toBeVisible();
+  });
+});