feat(admin): 站点外观 - 支持 Tab 分类与主题渐变按钮配置

web/test/app-theme.test.ts

@@ -0,0 +1,41 @@
+import { describe, expect, test } from "bun:test";
+
+import { getAntThemeConfig, getWorkspaceAntThemeConfig } from "../src/lib/app-theme";
+import { DEFAULT_CLASSIC_SKIN, duplicateSkinDefinition } from "../src/lib/skin-themes";
+import { getIsolatedAdminAntTheme } from "../src/pages/admin/theme/admin-ant-theme";
+
+describe("shared action colors and focus feedback", () => {
+    for (const dark of [false, true]) {
+        test(`classic solid tokens remain monochrome beneath the button fill adapter in ${dark ? "dark" : "light"} mode`, () => {
+            const product = getAntThemeConfig(dark, DEFAULT_CLASSIC_SKIN);
+            const admin = getIsolatedAdminAntTheme(dark, DEFAULT_CLASSIC_SKIN);
+            expect(product.components?.Button?.colorPrimary).toBe(dark ? "#f5f5f5" : "#171717");
+            expect(admin.components?.Button?.colorPrimary).toBe(product.components?.Button?.colorPrimary);
+            expect(admin.components?.Button?.primaryColor).toBe(product.components?.Button?.primaryColor);
+        });
+
+        test(`custom primary action states reach product and admin in ${dark ? "dark" : "light"} mode`, () => {
+            const skin = duplicateSkinDefinition(DEFAULT_CLASSIC_SKIN, ["classic"]);
+            Object.assign(skin.tokens[dark ? "dark" : "light"], {
+                primary: "#123456", primaryHover: "#234567", primaryActive: "#345678", primaryForeground: "#abcdef",
+            });
+            for (const theme of [getAntThemeConfig(dark, skin), getIsolatedAdminAntTheme(dark, skin)]) {
+                expect(theme.components?.Button).toMatchObject({
+                    colorPrimary: "#123456", colorPrimaryHover: "#234567", colorPrimaryActive: "#345678", primaryColor: "#abcdef",
+                });
+                expect(theme.token?.controlOutlineWidth).toBe(0);
+                expect(theme.components?.Input?.activeShadow).toBe("none");
+                expect(theme.components?.InputNumber?.activeShadow).toBe("none");
+                expect(theme.components?.DatePicker?.activeShadow).toBe("none");
+                expect(theme.components?.Select?.activeOutlineColor).toBe("transparent");
+            }
+        });
+    }
+
+    test("workspace density overrides inherit action colors and shadow-free focus", () => {
+        const theme = getWorkspaceAntThemeConfig();
+        expect(theme.components?.Button?.colorPrimary).toBeUndefined();
+        expect(theme.components?.Button?.primaryColor).toBeUndefined();
+        expect(theme.components?.Input?.activeShadow).toBeUndefined();
+    });
+});