Files
resolutionflow/frontend/e2e/helpers/api.ts
chihlasm 8b712b2046 test: add Playwright e2e tests for new features and uncovered workflows (#109)
High priority (new PR #108 features):
- Command palette: open/close, search flows, page navigation, FlowPilot handoff
- Fallback branches: add in editor, execute in session runner
- Session-to-flow: verify button appears on completed session detail

Medium priority (existing features without coverage):
- Procedural session: intake form, step-through, completion
- Tree editor: troubleshooting and procedural editor load/edit/save
- FlowPilot chat: page load, new chat creation
- Admin panel: dashboard, user management, settings access

Also adds API helpers: createProceduralTree(), createProceduralTreeWithFallbacks()

Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-16 03:03:23 -04:00

329 lines
9.6 KiB
TypeScript

import { expect, request as playwrightRequest, type APIRequestContext } from '@playwright/test'
type TokenResponse = {
access_token: string
refresh_token: string
token_type: string
}
type TreeResponse = {
id: string
name: string
description?: string | null
tree_type: string
tree_structure: Record<string, unknown>
}
type SessionResponse = {
id: string
tree_id: string
started_at: string | null
completed_at: string | null
ticket_number: string | null
client_name: string | null
}
type SessionShareResponse = {
id: string
session_id: string
share_token: string
share_name: string | null
visibility: 'public' | 'account'
is_active: boolean
}
const apiOrigin = process.env.PLAYWRIGHT_API_ORIGIN || 'http://127.0.0.1:8000'
const testEmail =
process.env.PLAYWRIGHT_TEST_EMAIL || 'teamadmin@resolutionflow.example.com'
const testPassword =
process.env.PLAYWRIGHT_TEST_PASSWORD || 'TestPass123!'
export async function createAuthenticatedApiContext() {
const authRequest = await playwrightRequest.newContext()
const authResponse = await authRequest.post(`${apiOrigin}/api/v1/auth/login/json`, {
data: {
email: testEmail,
password: testPassword,
},
})
expect(authResponse.ok()).toBeTruthy()
const token = (await authResponse.json()) as TokenResponse
await authRequest.dispose()
return playwrightRequest.newContext({
baseURL: `${apiOrigin}/api/v1/`,
extraHTTPHeaders: {
Authorization: `Bearer ${token.access_token}`,
'Content-Type': 'application/json',
},
})
}
export async function disposeApiContext(api: APIRequestContext) {
await api.dispose()
}
export function uniqueName(prefix: string) {
return `${prefix} ${Date.now()}-${Math.random().toString(36).slice(2, 8)}`
}
export async function createTroubleshootingTree(
api: APIRequestContext,
overrides?: Partial<{
name: string
description: string
question: string
answerLabel: string
alternateAnswerLabel: string
solutionTitle: string
solutionDescription: string
alternateSolutionTitle: string
alternateSolutionDescription: string
ticketNumber: string
}>,
) {
const treeName = overrides?.name || uniqueName('Playwright Troubleshooting Flow')
const question = overrides?.question || 'Can you reproduce the issue?'
const answerLabel = overrides?.answerLabel || 'Yes'
const alternateAnswerLabel = overrides?.alternateAnswerLabel || 'No'
const solutionTitle = overrides?.solutionTitle || 'Apply the known fix'
const solutionDescription = overrides?.solutionDescription || 'Run the standard remediation steps'
const alternateSolutionTitle = overrides?.alternateSolutionTitle || 'Collect more details and escalate'
const alternateSolutionDescription =
overrides?.alternateSolutionDescription || 'Escalate with the collected troubleshooting evidence'
const response = await api.post('trees', {
data: {
name: treeName,
description: overrides?.description || 'Playwright-created troubleshooting flow',
category: 'Playwright',
tree_type: 'troubleshooting',
tree_structure: {
id: 'root',
type: 'decision',
question,
options: [
{ id: 'opt-yes', label: answerLabel, next_node_id: 'fix-step' },
{ id: 'opt-no', label: alternateAnswerLabel, next_node_id: 'escalate-step' },
],
children: [
{
id: 'fix-step',
type: 'solution',
title: solutionTitle,
description: solutionDescription,
solution: 'Issue resolved with standard steps',
},
{
id: 'escalate-step',
type: 'solution',
title: alternateSolutionTitle,
description: alternateSolutionDescription,
solution: 'Escalate to the next support tier',
},
],
},
status: 'published',
},
})
expect(response.ok()).toBeTruthy()
return (await response.json()) as TreeResponse
}
export async function createProceduralTree(
api: APIRequestContext,
overrides?: Partial<{
name: string
description: string
steps: Array<Record<string, unknown>>
intake_form: Array<Record<string, unknown>>
}>,
) {
const treeName = overrides?.name || uniqueName('Playwright Procedural Flow')
const steps = overrides?.steps || [
{
id: 'step-1',
type: 'procedure_step',
title: 'Verify the server is reachable',
description: 'Ping the target server to confirm network connectivity.',
content_type: 'action',
commands: 'ping -c 4 $server_ip',
expected_outcome: 'All 4 packets received with no packet loss.',
},
{
id: 'step-2',
type: 'procedure_step',
title: 'Check the service status',
description: 'Verify the target service is running.',
content_type: 'verification',
commands: 'systemctl status $service_name',
expected_outcome: 'Service shows active (running).',
},
{
id: 'step-3',
type: 'procedure_step',
title: 'Restart the service if needed',
description: 'Restart the service and confirm it comes back up.',
content_type: 'action',
commands: 'sudo systemctl restart $service_name',
expected_outcome: 'Service restarts successfully.',
},
{ id: 'step-end', type: 'procedure_end', title: 'End' },
]
const intakeForm = overrides?.intake_form || [
{
variable_name: 'server_ip',
label: 'Server IP Address',
field_type: 'text',
required: true,
placeholder: 'e.g., 10.1.50.22',
display_order: 1,
},
{
variable_name: 'service_name',
label: 'Service Name',
field_type: 'text',
required: true,
placeholder: 'e.g., nginx',
display_order: 2,
},
]
const response = await api.post('trees', {
data: {
name: treeName,
description: overrides?.description || 'Playwright-created procedural flow',
category: 'Playwright',
tree_type: 'procedural',
tree_structure: { steps },
intake_form: intakeForm,
status: 'published',
},
})
expect(response.ok()).toBeTruthy()
return (await response.json()) as TreeResponse
}
export async function createProceduralTreeWithFallbacks(
api: APIRequestContext,
overrides?: Partial<{ name: string }>,
) {
const treeName = overrides?.name || uniqueName('Playwright Fallback Flow')
const response = await api.post('trees', {
data: {
name: treeName,
description: 'Procedural flow with fallback branches for Playwright testing',
category: 'Playwright',
tree_type: 'procedural',
tree_structure: {
steps: [
{
id: 'step-1',
type: 'procedure_step',
title: 'Clear the DNS cache',
description: 'Flush the local DNS resolver cache.',
content_type: 'action',
commands: 'ipconfig /flushdns',
expected_outcome: 'DNS cache flushed successfully.',
fallback_steps: [
{
id: 'fb-1a',
type: 'procedure_step',
title: 'Restart DNS Client service',
description: 'If flushing DNS did not help, restart the DNS Client service.',
},
{
id: 'fb-1b',
type: 'procedure_step',
title: 'Check DNS server configuration',
description: 'Verify the DNS server addresses are correct in network settings.',
},
],
},
{
id: 'step-2',
type: 'procedure_step',
title: 'Verify DNS resolution',
description: 'Test that names resolve correctly.',
content_type: 'verification',
commands: 'nslookup google.com',
expected_outcome: 'Name resolves to an IP address.',
},
{ id: 'step-end', type: 'procedure_end', title: 'End' },
],
},
status: 'published',
},
})
expect(response.ok()).toBeTruthy()
return (await response.json()) as TreeResponse
}
export async function createSession(
api: APIRequestContext,
treeId: string,
overrides?: Partial<{
ticket_number: string
client_name: string
}>,
) {
const response = await api.post('sessions', {
data: {
tree_id: treeId,
ticket_number: overrides?.ticket_number || `PW-${Date.now()}`,
client_name: overrides?.client_name || 'Playwright Client',
},
})
expect(response.ok()).toBeTruthy()
return (await response.json()) as SessionResponse
}
export async function completeSession(
api: APIRequestContext,
sessionId: string,
overrides?: Partial<{
outcome: 'resolved' | 'workaround' | 'escalated' | 'unresolved'
outcome_notes: string
next_steps: string
}>,
) {
const response = await api.post(`sessions/${sessionId}/complete`, {
data: {
outcome: overrides?.outcome || 'resolved',
outcome_notes: overrides?.outcome_notes || 'Completed by Playwright',
next_steps: overrides?.next_steps || 'No follow-up required',
},
})
expect(response.ok()).toBeTruthy()
return (await response.json()) as SessionResponse
}
export async function createSessionShare(
api: APIRequestContext,
sessionId: string,
overrides?: Partial<{
visibility: 'public' | 'account'
share_name: string
expires_at: string
}>,
) {
const response = await api.post(`sessions/${sessionId}/shares`, {
data: {
visibility: overrides?.visibility || 'public',
share_name: overrides?.share_name,
expires_at: overrides?.expires_at,
},
})
expect(response.ok()).toBeTruthy()
return (await response.json()) as SessionShareResponse
}