fix(assets): 素材库 - 修复主题按钮并新增批量全选 (#193)

web/test/asset-header-button-style.test.ts

@@ -0,0 +1,17 @@
+import { describe, expect, test } from "bun:test";
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+describe("asset library header buttons", () => {
+    test("only forces white header buttons in light mode", () => {
+        const css = readFileSync(resolve(import.meta.dir, "../src/styles/globals.css"), "utf8");
+        const headerButtonRule = css.match(/html:not\(\.dark\) \.library-page \.app-page-header \.ant-btn,[\s\S]*?transition: all 180ms ease-out !important;\s*}/)?.[0] || "";
+        const headerButtonHoverRule = css.match(/html:not\(\.dark\) \.library-page \.app-page-header \.ant-btn:hover,[\s\S]*?transform: translateY\(-1px\);\s*}/)?.[0] || "";
+
+        expect(headerButtonRule).toContain("background: #ffffff !important;");
+        expect(headerButtonRule).toContain("color: #171717 !important;");
+        expect(headerButtonHoverRule).toContain("background: #ffffff !important;");
+        expect(headerButtonHoverRule).toContain("color: #171717 !important;");
+        expect(css).not.toContain("\n    .library-page .app-page-header .ant-btn,\n");
+    });
+});

web/test/assets-page-batch-toolbar.test.ts

@@ -0,0 +1,15 @@
+import { describe, expect, test } from "bun:test";
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+describe("assets page batch toolbar", () => {
+    test("places select all before cancel selection", () => {
+        const source = readFileSync(resolve(import.meta.dir, "../src/pages/assets/index.tsx"), "utf8");
+        const selectAllIndex = source.indexOf(">全选</Button>");
+        const clearSelectionIndex = source.indexOf(">取消选择</Button>");
+
+        expect(selectAllIndex).toBeGreaterThanOrEqual(0);
+        expect(clearSelectionIndex).toBeGreaterThanOrEqual(0);
+        expect(selectAllIndex).toBeLessThan(clearSelectionIndex);
+    });
+});