ui: Refactor models store, MCP service, and gate logs behind VITE_DEBUG (#23236)

* refactor: Scope console logs to `DEV` + `VITE_DEBUG` env vars * refactor: skip MCP proxy probe when no server requires it * refactor: suppress expected disconnect errors during MCP client shutdown * refactor: Deduplicate requests * refactor: deduplicate model fetching across ROUTER and MODEL modes * refactor: Clean up models logic * chore: Add `.env.example` file * refactor: replace client-side CORS proxy probe with server status flag * refactor: Post-review fixes * test: add vitest client setup with API fetch mocks
2026-05-18 16:09:40 +02:00
parent a135ec0baa
commit 1ff0fc1384
17 changed files with 410 additions and 349 deletions
@@ -1,2 +1,78 @@
 /// <reference types="@vitest/browser/matchers" />
 /// <reference types="@vitest/browser/providers/playwright" />
+
+import { beforeEach, vi } from 'vitest';
+
+// Mock fetch for API calls during client tests.
+// In test environment there is no backend server, so we intercept
+// the specific endpoints the app uses and return valid mock data.
+beforeEach(() => {
+	const originalFetch = globalThis.fetch;
+
+	vi.spyOn(globalThis, 'fetch').mockImplementation(async (input: RequestInfo | URL, init?: RequestInit) => {
+		const url = typeof input === 'string' ? input : input instanceof URL ? input.href : input.url;
+
+		// Mock server props endpoint
+		if (url.includes('/server')) {
+			return new Response(
+				JSON.stringify({
+					mode: 'router',
+					version: 'test',
+					git_commit: 'test',
+					git_branch: 'test'
+				}),
+				{ status: 200, headers: { 'Content-Type': 'application/json' } }
+			);
+		}
+
+		// Mock models list endpoint
+		if (/\/v1\/models|\/models\b/.test(url)) {
+			return new Response(
+				JSON.stringify({
+					object: 'list',
+					data: [
+						{
+							id: 'test-model.gguf',
+							object: 'model',
+							owned_by: 'llamacpp',
+							created: 0,
+							in_cache: false,
+							path: 'models/test-model.gguf',
+							status: { value: 'unloaded' },
+							meta: {}
+						}
+					],
+					models: [
+						{
+							model: 'test-model.gguf',
+							name: 'Test Model',
+							details: {}
+						}
+					]
+				}),
+				{ status: 200, headers: { 'Content-Type': 'application/json' } }
+			);
+		}
+
+		// Mock /props endpoint (used for modalities)
+		if (url.includes('/props')) {
+			return new Response(
+				JSON.stringify({
+					default_generation_settings: { n_ctx: 2048 }
+				}),
+				{ status: 200, headers: { 'Content-Type': 'application/json' } }
+			);
+		}
+
+		// Mock /tools endpoint (used for built-in tools list)
+		if (url.includes('/tools')) {
+			return new Response(JSON.stringify([]), {
+				status: 200,
+				headers: { 'Content-Type': 'application/json' }
+			});
+		}
+
+		// Default: use real fetch
+		return originalFetch(input, init);
+	});
+});