test: add desktop settings and project flow e2e coverage (#306)

* test: add desktop settings regression coverage * test: stabilize desktop smoke interactions on latest main * fixer: address PR #306 follow-up items Generated-By: looper 0.2.7 (runner=fixer, agent=codex) * test: expand ui e2e automation suite * fix: add missing Ukrainian prompt template labels * chore: align desktop e2e helpers with layout guard * chore: move settings protocol e2e into ui suite * fix: preserve api provider settings across protocol switches * fix: avoid leaking api keys across protocol drafts * test: fold desktop smoke coverage into mac spec * fix: dedupe Ukrainian prompt template labels
2026-10-27 09:51:12 +01:00 · 2026-05-06 21:48:12 +08:00
parent 3298cb3756
commit 8301bcd46e
8 changed files with 1656 additions and 8 deletions
@@ -0,0 +1,90 @@
+import { expect, test } from '@playwright/test';
+import type { Page } from '@playwright/test';
+
+const STORAGE_KEY = 'open-design:config';
+
+async function bootstrapWithLegacyConfig(
+  page: Page,
+  config: Record<string, unknown>,
+) {
+  await page.addInitScript(
+    ({ key, value }) => {
+      window.localStorage.setItem(key, JSON.stringify(value));
+    },
+    { key: STORAGE_KEY, value: config },
+  );
+
+  await page.route('**/api/health', async (route) => {
+    await route.fulfill({ status: 503, body: 'offline' });
+  });
+
+  await page.goto('/');
+  await page.getByTitle('Configure execution mode').click();
+  await expect(page.getByRole('dialog')).toBeVisible();
+}
+
+test('legacy known OpenAI provider switches to the matching Anthropic preset', async ({ page }) => {
+  await bootstrapWithLegacyConfig(page, {
+    mode: 'api',
+    apiKey: 'sk-test',
+    baseUrl: 'https://api.deepseek.com',
+    model: 'deepseek-chat',
+    agentId: null,
+    skillId: null,
+    designSystemId: null,
+    onboardingCompleted: true,
+    mediaProviders: {},
+    agentModels: {},
+  });
+
+  const protocolTabs = page.getByRole('tablist', { name: 'API protocol' });
+  const openAiTab = protocolTabs.getByRole('tab', { name: 'OpenAI', exact: true });
+  const anthropicTab = protocolTabs.getByRole('tab', { name: 'Anthropic', exact: true });
+  const baseUrlInput = page.getByLabel('Base URL');
+  const modelSelect = page.getByLabel('Model');
+
+  await expect(openAiTab).toHaveAttribute('aria-selected', 'true');
+  await expect(page.getByRole('heading', { name: 'OpenAI API' })).toBeVisible();
+  await expect(baseUrlInput).toHaveValue('https://api.deepseek.com');
+  await expect(modelSelect).toHaveValue('deepseek-chat');
+
+  await anthropicTab.click();
+
+  await expect(anthropicTab).toHaveAttribute('aria-selected', 'true');
+  await expect(page.getByRole('heading', { name: 'Anthropic API' })).toBeVisible();
+  await expect(baseUrlInput).toHaveValue('https://api.deepseek.com/anthropic');
+  await expect(modelSelect).toHaveValue('deepseek-chat');
+});
+
+test('legacy custom provider preserves custom baseUrl and model when switching protocols', async ({ page }) => {
+  await bootstrapWithLegacyConfig(page, {
+    mode: 'api',
+    apiKey: 'sk-test',
+    baseUrl: 'https://my-proxy.example.com/v1',
+    model: 'my-custom-model',
+    agentId: null,
+    skillId: null,
+    designSystemId: null,
+    onboardingCompleted: true,
+    mediaProviders: {},
+    agentModels: {},
+  });
+
+  const protocolTabs = page.getByRole('tablist', { name: 'API protocol' });
+  const openAiTab = protocolTabs.getByRole('tab', { name: 'OpenAI', exact: true });
+  const anthropicTab = protocolTabs.getByRole('tab', { name: 'Anthropic', exact: true });
+  const baseUrlInput = page.getByLabel('Base URL');
+  const customModelInput = page.getByLabel(/Custom model id/i);
+
+  await expect(openAiTab).toHaveAttribute('aria-selected', 'true');
+  await expect(page.getByRole('heading', { name: 'OpenAI API' })).toBeVisible();
+  await expect(baseUrlInput).toHaveValue('https://my-proxy.example.com/v1');
+  await expect(customModelInput).toHaveValue('my-custom-model');
+
+  await anthropicTab.click();
+
+  await expect(anthropicTab).toHaveAttribute('aria-selected', 'true');
+  await expect(page.getByRole('heading', { name: 'Anthropic API' })).toBeVisible();
+  await expect(baseUrlInput).toHaveValue('https://my-proxy.example.com/v1');
+  await expect(customModelInput).toHaveValue('my-custom-model');
+});