- Add 'Twilight Velvet' color palette to globals.css with OKLCH values - Update SettingsPage headers, cards, and dialogs to use semantic theme variables - Update HistoryCard, HistoryFeed, and DraftContent to support dark mode - Update ProviderSelector and ProviderList to use custom card background (#2A2A3D) - Add ThemeToggle component with improved visibility - Ensure consistent use of 'bg-card', 'text-foreground', and 'text-muted-foreground'
82 lines
3.3 KiB
TypeScript
82 lines
3.3 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('Journey Management (History)', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
// Mock Auth
|
|
await page.context().addCookies([{
|
|
name: 'auth-token',
|
|
value: 'authenticated',
|
|
domain: 'localhost',
|
|
path: '/',
|
|
httpOnly: true,
|
|
secure: false,
|
|
sameSite: 'Lax'
|
|
}]);
|
|
});
|
|
|
|
test('should save instance from chat -> view in history -> delete', async ({ page }) => {
|
|
// 1. Setup Provider
|
|
await page.goto('/settings');
|
|
await page.getByRole('button', { name: 'Add New Provider' }).click();
|
|
await page.fill('input[placeholder="My OpenAI Key"]', 'Test Provider');
|
|
await page.fill('input[placeholder="https://api.openai.com/v1"]', 'https://api.example.com/v1');
|
|
await page.fill('input[placeholder="gpt-4o"]', 'test-model');
|
|
await page.fill('input[placeholder="sk-..."]', 'sk-test-key');
|
|
await page.getByRole('button', { name: 'Save as New Provider' }).click();
|
|
|
|
// Mock API
|
|
await page.route('/api/llm', async route => {
|
|
const body = route.request().postDataJSON();
|
|
|
|
// Validation Check (hello)
|
|
if (body.messages.length === 1 && body.messages[0].content === 'hello') {
|
|
await route.fulfill({ json: { success: true, data: { text: 'Hello' } } });
|
|
return;
|
|
}
|
|
|
|
// Teacher Response
|
|
if (body.messages.some((m: any) => m.role === 'system' && m.content.includes('"Teacher"'))) {
|
|
await route.fulfill({ json: { success: true, data: { text: 'Go on...' } } });
|
|
return;
|
|
}
|
|
|
|
// Ghostwriter Response
|
|
if (body.messages.some((m: any) => m.role === 'system' && m.content.includes('"Ghostwriter"'))) {
|
|
await route.fulfill({
|
|
json: {
|
|
success: true, data: {
|
|
text: JSON.stringify({
|
|
title: "History Test Entry",
|
|
insight: "Persistence is key.",
|
|
lesson: "Always save your work."
|
|
})
|
|
}
|
|
}
|
|
});
|
|
return;
|
|
}
|
|
|
|
// Fallback
|
|
await route.fulfill({ json: { success: true, data: { text: 'Fallback response' } } });
|
|
});
|
|
|
|
await expect(page.getByText('Go on...')).toBeVisible();
|
|
await page.click('button:has-text("Summarize & Draft")');
|
|
await expect(page.getByText('History Test Entry')).toBeVisible();
|
|
await page.getByRole('button', { name: 'Keep It' }).click();
|
|
|
|
// 3. Verify Redirection to History
|
|
await expect(page).toHaveURL(/.*\/history/);
|
|
|
|
// 4. Verify Entry in List
|
|
await expect(page.getByText('History Test Entry')).toBeVisible();
|
|
|
|
// 5. Delete Entry
|
|
await page.getByText('History Test Entry').click();
|
|
await page.getByRole('button', { name: 'Delete' }).click();
|
|
await page.getByRole('button', { name: 'Confirm Delete' }).click(); // Assuming dialog
|
|
|
|
await expect(page.getByText('History Test Entry')).toBeHidden();
|
|
});
|
|
});
|