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(ImagePreview): fix snapshot (#8443)

Browse Source
This commit is contained in:
neverland 2021-04-01 10:32:34 +08:00 committed by GitHub
parent 96ae24496e
commit aab3646972
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 74 additions and 104 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

150
src/image-preview/test/__snapshots__/index.spec.ts.snap
View File

@ -76,113 +76,83 @@ exports[`should swipe to currect index after calling the swipeTo method 1`] = `
`; `;
exports[`zoom in and drag image to move 1`] = ` exports[`zoom in and drag image to move 1`] = `
DOMWrapper { <div class="van-image van-image-preview__image"
"element": <div
class="van-image van-image-preview__image"
style="transition-duration: .3s;" style="transition-duration: .3s;"
> >
<img <img src="https://img.yzcdn.cn/1.png"
class="van-image__img" class="van-image__img"
src="https://img.yzcdn.cn/1.png"
style="object-fit: contain;" style="object-fit: contain;"
/>
<div
class="van-image__loading"
> >
<div class="van-image__loading">
<div <div class="van-loading van-loading--spinner">
class="van-loading van-loading--spinner" <span class="van-loading__spinner van-loading__spinner--spinner">
> <i>
<span </i>
class="van-loading__spinner van-loading__spinner--spinner" <i>
> </i>
<i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
</span> </span>
<!---->
</div> </div>
</div> </div>
<!----> </div>
</div>,
"style": CSSStyleDeclaration {
"0": "transition-duration",
"_importants": Object {
"transition-duration": undefined,
},
"_length": 1,
"_onChange": [Function],
"_values": Object {
"transition-duration": ".3s",
},
},
}
`; `;
exports[`zoom in and drag image to move 2`] = ` exports[`zoom in and drag image to move 2`] = `
DOMWrapper { <div class="van-image van-image-preview__image"
"element": <div
class="van-image van-image-preview__image"
style="transition-duration: .3s;" style="transition-duration: .3s;"
> >
<img <img src="https://img.yzcdn.cn/1.png"
class="van-image__img" class="van-image__img"
src="https://img.yzcdn.cn/1.png"
style="object-fit: contain;" style="object-fit: contain;"
/>
<div
class="van-image__loading"
> >
<div class="van-image__loading">
<div <div class="van-loading van-loading--spinner">
class="van-loading van-loading--spinner" <span class="van-loading__spinner van-loading__spinner--spinner">
> <i>
<span </i>
class="van-loading__spinner van-loading__spinner--spinner" <i>
> </i>
<i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
<i /> </i>
<i /> <i>
</i>
<i>
</i>
<i>
</i>
<i>
</i>
</span> </span>
<!---->
</div> </div>
</div> </div>
<!----> </div>
</div>,
"style": CSSStyleDeclaration {
"0": "transition-duration",
"_importants": Object {
"transition-duration": undefined,
},
"_length": 1,
"_onChange": [Function],
"_values": Object {
"transition-duration": ".3s",
},
},
}
`; `;

4
src/image-preview/test/index.spec.ts
View File

@ -328,12 +328,12 @@ test('zoom in and drag image to move', async () => {
// drag image before load // drag image before load
triggerDrag(image, 300, 300); triggerDrag(image, 300, 300);
expect(wrapper.find('.van-image')).toMatchSnapshot(); expect(wrapper.find('.van-image').html()).toMatchSnapshot();
// drag image after load // drag image after load
image.trigger('load'); image.trigger('load');
triggerDrag(image, 300, 300); triggerDrag(image, 300, 300);
expect(wrapper.find('.van-image')).toMatchSnapshot(); expect(wrapper.find('.van-image').html()).toMatchSnapshot();
restore(); restore();
}); });