Add Playwright e2e coverage and Node 20 pin

2026-03-16 02:28:04 -04:00
parent 357f8e2d08
commit e39819f8d0
27 changed files with 1743 additions and 7 deletions
--- a/frontend/e2e/session-workflow.spec.ts
+++ b/frontend/e2e/session-workflow.spec.ts
@@ -0,0 +1,89 @@
+import { expect, test } from '@playwright/test'
+import {
+  completeSession,
+  createAuthenticatedApiContext,
+  createSession,
+  createTroubleshootingTree,
+  disposeApiContext,
+} from './helpers/api'
+
+test.describe('session workflow smoke tests', () => {
+  test('can start and complete a troubleshooting session through the UI', async ({ page }) => {
+    const api = await createAuthenticatedApiContext()
+    const tree = await createTroubleshootingTree(api, {
+      question: 'Did the restart resolve the issue?',
+      answerLabel: 'Yes, it is fixed',
+      solutionTitle: 'Document the fix and close the ticket',
+    })
+
+    try {
+      await page.goto(`/trees/${tree.id}/navigate`)
+
+      await expect(
+        page.getByRole('heading', { name: tree.name }),
+      ).toBeVisible()
+
+      await page.getByPlaceholder('e.g., INC0012345').fill('PW-START-COMPLETE')
+      await page.getByPlaceholder('e.g., Acme Corp').fill('Workflow Client')
+      await page.getByRole('button', { name: 'Start Troubleshooting' }).click()
+
+      await expect(
+        page.getByRole('heading', { name: 'Did the restart resolve the issue?' }),
+      ).toBeVisible()
+
+      await page.getByRole('button', { name: 'Yes, it is fixed' }).click()
+
+      await expect(
+        page.getByRole('heading', { name: 'Document the fix and close the ticket' }),
+      ).toBeVisible()
+
+      await page.getByRole('button', { name: 'Complete Session' }).click()
+
+      const outcomeDialog = page.getByRole('dialog', { name: 'Session Outcome' })
+      await expect(outcomeDialog).toBeVisible()
+      await outcomeDialog.getByPlaceholder('Add context for this outcome...').fill('Playwright verified the UI completion flow.')
+      await outcomeDialog.getByRole('button', { name: 'Complete Session' }).click()
+
+      const csatDialog = page.getByRole('dialog', { name: 'How was this flow?' })
+      await expect(csatDialog).toBeVisible()
+      await csatDialog.getByRole('button', { name: 'Skip' }).click()
+
+      await expect(page).toHaveURL(/\/sessions\/[0-9a-f-]+$/)
+      await expect(page.getByText('Resolved')).toBeVisible()
+      await expect(page.getByText('PW-START-COMPLETE')).toBeVisible()
+    } finally {
+      await disposeApiContext(api)
+    }
+  })
+
+  test('can preview an export for a completed session', async ({ page }) => {
+    const api = await createAuthenticatedApiContext()
+    const tree = await createTroubleshootingTree(api, {
+      name: 'Playwright Export Flow',
+    })
+    const session = await createSession(api, tree.id, {
+      ticket_number: 'PW-EXPORT',
+      client_name: 'Export Client',
+    })
+    await completeSession(api, session.id, {
+      outcome_notes: 'Completed for export preview verification',
+    })
+
+    try {
+      await page.goto(`/sessions/${session.id}`)
+
+      await expect(
+        page.getByRole('heading', { name: 'PW-EXPORT' }),
+      ).toBeVisible()
+
+      await page.getByRole('button', { name: 'Preview' }).click()
+
+      const previewDialog = page.getByRole('dialog', { name: 'Export Preview' })
+      await expect(previewDialog).toBeVisible()
+      await expect(previewDialog.getByLabel('Export content')).not.toHaveValue('')
+      await expect(previewDialog.getByLabel('Export content')).toHaveValue(/PW-EXPORT/)
+    } finally {
+      await disposeApiContext(api)
+    }
+  })
+})