lanyuanxiaoyao
88f4119a4e
Drawer 宽度从固定百分比改为按视口响应式默认值（6段断点），宽屏占比更小、窄屏占比更大。 启用 TDesign sizeDraggable 原生拖拽调整能力，配置 min/max 视口安全边界，不持久化拖拽宽度。 概览统计卡片改为 TDesign Statistic 上下布局（与 SummaryCards 一致），提升窄屏视觉体验。 Drawer header 间距调大，MutationObserver polyfill 补全。
91 lines
2.9 KiB
TypeScript
91 lines
2.9 KiB
TypeScript
/**
|
|
* 全局测试配置
|
|
* 主要为后端测试提供基础环境
|
|
* 组件测试使用各自的 test-utils.tsx
|
|
*/
|
|
|
|
/* eslint-disable @typescript-eslint/no-empty-function */
|
|
// Set up jsdom for ALL tests (both backend and frontend)
|
|
import { JSDOM } from "jsdom";
|
|
|
|
const dom = new JSDOM("<!DOCTYPE html><html><body></body></html>", {
|
|
pretendToBeVisual: true,
|
|
url: "http://localhost",
|
|
});
|
|
|
|
globalThis.document = dom.window.document;
|
|
globalThis.window = dom.window as unknown as typeof globalThis & Window;
|
|
globalThis.navigator = dom.window.navigator;
|
|
globalThis.HTMLElement = dom.window.HTMLElement;
|
|
globalThis.Element = dom.window.Element;
|
|
globalThis.getComputedStyle = dom.window.getComputedStyle;
|
|
|
|
// Ensure document.body exists
|
|
if (!globalThis.document.body) {
|
|
const body = globalThis.document.createElement("body");
|
|
globalThis.document.documentElement.appendChild(body);
|
|
}
|
|
|
|
// CRITICAL: Set up polyfills BEFORE any other imports
|
|
// This ensures @testing-library/react sees these when it loads
|
|
|
|
// IE-style event handling polyfill (React fallback)
|
|
const nodeProto = dom.window.Node.prototype;
|
|
const elementProto = dom.window.Element.prototype;
|
|
const htmlElementProto = dom.window.HTMLElement.prototype;
|
|
|
|
const attachEventFn = () => {};
|
|
const detachEventFn = () => {};
|
|
|
|
Object.defineProperty(nodeProto, "attachEvent", { configurable: true, value: attachEventFn, writable: true });
|
|
Object.defineProperty(nodeProto, "detachEvent", { configurable: true, value: detachEventFn, writable: true });
|
|
Object.defineProperty(elementProto, "attachEvent", { configurable: true, value: attachEventFn, writable: true });
|
|
Object.defineProperty(elementProto, "detachEvent", { configurable: true, value: detachEventFn, writable: true });
|
|
Object.defineProperty(htmlElementProto, "attachEvent", { configurable: true, value: attachEventFn, writable: true });
|
|
Object.defineProperty(htmlElementProto, "detachEvent", { configurable: true, value: detachEventFn, writable: true });
|
|
|
|
// Other polyfills
|
|
globalThis.ResizeObserver = class {
|
|
disconnect() {}
|
|
observe() {}
|
|
unobserve() {}
|
|
};
|
|
|
|
globalThis.MutationObserver = class {
|
|
disconnect() {}
|
|
observe() {}
|
|
takeRecords() {
|
|
return [];
|
|
}
|
|
unobserve() {}
|
|
};
|
|
|
|
globalThis.IntersectionObserver = class {
|
|
disconnect() {}
|
|
observe() {}
|
|
takeRecords() {
|
|
return [];
|
|
}
|
|
unobserve() {}
|
|
} as unknown as typeof IntersectionObserver;
|
|
|
|
globalThis.requestAnimationFrame = (cb: FrameRequestCallback) => setTimeout(cb, 16);
|
|
globalThis.cancelAnimationFrame = (id: number) => clearTimeout(id);
|
|
|
|
Object.defineProperty(dom.window, "matchMedia", {
|
|
value: (query: string) => ({
|
|
addEventListener: () => {},
|
|
addListener: () => {},
|
|
dispatchEvent: () => true,
|
|
matches: false,
|
|
media: query,
|
|
onchange: null,
|
|
removeEventListener: () => {},
|
|
removeListener: () => {},
|
|
}),
|
|
writable: true,
|
|
});
|
|
|
|
dom.window.Element.prototype.scrollTo = () => {};
|
|
dom.window.Element.prototype.scrollIntoView = () => {};
|