2023-06-07 11:54:50 +08:00
|
|
|
import type { RenderOptions } from '@testing-library/react';
|
|
|
|
import { act, render } from '@testing-library/react';
|
2022-06-28 15:38:30 +08:00
|
|
|
import MockDate from 'mockdate';
|
2023-06-07 11:54:50 +08:00
|
|
|
import { _rs as onEsResize } from 'rc-resize-observer/es/utils/observerUtil';
|
|
|
|
import { _rs as onLibResize } from 'rc-resize-observer/lib/utils/observerUtil';
|
2022-06-28 15:38:30 +08:00
|
|
|
import type { ReactElement } from 'react';
|
|
|
|
import React, { StrictMode } from 'react';
|
2018-01-21 01:03:51 +08:00
|
|
|
|
2023-01-16 09:55:52 +08:00
|
|
|
export function assertsExist<T>(item?: T): asserts item is T {
|
2022-10-19 11:50:18 +08:00
|
|
|
expect(item).not.toBeUndefined();
|
|
|
|
expect(item).not.toBeNull();
|
|
|
|
}
|
|
|
|
|
2018-03-12 11:01:49 +08:00
|
|
|
export function setMockDate(dateString = '2017-09-18T03:30:07.795') {
|
2020-05-21 23:27:02 +08:00
|
|
|
MockDate.set(dateString);
|
2018-01-21 01:03:51 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
export function resetMockDate() {
|
|
|
|
MockDate.reset();
|
|
|
|
}
|
2019-07-24 22:56:20 +08:00
|
|
|
|
2020-06-09 18:10:43 +08:00
|
|
|
const globalTimeout = global.setTimeout;
|
|
|
|
|
2020-09-20 21:13:43 +08:00
|
|
|
export const sleep = async (timeout = 0) => {
|
|
|
|
await act(async () => {
|
2022-11-19 13:47:33 +08:00
|
|
|
await new Promise((resolve) => {
|
2021-11-26 15:19:31 +08:00
|
|
|
globalTimeout(resolve, timeout);
|
|
|
|
});
|
2020-09-20 21:13:43 +08:00
|
|
|
});
|
|
|
|
};
|
2022-04-18 21:02:11 +08:00
|
|
|
|
|
|
|
const customRender = (ui: ReactElement, options?: Omit<RenderOptions, 'wrapper'>) =>
|
|
|
|
render(ui, { wrapper: StrictMode, ...options });
|
|
|
|
|
2022-08-08 17:01:25 +08:00
|
|
|
export function renderHook<T>(func: () => T): { result: React.RefObject<T> } {
|
|
|
|
const result = React.createRef<T>();
|
|
|
|
|
2023-02-05 10:51:51 +08:00
|
|
|
const Demo: React.FC = () => {
|
2022-08-08 17:01:25 +08:00
|
|
|
(result as any).current = func();
|
|
|
|
|
|
|
|
return null;
|
|
|
|
};
|
|
|
|
|
|
|
|
customRender(<Demo />);
|
|
|
|
|
|
|
|
return { result };
|
|
|
|
}
|
|
|
|
|
2022-08-22 22:54:38 +08:00
|
|
|
/**
|
|
|
|
* Pure render like `@testing-lib` render which will not wrap with StrictMode.
|
|
|
|
*
|
|
|
|
* Please only use with render times times of memo usage case.
|
|
|
|
*/
|
|
|
|
const pureRender = render;
|
|
|
|
|
2023-06-07 21:59:21 +08:00
|
|
|
export { pureRender, customRender as render };
|
2022-04-18 21:02:11 +08:00
|
|
|
|
2022-06-02 16:28:22 +08:00
|
|
|
export const triggerResize = (target: Element) => {
|
|
|
|
const originGetBoundingClientRect = target.getBoundingClientRect;
|
|
|
|
|
2023-06-07 11:54:50 +08:00
|
|
|
target.getBoundingClientRect = () => ({ width: 510, height: 903 } as DOMRect);
|
2022-06-29 12:07:28 +08:00
|
|
|
|
|
|
|
act(() => {
|
|
|
|
onLibResize([{ target } as ResizeObserverEntry]);
|
|
|
|
onEsResize([{ target } as ResizeObserverEntry]);
|
|
|
|
});
|
2022-06-02 16:28:22 +08:00
|
|
|
|
|
|
|
target.getBoundingClientRect = originGetBoundingClientRect;
|
2022-06-07 21:13:52 +08:00
|
|
|
};
|
2022-06-02 16:28:22 +08:00
|
|
|
|
2022-09-27 17:39:02 +08:00
|
|
|
/**
|
|
|
|
* Wait for a time delay. Will wait `advanceTime * times` ms.
|
|
|
|
*
|
|
|
|
* @param advanceTime Default 1000
|
|
|
|
* @param times Default 20
|
|
|
|
*/
|
2022-09-27 15:56:09 +08:00
|
|
|
export async function waitFakeTimer(advanceTime = 1000, times = 20) {
|
|
|
|
for (let i = 0; i < times; i += 1) {
|
2022-09-23 13:59:21 +08:00
|
|
|
// eslint-disable-next-line no-await-in-loop
|
|
|
|
await act(async () => {
|
|
|
|
await Promise.resolve();
|
|
|
|
|
|
|
|
if (advanceTime > 0) {
|
2023-06-07 21:59:21 +08:00
|
|
|
jest.advanceTimersByTime(advanceTime);
|
2022-09-23 13:59:21 +08:00
|
|
|
} else {
|
2023-06-07 21:59:21 +08:00
|
|
|
jest.runAllTimers();
|
2022-09-23 13:59:21 +08:00
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
}
|
2023-06-07 21:59:21 +08:00
|
|
|
|
|
|
|
export * from '@testing-library/react';
|