ajet/spiceflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add git diffs and permission support

Browse Source
This commit is contained in:
Adam Jeniski
2026-01-19 23:45:03 -05:00
parent 313ac44337
commit 61a2e9b8af
44 changed files with 2051 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files
e2e/tests/basic.spec.ts
+3 -2
View File
@@ -1,8 +1,9 @@
import { test, expect } from '@playwright/test';
import { E2E_BACKEND_URL } from '../playwright.config';
test.describe('Basic E2E Tests', () => {
test('backend health check', async ({ request }) => {
const response = await request.get('http://localhost:3000/api/health');
const response = await request.get(`${E2E_BACKEND_URL}/api/health`);
expect(response.ok()).toBeTruthy();
const body = await response.json();
expect(body.status).toBe('ok');
@@ -15,7 +16,7 @@ test.describe('Basic E2E Tests', () => {
});
test('sessions list loads empty', async ({ request }) => {
const response = await request.get('http://localhost:3000/api/sessions');
const response = await request.get(`${E2E_BACKEND_URL}/api/sessions`);
expect(response.ok()).toBeTruthy();
const sessions = await response.json();
expect(Array.isArray(sessions)).toBeTruthy();
e2e/tests/file-workflow-opencode.spec.ts
+182
View File
@@ -0,0 +1,182 @@
import { test, expect } from '@playwright/test';
test.describe('OpenCode File Workflow', () => {
test('create, read, and delete file without permission prompts', async ({ page }) => {
// Increase timeout for this test since it involves multiple AI interactions
test.setTimeout(180000);
// Enable console logging for debugging
page.on('console', (msg) => {
console.log(`[Browser ${msg.type()}]`, msg.text());
});
// Log WebSocket frames for debugging
page.on('websocket', (ws) => {
console.log(`[WebSocket] Connected to ${ws.url()}`);
ws.on('framesent', (frame) => console.log(`[WS Sent]`, frame.payload));
ws.on('framereceived', (frame) => console.log(`[WS Received]`, frame.payload));
});
// 1. Navigate to homepage
await page.goto('/');
await expect(page).toHaveTitle(/Spiceflow/i);
// 2. Click the + button to open new session menu
const createButton = page.locator('button[title="New Session"]');
await expect(createButton).toBeVisible();
await createButton.click();
// 3. Select OpenCode from the dropdown
const opencodeOption = page.locator('button:has-text("OpenCode")');
await expect(opencodeOption).toBeVisible();
await opencodeOption.click();
// 4. Wait for navigation to session page
await page.waitForURL(/\/session\/.+/);
console.log('[Test] Navigated to session page:', page.url());
// 5. Wait for the page to load
await expect(page.locator('text=Loading')).not.toBeVisible({ timeout: 5000 });
await expect(page.locator('text=No messages yet')).toBeVisible();
const textarea = page.locator('textarea');
const sendButton = page.locator('button[type="submit"]');
const bouncingDots = page.locator('.animate-bounce');
// Only look for pulsing cursor inside markdown-content (not the header status indicator)
const pulsingCursor = page.locator('.markdown-content .animate-pulse');
// Messages with .markdown-content are rendered assistant/user messages
const messagesWithContent = page.locator('.rounded-lg.border').filter({
has: page.locator('.markdown-content')
});
// Helper to wait for streaming to complete
const waitForStreamingComplete = async () => {
await expect(bouncingDots).toHaveCount(0, { timeout: 60000 });
await expect(pulsingCursor).toHaveCount(0, { timeout: 60000 });
};
// ============================================================
// STEP 1: Create a file
// ============================================================
console.log('[Test] Step 1: Creating file');
await expect(textarea).toBeVisible();
await textarea.fill(
'Create a file called test-opencode.md with the content "Hello from OpenCode test". Just create the file, no other commentary.'
);
await expect(sendButton).toBeEnabled();
await sendButton.click();
// Verify user message appears
await expect(page.locator('text=Create a file called test-opencode.md')).toBeVisible();
console.log('[Test] User message displayed');
// Verify thinking indicator appears (bouncing dots)
await expect(bouncingDots.first()).toBeVisible({ timeout: 2000 });
console.log('[Test] Thinking indicator appeared');
// OpenCode should NOT show permission request - it auto-approves
// Wait a moment to ensure no permission UI appears
await page.waitForTimeout(2000);
const permissionUI = page.locator('text=needs permission');
await expect(permissionUI).not.toBeVisible();
console.log('[Test] Confirmed no permission prompt for file creation');
// Wait for streaming to complete
await waitForStreamingComplete();
console.log('[Test] Step 1 complete: File created');
// ============================================================
// STEP 2: Read the file
// ============================================================
console.log('[Test] Step 2: Reading file');
const messageCountAfterCreate = await messagesWithContent.count();
await textarea.fill(
'Read the contents of test-opencode.md and tell me exactly what it says.'
);
await sendButton.click();
// Wait for new assistant message
await expect(messagesWithContent).toHaveCount(messageCountAfterCreate + 1, { timeout: 60000 });
console.log('[Test] New assistant message appeared for read');
// Wait for streaming to complete
await waitForStreamingComplete();
// Verify the response contains the file content
const readResponseMessage = messagesWithContent.last();
const readResponseText = await readResponseMessage.locator('.markdown-content').textContent();
console.log('[Test] OpenCode read back:', readResponseText);
expect(readResponseText).toBeTruthy();
expect(readResponseText).toContain('Hello from OpenCode test');
console.log('[Test] Step 2 complete: File content verified');
// ============================================================
// STEP 3: Delete the file
// ============================================================
console.log('[Test] Step 3: Deleting file');
const messageCountAfterRead = await messagesWithContent.count();
await textarea.fill(
'Delete the file test-opencode.md. Confirm when done.'
);
await sendButton.click();
// Wait for new assistant message
await expect(messagesWithContent).toHaveCount(messageCountAfterRead + 1, { timeout: 60000 });
console.log('[Test] New assistant message appeared for delete');
// OpenCode should NOT show permission request for delete either
await page.waitForTimeout(1000);
await expect(permissionUI).not.toBeVisible();
console.log('[Test] Confirmed no permission prompt for file deletion');
// Wait for streaming to complete
await waitForStreamingComplete();
// Verify delete confirmation
const deleteResponseMessage = messagesWithContent.last();
const deleteResponseText = await deleteResponseMessage.locator('.markdown-content').textContent();
console.log('[Test] OpenCode delete response:', deleteResponseText);
expect(deleteResponseText).toBeTruthy();
// Response should indicate the file was deleted (various phrasings possible)
expect(deleteResponseText!.toLowerCase()).toMatch(/delet|remov|done|success/);
console.log('[Test] Step 3 complete: File deleted');
// ============================================================
// STEP 4: Verify file is gone
// ============================================================
console.log('[Test] Step 4: Verifying file no longer exists');
const messageCountAfterDelete = await messagesWithContent.count();
await textarea.fill(
'Try to read test-opencode.md again. Does it exist?'
);
await sendButton.click();
// Wait for new assistant message
await expect(messagesWithContent).toHaveCount(messageCountAfterDelete + 1, { timeout: 60000 });
// Wait for streaming to complete
await waitForStreamingComplete();
// Verify the response indicates file doesn't exist
const verifyResponseMessage = messagesWithContent.last();
const verifyResponseText = await verifyResponseMessage.locator('.markdown-content').textContent();
console.log('[Test] OpenCode verify response:', verifyResponseText);
expect(verifyResponseText).toBeTruthy();
// Response should indicate file doesn't exist
expect(verifyResponseText!.toLowerCase()).toMatch(/not exist|not found|no such|doesn't exist|does not exist|cannot find|can't find/);
console.log('[Test] Step 4 complete: Confirmed file no longer exists');
console.log('[Test] All steps completed successfully!');
});
});
e2e/tests/permissions.spec.ts → e2e/tests/permissions-claude.spec.ts
+33 -26
View File
@@ -1,6 +1,6 @@
import { test, expect } from '@playwright/test';
test.describe('Permissions Workflow', () => {
test.describe('Claude Permissions Workflow', () => {
test('permission approval allows file creation and reading', async ({ page }) => {
// Increase timeout for this test since it involves real Claude interaction
test.setTimeout(180000);
@@ -21,20 +21,25 @@ test.describe('Permissions Workflow', () => {
await page.goto('/');
await expect(page).toHaveTitle(/Spiceflow/i);
// 2. Create a new session
// 2. Click the + button to open new session menu
const createButton = page.locator('button[title="New Session"]');
await expect(createButton).toBeVisible();
await createButton.click();
// 3. Wait for navigation to session page
// 3. Select Claude Code from the dropdown
const claudeOption = page.locator('button:has-text("Claude Code")');
await expect(claudeOption).toBeVisible();
await claudeOption.click();
// 4. Wait for navigation to session page
await page.waitForURL(/\/session\/.+/);
console.log('[Test] Navigated to session page:', page.url());
// 4. Wait for the page to load
// 5. Wait for the page to load
await expect(page.locator('text=Loading')).not.toBeVisible({ timeout: 5000 });
await expect(page.locator('text=No messages yet')).toBeVisible();
// 5. Send message asking Claude to create foo.md with a haiku
// 6. Send message asking Claude to create foo.md with a haiku
const textarea = page.locator('textarea');
await expect(textarea).toBeVisible();
await textarea.fill(
@@ -45,73 +50,75 @@ test.describe('Permissions Workflow', () => {
await expect(sendButton).toBeEnabled();
await sendButton.click();
// 6. Verify user message appears
// 7. Verify user message appears
await expect(
page.locator('text=Create a file called foo.md')
).toBeVisible();
console.log('[Test] User message displayed');
// 6b. Verify thinking indicator appears immediately
const assistantBubble = page.locator('.rounded-lg.border').filter({
has: page.locator('text=Assistant')
}).first();
await expect(assistantBubble).toBeVisible({ timeout: 2000 });
// 7b. Verify thinking indicator appears immediately
// The thinking indicator shows bouncing dots
const bouncingDotsIndicator = page.locator('.animate-bounce');
await expect(bouncingDotsIndicator.first()).toBeVisible({ timeout: 2000 });
console.log('[Test] Thinking indicator appeared immediately');
// 7. Wait for permission request UI to appear
// 8. Wait for permission request UI to appear
const permissionUI = page.locator('text=Claude needs permission');
await expect(permissionUI).toBeVisible({ timeout: 60000 });
console.log('[Test] Permission request UI appeared');
// 8. Verify the permission shows Write tool for foo.md
const permissionDescription = page.locator('li.font-mono').filter({
// 9. Verify the permission shows Write tool for foo.md
// The permission UI has li > button.font-mono or li > div.font-mono with "Write:" and filename
const permissionDescription = page.locator('.font-mono').filter({
hasText: /Write.*foo\.md|create.*foo\.md/i
}).first();
await expect(permissionDescription).toBeVisible();
console.log('[Test] Permission shows foo.md file creation');
// 9. Click Accept button
// 10. Click Accept button
const acceptButton = page.locator('button:has-text("Accept")');
await expect(acceptButton).toBeVisible();
await acceptButton.click();
console.log('[Test] Clicked Accept button');
// 10. Wait for permission UI to disappear
// 11. Wait for permission UI to disappear
await expect(permissionUI).not.toBeVisible({ timeout: 10000 });
console.log('[Test] Permission UI disappeared');
// 11. Wait for streaming to complete after permission granted
// 12. Wait for streaming to complete after permission granted
await page.waitForTimeout(2000);
const bouncingDots = page.locator('.animate-bounce');
const pulsingCursor = page.locator('.animate-pulse');
// Only look for pulsing cursor inside markdown-content (not the header status indicator)
const pulsingCursor = page.locator('.markdown-content .animate-pulse');
await expect(bouncingDots).toHaveCount(0, { timeout: 60000 });
await expect(pulsingCursor).toHaveCount(0, { timeout: 60000 });
console.log('[Test] First streaming complete');
// Count current assistant messages before sending new request
// Count current messages with markdown-content before sending new request
// Assistant messages have .markdown-content inside the bubble
const assistantMessages = page.locator('.rounded-lg.border').filter({
has: page.locator('text=Assistant')
has: page.locator('.markdown-content')
});
const messageCountBefore = await assistantMessages.count();
console.log('[Test] Assistant message count before read request:', messageCountBefore);
console.log('[Test] Message count before read request:', messageCountBefore);
// 12. Now ask Claude to read the file back to verify it was created
// 13. Now ask Claude to read the file back to verify it was created
await textarea.fill('Read the contents of foo.md and tell me what it says. Quote the file contents.');
await sendButton.click();
console.log('[Test] Asked Claude to read the file');
// 13. Wait for a NEW assistant message to appear
// 14. Wait for a NEW message to appear
await expect(assistantMessages).toHaveCount(messageCountBefore + 1, { timeout: 60000 });
console.log('[Test] New assistant message appeared');
console.log('[Test] New message appeared');
// Wait for streaming to complete on the new message
await expect(bouncingDots).toHaveCount(0, { timeout: 60000 });
await expect(pulsingCursor).toHaveCount(0, { timeout: 60000 });
console.log('[Test] Second streaming complete');
// 14. Verify the response contains "My Haiku" - confirming file was created and read
// 15. Verify the response contains "My Haiku" - confirming file was created and read
const lastAssistantMessage = assistantMessages.last();
const responseText = await lastAssistantMessage.locator('.font-mono').textContent();
const responseText = await lastAssistantMessage.locator('.markdown-content').textContent();
console.log('[Test] Claude read back:', responseText);
// The response should contain "My Haiku" which we asked Claude to title the file
e2e/tests/sync-claude.spec.ts
+113
View File
@@ -0,0 +1,113 @@
import { test, expect } from '@playwright/test';
import { E2E_BACKEND_URL } from '../playwright.config';
test.describe('Claude Working Directory Auto-Update', () => {
test('working directory updates automatically after cd command', async ({ page, request }) => {
// Increase timeout for this test since it involves real Claude interaction
test.setTimeout(180000);
// Enable console logging to debug issues
page.on('console', (msg) => {
console.log(`[Browser ${msg.type()}]`, msg.text());
});
// Log WebSocket frames
page.on('websocket', (ws) => {
console.log(`[WebSocket] Connected to ${ws.url()}`);
ws.on('framesent', (frame) => console.log(`[WS Sent]`, frame.payload));
ws.on('framereceived', (frame) => console.log(`[WS Received]`, frame.payload));
ws.on('close', () => console.log('[WebSocket] Closed'));
});
// Log network requests to /api
page.on('request', (req) => {
if (req.url().includes('/api')) {
console.log(`[Request] ${req.method()} ${req.url()}`);
}
});
page.on('response', (response) => {
if (response.url().includes('/api')) {
console.log(`[Response] ${response.status()} ${response.url()}`);
}
});
// 1. Navigate to homepage
await page.goto('/');
await expect(page).toHaveTitle(/Spiceflow/i);
// 2. Click the + button to open new session menu
const createButton = page.locator('button[title="New Session"]');
await expect(createButton).toBeVisible();
await createButton.click();
// 3. Select Claude Code from the dropdown
const claudeOption = page.locator('button:has-text("Claude Code")');
await expect(claudeOption).toBeVisible();
await claudeOption.click();
// 4. Wait for navigation to session page
await page.waitForURL(/\/session\/.+/);
const sessionUrl = page.url();
const sessionId = sessionUrl.split('/session/')[1];
console.log('[Test] Navigated to session page:', sessionUrl);
console.log('[Test] Session ID:', sessionId);
// 5. Wait for the page to load (no loading spinner)
await expect(page.locator('text=Loading')).not.toBeVisible({ timeout: 5000 });
// 6. Verify we see the empty message state
await expect(page.locator('text=No messages yet')).toBeVisible();
// 7. Send a message to Claude asking it to cd into repos (natural language)
// Claude should run the cd command and ideally output the current directory
const textarea = page.locator('textarea');
await expect(textarea).toBeVisible();
await textarea.fill('change directory to ~/repos and tell me where you are now');
// 8. Click the send button
const sendButton = page.locator('button[type="submit"]');
await expect(sendButton).toBeEnabled();
await sendButton.click();
// 9. Wait for streaming to complete
const bouncingDots = page.locator('.animate-bounce');
// Only look for pulsing cursor inside markdown-content (not the header status indicator)
const pulsingCursor = page.locator('.markdown-content .animate-pulse');
await expect(bouncingDots).toHaveCount(0, { timeout: 60000 });
await expect(pulsingCursor).toHaveCount(0, { timeout: 60000 });
console.log('[Test] Message complete');
// 10. The working directory bar should now show the repos path (automatically updated)
// The working dir bar is in a specific container with bg-zinc-900/50
const workingDirBar = page.locator('div.bg-zinc-900\\/50');
await expect(workingDirBar).toBeVisible({ timeout: 10000 });
// The working dir text is in a span.truncate.font-mono inside the bar
const workingDirText = workingDirBar.locator('span.truncate.font-mono');
await expect(workingDirText).toBeVisible();
// 11. Wait for the working directory to contain 'repos' (automatic update from tool result)
await expect(workingDirText).toContainText('repos', { timeout: 10000 });
const displayedWorkingDir = await workingDirText.textContent();
console.log('[Test] Working directory in UI:', displayedWorkingDir);
expect(displayedWorkingDir).toContain('repos');
// 12. Verify the working directory in the database via API
const sessionResponse = await request.get(`${E2E_BACKEND_URL}/api/sessions/${sessionId}`);
expect(sessionResponse.ok()).toBeTruthy();
const sessionData = await sessionResponse.json();
console.log('[Test] Session data from API:', JSON.stringify(sessionData, null, 2));
// The API returns session data directly (not nested under 'session')
const dbWorkingDir = sessionData['working-dir'] || sessionData.workingDir || '';
console.log('[Test] Working directory from DB:', dbWorkingDir);
// DB should have the repos path
expect(dbWorkingDir).toContain('repos');
// UI and DB should match
expect(displayedWorkingDir).toBe(dbWorkingDir);
console.log('[Test] Auto-sync test passed - working directory automatically updated to repos path');
});
});
e2e/tests/workflow-claude.spec.ts
+104
View File
@@ -0,0 +1,104 @@
import { test, expect } from '@playwright/test';
test.describe('Claude Chat Workflow', () => {
test('create new chat and send message to Claude', async ({ page }) => {
// Enable console logging to debug WebSocket issues
page.on('console', (msg) => {
console.log(`[Browser ${msg.type()}]`, msg.text());
});
// Log WebSocket frames
page.on('websocket', (ws) => {
console.log(`[WebSocket] Connected to ${ws.url()}`);
ws.on('framesent', (frame) => console.log(`[WS Sent]`, frame.payload));
ws.on('framereceived', (frame) => console.log(`[WS Received]`, frame.payload));
ws.on('close', () => console.log('[WebSocket] Closed'));
});
// Log network requests to /api
page.on('request', (request) => {
if (request.url().includes('/api')) {
console.log(`[Request] ${request.method()} ${request.url()}`);
}
});
page.on('response', (response) => {
if (response.url().includes('/api')) {
console.log(`[Response] ${response.status()} ${response.url()}`);
}
});
// 1. Navigate to homepage
await page.goto('/');
await expect(page).toHaveTitle(/Spiceflow/i);
// 2. Click the + button to open new session menu
const createButton = page.locator('button[title="New Session"]');
await expect(createButton).toBeVisible();
await createButton.click();
// 3. Select Claude Code from the dropdown
const claudeOption = page.locator('button:has-text("Claude Code")');
await expect(claudeOption).toBeVisible();
await claudeOption.click();
// 4. Wait for navigation to session page
await page.waitForURL(/\/session\/.+/);
console.log('[Test] Navigated to session page:', page.url());
// 5. Wait for the page to load (no loading spinner)
await expect(page.locator('text=Loading')).not.toBeVisible({ timeout: 5000 });
// 6. Verify we see the empty message state
await expect(page.locator('text=No messages yet')).toBeVisible();
// 7. Type a message in the textarea
const textarea = page.locator('textarea');
await expect(textarea).toBeVisible();
await textarea.fill('say hi. respond in a single concise sentence');
// 8. Click the send button
const sendButton = page.locator('button[type="submit"]');
await expect(sendButton).toBeEnabled();
await sendButton.click();
// 9. Verify user message appears immediately (optimistic update)
await expect(page.locator('text=say hi. respond in a single concise sentence')).toBeVisible();
console.log('[Test] User message displayed');
// 10. Verify thinking indicator appears immediately after sending
// The thinking indicator is a .rounded-lg.border div with bouncing dots inside
const bouncingDots = page.locator('.animate-bounce');
// Thinking indicator should appear almost immediately (within 2 seconds)
await expect(bouncingDots.first()).toBeVisible({ timeout: 2000 });
console.log('[Test] Thinking indicator appeared immediately');
// 11. Wait for streaming to complete - progress indicator should disappear
// The streaming indicator has animate-bounce dots and animate-pulse cursor
// Only look for pulsing cursor inside markdown-content (not the header status indicator)
const pulsingCursor = page.locator('.markdown-content .animate-pulse');
// Wait for streaming indicators to disappear (they should be gone after message-stop)
await expect(bouncingDots).toHaveCount(0, { timeout: 30000 });
await expect(pulsingCursor).toHaveCount(0, { timeout: 30000 });
console.log('[Test] Streaming complete - progress indicator disappeared');
// 12. Verify the response contains some text content
// The assistant message is the last .rounded-lg.border with .markdown-content inside
const assistantMessage = page.locator('.rounded-lg.border').filter({
has: page.locator('.markdown-content')
}).last();
const responseText = await assistantMessage.locator('.markdown-content').textContent();
console.log('[Test] Assistant response text:', responseText);
expect(responseText).toBeTruthy();
expect(responseText!.length).toBeGreaterThan(0);
// 13. Verify working directory indicator appears
// The working directory should be captured from the init event and displayed
const workingDirIndicator = page.locator('.font-mono').filter({ hasText: /^\// }).first();
await expect(workingDirIndicator).toBeVisible({ timeout: 5000 });
const workingDirText = await workingDirIndicator.textContent();
console.log('[Test] Working directory displayed:', workingDirText);
expect(workingDirText).toMatch(/^\//); // Should start with /
});
});
e2e/tests/workflow.spec.ts → e2e/tests/workflow-opencode.spec.ts
+22 -14
View File
@@ -1,7 +1,9 @@
import { test, expect } from '@playwright/test';
test.describe('Chat Workflow', () => {
test('create new chat and send message to Claude', async ({ page }) => {
test.describe('OpenCode Chat Workflow', () => {
// Skip: OpenCode (Go binary) has stdout buffering issues when run as subprocess from Java
// Go binaries ignore stdbuf and require a pseudo-terminal for proper streaming
test.skip('create new chat and send message to OpenCode', async ({ page }) => {
// Enable console logging to debug WebSocket issues
page.on('console', (msg) => {
console.log(`[Browser ${msg.type()}]`, msg.text());
@@ -31,36 +33,41 @@ test.describe('Chat Workflow', () => {
await page.goto('/');
await expect(page).toHaveTitle(/Spiceflow/i);
// 2. Click the + button to create a new session
// 2. Click the + button to open new session menu
const createButton = page.locator('button[title="New Session"]');
await expect(createButton).toBeVisible();
await createButton.click();
// 3. Wait for navigation to session page
// 3. Select OpenCode from the dropdown
const opencodeOption = page.locator('button:has-text("OpenCode")');
await expect(opencodeOption).toBeVisible();
await opencodeOption.click();
// 4. Wait for navigation to session page
await page.waitForURL(/\/session\/.+/);
console.log('[Test] Navigated to session page:', page.url());
// 4. Wait for the page to load (no loading spinner)
// 5. Wait for the page to load (no loading spinner)
await expect(page.locator('text=Loading')).not.toBeVisible({ timeout: 5000 });
// 5. Verify we see the empty message state
// 6. Verify we see the empty message state
await expect(page.locator('text=No messages yet')).toBeVisible();
// 6. Type a message in the textarea
// 7. Type a message in the textarea
const textarea = page.locator('textarea');
await expect(textarea).toBeVisible();
await textarea.fill('say hi. respond in a single concise sentence');
// 7. Click the send button
// 8. Click the send button
const sendButton = page.locator('button[type="submit"]');
await expect(sendButton).toBeEnabled();
await sendButton.click();
// 8. Verify user message appears immediately (optimistic update)
// 9. Verify user message appears immediately (optimistic update)
await expect(page.locator('text=say hi. respond in a single concise sentence')).toBeVisible();
console.log('[Test] User message displayed');
// 9. Verify thinking indicator appears immediately after sending
// 10. Verify thinking indicator appears immediately after sending
// The assistant bubble with bouncing dots should show right away (isThinking state)
const assistantMessage = page.locator('.rounded-lg.border').filter({
has: page.locator('text=Assistant')
@@ -75,25 +82,26 @@ test.describe('Chat Workflow', () => {
await expect(bouncingDotsInAssistant.first()).toBeVisible({ timeout: 2000 });
console.log('[Test] Bouncing dots visible in thinking state');
// 10. Wait for streaming to complete - progress indicator should disappear
// 11. Wait for streaming to complete - progress indicator should disappear
// The streaming indicator has animate-bounce dots and animate-pulse cursor
// Note: With fast responses, the indicator may appear and disappear quickly,
// so we just verify it's gone after the response is visible
const bouncingDots = page.locator('.animate-bounce');
const pulsingCursor = page.locator('.animate-pulse');
// Only look for pulsing cursor inside markdown-content (not the header status indicator)
const pulsingCursor = page.locator('.markdown-content .animate-pulse');
// Wait for streaming indicators to disappear (they should be gone after message-stop)
await expect(bouncingDots).toHaveCount(0, { timeout: 30000 });
await expect(pulsingCursor).toHaveCount(0, { timeout: 30000 });
console.log('[Test] Streaming complete - progress indicator disappeared');
// 11. Verify the response contains some text content
// 12. Verify the response contains some text content
const responseText = await assistantMessage.locator('.font-mono').textContent();
console.log('[Test] Assistant response text:', responseText);
expect(responseText).toBeTruthy();
expect(responseText!.length).toBeGreaterThan(0);
// 12. Verify working directory indicator appears
// 13. Verify working directory indicator appears
// The working directory should be captured from the init event and displayed
const workingDirIndicator = page.locator('.font-mono').filter({ hasText: /^\// }).first();
await expect(workingDirIndicator).toBeVisible({ timeout: 5000 });