Engage!

2 files changed, 28 insertions, 0 deletions

diff --git a/llama.cpp/tools/server/webui/tests/client/components/TestWrapper.svelte b/llama.cpp/tools/server/webui/tests/client/components/TestWrapper.svelte
new file mode 100644
index 0000000..4bbb8e8
--- /dev/null
+++ b/llama.cpp/tools/server/webui/tests/client/components/TestWrapper.svelte
@@ -0,0 +1,17 @@
+<script lang="ts">
+	import * as Tooltip from '$lib/components/ui/tooltip';
+	import * as Sidebar from '$lib/components/ui/sidebar/index.js';
+	import Page from '../../../src/routes/+page.svelte';
+
+	let sidebarOpen = $state(false);
+</script>
+
+<!--
+	Test wrapper that provides necessary context providers for component testing.
+	This mirrors the providers from +layout.svelte.
+-->
+<Tooltip.Provider>
+	<Sidebar.Provider bind:open={sidebarOpen}>
+		<Page />
+	</Sidebar.Provider>
+</Tooltip.Provider>
diff --git a/llama.cpp/tools/server/webui/tests/client/page.svelte.test.ts b/llama.cpp/tools/server/webui/tests/client/page.svelte.test.ts
new file mode 100644
index 0000000..6849beb
--- /dev/null
+++ b/llama.cpp/tools/server/webui/tests/client/page.svelte.test.ts
@@ -0,0 +1,11 @@
+import { describe, it, expect } from 'vitest';
+import { render } from 'vitest-browser-svelte';
+import TestWrapper from './components/TestWrapper.svelte';
+
+describe('/+page.svelte', () => {
+	it('should render page without throwing', async () => {
+		// Basic smoke test - page should render without throwing errors
+		// API calls will fail in test environment but component should still mount
+		expect(() => render(TestWrapper)).not.toThrow();
+	});
+});