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(FloatingBubble): reduce test run time (#12539)

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

17
packages/vant/src/floating-bubble/test/index.spec.ts
View File

@ -171,8 +171,9 @@ test('should free direction move when axis is "xy" ', async () => {
}); });
test('should free direction move and magnetic to x axios when magnetic is "x" ', async () => { test('should free direction move and magnetic to x axios when magnetic is "x" ', async () => {
const restore = mockGetBoundingClientRect({ width: 48, height: 48 }); vi.useFakeTimers();
const restore = mockGetBoundingClientRect({ width: 48, height: 48 });
const root = document.createElement('div'); const root = document.createElement('div');
mount(FloatingBubble, { mount(FloatingBubble, {
props: { props: {
@ -187,8 +188,7 @@ test('should free direction move and magnetic to x axios when magnetic is "x" '
)!; )!;
await triggerDrag(floatingBubbleEl, -100, -100); await triggerDrag(floatingBubbleEl, -100, -100);
await vi.advanceTimersByTimeAsync(400);
await later(400);
expect(floatingBubbleEl.style.transform).toEqual( expect(floatingBubbleEl.style.transform).toEqual(
`translate3d(${window.innerWidth - 48 - 24}px, ${ `translate3d(${window.innerWidth - 48 - 24}px, ${
@ -197,19 +197,20 @@ test('should free direction move and magnetic to x axios when magnetic is "x" '
); );
await triggerDrag(floatingBubbleEl, -600, -100); await triggerDrag(floatingBubbleEl, -600, -100);
await vi.advanceTimersByTimeAsync(400);
await later(400);
expect(floatingBubbleEl.style.transform).toEqual( expect(floatingBubbleEl.style.transform).toEqual(
`translate3d(${24}px, ${window.innerHeight - 48 - 24 - 200}px, 0)`, `translate3d(${24}px, ${window.innerHeight - 48 - 24 - 200}px, 0)`,
); );
restore(); restore();
vi.useRealTimers();
}); });
test('should offset control positioning when use v-model:offset ', async () => { test('should offset control positioning when use v-model:offset ', async () => {
const restore = mockGetBoundingClientRect({ width: 48, height: 48 }); vi.useFakeTimers();
const restore = mockGetBoundingClientRect({ width: 48, height: 48 });
const root = document.createElement('div'); const root = document.createElement('div');
const wrapper = mount(FloatingBubble, { const wrapper = mount(FloatingBubble, {
props: { props: {
@ -227,8 +228,7 @@ test('should offset control positioning when use v-model:offset ', async () => {
)!; )!;
await triggerDrag(floatingBubbleEl, 100, 100); await triggerDrag(floatingBubbleEl, 100, 100);
await vi.advanceTimersByTimeAsync(400);
await later(400);
expect(floatingBubbleEl.style.transform).toEqual( expect(floatingBubbleEl.style.transform).toEqual(
`translate3d(${300}px, ${300}px, 0)`, `translate3d(${300}px, ${300}px, 0)`,
@ -241,6 +241,7 @@ test('should offset control positioning when use v-model:offset ', async () => {
}); });
restore(); restore();
vi.useRealTimers();
}); });
test('should emit click when click wrapper', async () => { test('should emit click when click wrapper', async () => {