Add frontend E2E tests for additional pages

- chat.spec.ts: 6 tests for chat page UI elements
- analytics.spec.ts: 4 tests for analytics dashboard
- config.spec.ts: 7 tests for runtime and collection config
- visibility.spec.ts: 5 tests for system visibility page

E2E test count: 4 specs → 8 specs (22 new tests)

Author: Rory Graves

admin-ui/e2e/analytics.spec.ts

@@ -0,0 +1,24 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('Analytics', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/analytics')
+  })
+
+  test('should display analytics page with header', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: 'Analytics' })).toBeVisible()
+  })
+
+  test('should display time range selector', async ({ page }) => {
+    // Look for time range filter options
+    await expect(page.getByText(/24 hours|7 days|30 days/i).first()).toBeVisible({ timeout: 10000 })
+  })
+
+  test('should display query stats section', async ({ page }) => {
+    await expect(page.getByText(/queries|total/i).first()).toBeVisible({ timeout: 10000 })
+  })
+
+  test('should display latency metrics', async ({ page }) => {
+    await expect(page.getByText(/latency|response time/i).first()).toBeVisible({ timeout: 10000 })
+  })
+})

admin-ui/e2e/chat.spec.ts

@@ -0,0 +1,35 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('Chat', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/chat')
+  })
+
+  test('should display chat page with header', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: 'Chat' })).toBeVisible()
+  })
+
+  test('should display collection selector', async ({ page }) => {
+    await expect(page.getByLabel('Collection')).toBeVisible()
+  })
+
+  test('should display message input area', async ({ page }) => {
+    await expect(page.getByPlaceholder(/ask a question/i)).toBeVisible()
+  })
+
+  test('should have send button', async ({ page }) => {
+    const sendButton = page.getByRole('button', { name: /send/i })
+    await expect(sendButton).toBeVisible()
+  })
+
+  test('should have clear chat button', async ({ page }) => {
+    const clearButton = page.getByRole('button', { name: /clear/i })
+    await expect(clearButton).toBeVisible()
+  })
+
+  test('should accept text input', async ({ page }) => {
+    const input = page.getByPlaceholder(/ask a question/i)
+    await input.fill('What is RAG?')
+    await expect(input).toHaveValue('What is RAG?')
+  })
+})

admin-ui/e2e/config.spec.ts

@@ -0,0 +1,39 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('Configuration', () => {
+  test.describe('Runtime Config', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/config/runtime')
+    })
+
+    test('should display runtime config page', async ({ page }) => {
+      await expect(page.getByRole('heading', { name: /runtime|configuration/i })).toBeVisible()
+    })
+
+    test('should display embedding settings section', async ({ page }) => {
+      await expect(page.getByText(/embedding/i).first()).toBeVisible({ timeout: 10000 })
+    })
+
+    test('should display LLM settings section', async ({ page }) => {
+      await expect(page.getByText(/llm|model/i).first()).toBeVisible({ timeout: 10000 })
+    })
+
+    test('should display RAG settings section', async ({ page }) => {
+      await expect(page.getByText(/rag|chunking/i).first()).toBeVisible({ timeout: 10000 })
+    })
+  })
+
+  test.describe('Collection Config', () => {
+    test.beforeEach(async ({ page }) => {
+      await page.goto('/config/collections')
+    })
+
+    test('should display collection config page', async ({ page }) => {
+      await expect(page.getByRole('heading', { name: /collection/i })).toBeVisible()
+    })
+
+    test('should have add collection button', async ({ page }) => {
+      await expect(page.getByRole('button', { name: /add|create|new/i })).toBeVisible()
+    })
+  })
+})

admin-ui/e2e/visibility.spec.ts

@@ -0,0 +1,27 @@
+import { test, expect } from '@playwright/test'
+
+test.describe('Visibility', () => {
+  test.beforeEach(async ({ page }) => {
+    await page.goto('/visibility')
+  })
+
+  test('should display visibility page with header', async ({ page }) => {
+    await expect(page.getByRole('heading', { name: 'System Visibility' })).toBeVisible()
+  })
+
+  test('should display configuration section', async ({ page }) => {
+    await expect(page.getByText(/configuration|settings/i).first()).toBeVisible({ timeout: 10000 })
+  })
+
+  test('should display chunks section', async ({ page }) => {
+    await expect(page.getByText(/chunks/i).first()).toBeVisible({ timeout: 10000 })
+  })
+
+  test('should display system statistics', async ({ page }) => {
+    await expect(page.getByText(/statistics|stats/i).first()).toBeVisible({ timeout: 10000 })
+  })
+
+  test('should have refresh button', async ({ page }) => {
+    await expect(page.getByRole('button', { name: /refresh/i })).toBeVisible()
+  })
+})