38 lines
1.9 KiB
TypeScript
38 lines
1.9 KiB
TypeScript
import { describe, expect, test } from "bun:test";
|
|
import { readFileSync } from "node:fs";
|
|
import { resolve } from "node:path";
|
|
|
|
describe("assets page batch toolbar", () => {
|
|
const styles = readFileSync(resolve(import.meta.dir, "../src/styles/globals.css"), "utf8");
|
|
|
|
test("keeps card selection in the top left with badge clearance", () => {
|
|
const checkbox = styles.match(/\.assets-select-check\s*\{([^}]+)\}/)?.[1] ?? "";
|
|
const badges = styles.match(/\.assets-cover-badges\s*\{([^}]+)\}/)?.[1] ?? "";
|
|
expect(checkbox).toContain("left: 8px;");
|
|
expect(checkbox).toContain("top: 8px;");
|
|
expect(checkbox).not.toMatch(/(?:right|bottom):/);
|
|
expect(badges).toContain("left: 38px;");
|
|
expect(badges).toContain("right: 44px;");
|
|
});
|
|
|
|
test("keeps batch actions in document flow with space above selected cards", () => {
|
|
const toolbarRules = [...styles.matchAll(/\.assets-batch-bar\s*\{([^}]+)\}/g)].map((match) => match[1]).join("\n");
|
|
expect(toolbarRules).not.toMatch(/position:\s*(?:sticky|fixed|absolute)/);
|
|
expect(toolbarRules).not.toContain("z-index:");
|
|
expect(toolbarRules).toContain("margin: 2px 0 var(--space-4);");
|
|
const actions = styles.match(/\.assets-batch-actions\s*\{([^}]+)\}/)?.[1] ?? "";
|
|
expect(actions).toContain("flex-wrap: wrap;");
|
|
});
|
|
|
|
test("places select all before cancel selection", () => {
|
|
// 批量操作条随素材库拆分移到 asset-library-panels.tsx。
|
|
const source = readFileSync(resolve(import.meta.dir, "../src/pages/assets/asset-library-panels.tsx"), "utf8");
|
|
const selectAllIndex = source.search(/>\s*全选\s*<\/Button>/);
|
|
const clearSelectionIndex = source.search(/>\s*取消选择\s*<\/Button>/);
|
|
|
|
expect(selectAllIndex).toBeGreaterThanOrEqual(0);
|
|
expect(clearSelectionIndex).toBeGreaterThanOrEqual(0);
|
|
expect(selectAllIndex).toBeLessThan(clearSelectionIndex);
|
|
});
|
|
});
|