blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

test(Toast): reduce test run time (#12538)

Browse Source
This commit is contained in:
inottn 2023-12-31 02:07:55 +08:00 committed by GitHub
parent 2f9f961bd8
commit 329cfcd703
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
packages/vant/src/toast/test/function.spec.ts
View File

@ -10,15 +10,17 @@ import {
} from '../function-call'; } from '../function-call';
test('toast disappeared after duration', async () => { test('toast disappeared after duration', async () => {
vi.useFakeTimers();
const onClose = vi.fn(); const onClose = vi.fn();
showToast({ showToast({
duration: 10, duration: 10,
onClose, onClose,
}); });
expect(onClose).toHaveBeenCalledTimes(0); expect(onClose).not.toHaveBeenCalled();
await later(50); await vi.advanceTimersByTimeAsync(100);
expect(onClose).toHaveBeenCalledTimes(1); expect(onClose).toHaveBeenCalledTimes(1);
vi.useRealTimers();
}); });
test('show loading toast', async () => { test('show loading toast', async () => {
@ -31,17 +33,19 @@ test('show loading toast', async () => {
}); });
test('show html toast', async () => { test('show html toast', async () => {
vi.useFakeTimers();
showToast({ showToast({
type: 'html', type: 'html',
className: 'html-toast', className: 'html-toast',
message: '<div>Message</div>', message: '<div>Message</div>',
}); });
await vi.runAllTimersAsync();
await later(1000);
const toastText = document.querySelector( const toastText = document.querySelector(
'.html-toast .van-toast__text', '.html-toast .van-toast__text',
) as HTMLDivElement; ) as HTMLDivElement;
expect(toastText.innerHTML).toEqual('<div>Message</div>'); expect(toastText.innerHTML).toEqual('<div>Message</div>');
vi.useRealTimers();
}); });
test('icon prop', async () => { test('icon prop', async () => {
@ -108,15 +112,15 @@ test('clear multiple toast', async () => {
}); });
test('remove toast DOM when cleared in multiple mode', async () => { test('remove toast DOM when cleared in multiple mode', async () => {
vi.useFakeTimers();
allowMultipleToast(); allowMultipleToast();
closeToast(true); closeToast(true);
const toast = showToast({ className: 'remove-toast' }); const toast = showToast({ className: 'remove-toast' });
await later(); toast.close();
await vi.advanceTimersByTimeAsync(100);
await toast.close();
await later(100);
expect(document.querySelector('.remove-toast')).toBeNull(); expect(document.querySelector('.remove-toast')).toBeNull();
allowMultipleToast(false); allowMultipleToast(false);
vi.useRealTimers();
}); });
test('set default options', async () => { test('set default options', async () => {
@ -151,13 +155,15 @@ test('set default options by type', async () => {
}); });
test('toast duration 0', async () => { test('toast duration 0', async () => {
vi.useFakeTimers();
allowMultipleToast(); allowMultipleToast();
const onClose = vi.fn(); const onClose = vi.fn();
showToast({ duration: 0, onClose }); showToast({ duration: 0, onClose });
await later(2100); await vi.advanceTimersByTimeAsync(100);
expect(onClose).toHaveBeenCalledTimes(0); expect(onClose).not.toHaveBeenCalled();
allowMultipleToast(false); allowMultipleToast(false);
vi.useRealTimers();
}); });
test('should trigger onClose callback after closed', async () => { test('should trigger onClose callback after closed', async () => {