diff --git a/dashboard/tests/visual/chat-interface.spec.ts b/dashboard/tests/visual/chat-interface.spec.ts index 2a3044f9..a27e3eaf 100644 --- a/dashboard/tests/visual/chat-interface.spec.ts +++ b/dashboard/tests/visual/chat-interface.spec.ts @@ -1,49 +1,26 @@ import { test, expect } from "@playwright/test"; import { waitForTopologyLoaded } from "../helpers/wait-for-ready"; -test.describe("Chat Interface Visual Snapshots", () => { - test("chat input area", async ({ page }) => { +test.describe("Chat Interface", () => { + test("should display chat input and send button", async ({ page }) => { await page.goto("/"); await waitForTopologyLoaded(page); const chatInput = page.locator('[data-testid="chat-input"]'); - await expect(chatInput).toBeVisible({ timeout: 10000 }); - - // Take screenshot of the chat form area - const chatForm = page.locator("form").filter({ has: chatInput }); - await expect(chatForm).toHaveScreenshot("chat-input-empty.png"); - }); - - test("chat input with text", async ({ page }) => { - await page.goto("/"); - await waitForTopologyLoaded(page); - - const chatInput = page.locator('[data-testid="chat-input"]'); - await expect(chatInput).toBeVisible({ timeout: 10000 }); - - // Type some text - await chatInput.fill("This is a test message"); - await page.waitForTimeout(200); - - const chatForm = page.locator("form").filter({ has: chatInput }); - await expect(chatForm).toHaveScreenshot("chat-input-with-text.png"); - }); - - test("send button states", async ({ page }) => { - await page.goto("/"); - await waitForTopologyLoaded(page); - - const chatInput = page.locator('[data-testid="chat-input"]'); - await expect(chatInput).toBeVisible({ timeout: 10000 }); + await expect(chatInput).toBeVisible(); const sendButton = page.locator('[data-testid="send-button"]'); + await expect(sendButton).toBeVisible(); + }); - // Empty state - button should be disabled - await expect(sendButton).toHaveScreenshot("send-button-disabled.png"); + test("should allow typing in chat input", async ({ page }) => { + await page.goto("/"); + await waitForTopologyLoaded(page); + + const chatInput = page.locator('[data-testid="chat-input"]'); + await expect(chatInput).toBeVisible(); - // With text - button should be enabled await chatInput.fill("Test message"); - await page.waitForTimeout(100); - await expect(sendButton).toHaveScreenshot("send-button-enabled.png"); + await expect(chatInput).toHaveValue("Test message"); }); }); diff --git a/dashboard/tests/visual/chat-interface.spec.ts-snapshots/chat-input-empty-chromium-darwin.png b/dashboard/tests/visual/chat-interface.spec.ts-snapshots/chat-input-empty-chromium-darwin.png deleted file mode 100644 index 59dabeb9..00000000 Binary files a/dashboard/tests/visual/chat-interface.spec.ts-snapshots/chat-input-empty-chromium-darwin.png and /dev/null differ diff --git a/dashboard/tests/visual/chat-interface.spec.ts-snapshots/chat-input-with-text-chromium-darwin.png b/dashboard/tests/visual/chat-interface.spec.ts-snapshots/chat-input-with-text-chromium-darwin.png deleted file mode 100644 index ddb4325a..00000000 Binary files a/dashboard/tests/visual/chat-interface.spec.ts-snapshots/chat-input-with-text-chromium-darwin.png and /dev/null differ diff --git a/dashboard/tests/visual/chat-interface.spec.ts-snapshots/send-button-disabled-chromium-darwin.png b/dashboard/tests/visual/chat-interface.spec.ts-snapshots/send-button-disabled-chromium-darwin.png deleted file mode 100644 index 9b806a39..00000000 Binary files a/dashboard/tests/visual/chat-interface.spec.ts-snapshots/send-button-disabled-chromium-darwin.png and /dev/null differ diff --git a/dashboard/tests/visual/chat-interface.spec.ts-snapshots/send-button-enabled-chromium-darwin.png b/dashboard/tests/visual/chat-interface.spec.ts-snapshots/send-button-enabled-chromium-darwin.png deleted file mode 100644 index a57ba589..00000000 Binary files a/dashboard/tests/visual/chat-interface.spec.ts-snapshots/send-button-enabled-chromium-darwin.png and /dev/null differ diff --git a/dashboard/tests/visual/homepage.spec.ts b/dashboard/tests/visual/homepage.spec.ts index 9384dc6f..2de2ad3d 100644 --- a/dashboard/tests/visual/homepage.spec.ts +++ b/dashboard/tests/visual/homepage.spec.ts @@ -1,30 +1,14 @@ import { test, expect } from "@playwright/test"; import { waitForTopologyLoaded } from "../helpers/wait-for-ready"; -test.describe("Homepage Visual Snapshots", () => { - test("homepage with topology", async ({ page }) => { +test.describe("Homepage", () => { + test("should load and display key elements", async ({ page }) => { await page.goto("/"); await waitForTopologyLoaded(page); - // Wait for the page to fully render - await page.waitForTimeout(1000); - - await expect(page).toHaveScreenshot("homepage.png", { - fullPage: true, - }); - }); - - test("topology graph", async ({ page }) => { - await page.goto("/"); - await waitForTopologyLoaded(page); - - await page.waitForTimeout(1000); - - const topologyGraph = page - .locator('[data-testid="topology-graph"]') - .first(); - await expect(topologyGraph).toBeVisible(); - - await expect(topologyGraph).toHaveScreenshot("topology-graph.png"); + // Verify key UI elements are present + await expect(page.locator('[data-testid="topology-graph"]').first()).toBeVisible(); + await expect(page.locator('[data-testid="chat-input"]')).toBeVisible(); + await expect(page.locator('[data-testid="send-button"]')).toBeVisible(); }); }); diff --git a/dashboard/tests/visual/homepage.spec.ts-snapshots/homepage-chromium-darwin.png b/dashboard/tests/visual/homepage.spec.ts-snapshots/homepage-chromium-darwin.png deleted file mode 100644 index bc8aef86..00000000 Binary files a/dashboard/tests/visual/homepage.spec.ts-snapshots/homepage-chromium-darwin.png and /dev/null differ diff --git a/dashboard/tests/visual/homepage.spec.ts-snapshots/topology-graph-chromium-darwin.png b/dashboard/tests/visual/homepage.spec.ts-snapshots/topology-graph-chromium-darwin.png deleted file mode 100644 index 9a64d4a6..00000000 Binary files a/dashboard/tests/visual/homepage.spec.ts-snapshots/topology-graph-chromium-darwin.png and /dev/null differ