From a7369274ba24298a0449865f147fc65253e992a2 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Sat, 14 Feb 2026 18:24:22 -0800
Subject: style: fix font theme application to body text

---
 frontend/tests/font.spec.ts | 31 +++++++++++++++++++++++++++++++
 1 file changed, 31 insertions(+)
 create mode 100644 frontend/tests/font.spec.ts

(limited to 'frontend/tests')

diff --git a/frontend/tests/font.spec.ts b/frontend/tests/font.spec.ts
new file mode 100644
index 0000000..0723f38
--- /dev/null
+++ b/frontend/tests/font.spec.ts
@@ -0,0 +1,31 @@
+import { test, expect } from '@playwright/test';
+
+test.describe('Font Theme Settings', () => {
+    test('should change font family when theme starts', async ({ page }) => {
+        // 1. Login
+        await page.goto('/v2/login');
+        await page.click('button[type="submit"]');
+        await expect(page).toHaveURL(/.*\/v2\/?$/);
+
+        // 2. Go to Settings
+        await page.click('text=Settings');
+        await expect(page).toHaveURL(/.*\/v2\/settings/);
+
+        // 3. Verify Default Font (Palatino)
+        // We check the computed style of the dashboard container or a body element
+        const dashboard = page.locator('.dashboard');
+        await expect(dashboard).toHaveCSS('font-family', /Palatino/);
+
+        // 4. Change to Sans-Serif
+        await page.selectOption('select.font-select', 'sans');
+
+        // 5. Verify Sans Font (Inter)
+        await expect(dashboard).toHaveCSS('font-family', /Inter/);
+
+        // 6. Change to Monospace
+        await page.selectOption('select.font-select', 'mono');
+
+        // 7. Verify Mono Font (Menlo or Monaco or Courier)
+        await expect(dashboard).toHaveCSS('font-family', /Menlo|Monaco|Courier/);
+    });
+});
-- 
cgit v1.2.3