tachybase_todo/packages/core/test/setup/client.ts
Zeke Zhang c6915c69f8
fix: use appends param to load association data (#3282)
* fix: use appends param to load association data

* chore: update yarn.lock

* test: add test

* test: remove the 'BUG:' text

* test: fix 'window is not defined'

* test: increase timeout
2023-12-29 11:34:27 +08:00

72 lines
2.0 KiB
TypeScript
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import { configure } from '@testing-library/react';
import dotenv from 'dotenv';
import { vi } from 'vitest';
import 'vitest-dom/extend-expect';
/**
* 解决 TypeError: URL.createObjectURL is not a function
* 解决 ReferenceError: Worker is not defined
*/
import 'jsdom-worker';
import path from 'path';
configure({ asyncUtilTimeout: 30000 });
dotenv.config({ path: path.resolve(process.cwd(), '.env.test') });
// 解决 TypeError: window.matchMedia is not a function
// 参见: https://github.com/vitest-dev/vitest/issues/821#issuecomment-1046954558
Object.defineProperty(window, 'matchMedia', {
writable: true,
value: vi.fn().mockImplementation((query) => ({
matches: false,
media: query,
onchange: null,
addListener: vi.fn(), // deprecated
removeListener: vi.fn(), // deprecated
addEventListener: vi.fn(),
removeEventListener: vi.fn(),
dispatchEvent: vi.fn(),
})),
});
// 解决 Error: Not implemented: window.computedStyle(elt, pseudoElt)
// 参见https://github.com/nickcolley/jest-axe/issues/147#issuecomment-758804533
const { getComputedStyle } = window;
window.getComputedStyle = (elt) => getComputedStyle(elt);
// 解决 https://github.com/nocobase/nocobase/actions/runs/7353181446/job/20018831007?pr=3282
// 该错误是发生在测试环境之后的,应该是存在异步代码没有 await 导致的,但是不知道是哪里的问题,所以先这样处理
global.window = window;
/**
* 解决 TypeError: range.getBoundingClientRect is not a function
* 参见https://github.com/jsdom/jsdom/issues/3002
*/
document.createRange = () => {
const range = new Range();
range.getBoundingClientRect = () => {
return {
x: 0,
y: 0,
bottom: 0,
height: 0,
left: 0,
right: 0,
top: 0,
width: 0,
toJSON: () => {},
};
};
range.getClientRects = () => {
return {
item: (index) => null,
length: 0,
*[Symbol.iterator]() {},
};
};
return range;
};