33 lines
1.7 KiB
TypeScript
33 lines
1.7 KiB
TypeScript
import { expect, test } from "bun:test";
|
|
|
|
test("画布文件上传占位样式由组件独立加载", async () => {
|
|
const [component, globals, styles] = await Promise.all([
|
|
Bun.file(new URL("../src/components/canvas/canvas-file-upload-content.tsx", import.meta.url)).text(),
|
|
Bun.file(new URL("../src/styles/globals.css", import.meta.url)).text(),
|
|
Bun.file(new URL("../src/components/canvas/canvas-file-upload.css", import.meta.url)).text(),
|
|
]);
|
|
|
|
expect(component).toContain('import "./canvas-file-upload.css";');
|
|
expect(globals).not.toContain(".canvas-file-upload {");
|
|
expect(globals).not.toContain("@keyframes canvas-file-upload-drift");
|
|
expect(styles).toContain(".canvas-file-upload {");
|
|
expect(styles).toContain(".canvas-file-upload-retry:focus-visible");
|
|
expect(styles).toContain("@keyframes canvas-file-upload-drift");
|
|
expect(styles).toContain("@media (prefers-reduced-motion: reduce)");
|
|
});
|
|
|
|
test("React Aria 浮层动画保留全局入口，但不再占用 globals.css", async () => {
|
|
const [application, globals, styles] = await Promise.all([
|
|
Bun.file(new URL("../src/application.tsx", import.meta.url)).text(),
|
|
Bun.file(new URL("../src/styles/globals.css", import.meta.url)).text(),
|
|
Bun.file(new URL("../src/styles/shared/overlays.css", import.meta.url)).text(),
|
|
]);
|
|
|
|
expect(application).toContain('import "./styles/shared/overlays.css";');
|
|
expect(globals).not.toContain("@keyframes ra-pop-in");
|
|
expect(globals).not.toContain(".ra-pop-in {");
|
|
expect(styles).toContain("@keyframes ra-pop-in");
|
|
expect(styles).toContain('.ra-pop-in[data-placement^="bottom"]');
|
|
expect(styles).toContain("prefers-reduced-motion: reduce");
|
|
});
|