blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-08-07 21:19:45 +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

174
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 style="transition-duration: .3s;"
class="van-image van-image-preview__image" >
style="transition-duration: .3s;" <img src="https://img.yzcdn.cn/1.png"
class="van-image__img"
style="object-fit: contain;"
> >
<img <div class="van-image__loading">
class="van-image__img" <div class="van-loading van-loading--spinner">
src="https://img.yzcdn.cn/1.png" <span class="van-loading__spinner van-loading__spinner--spinner">
style="object-fit: contain;" <i>
/> </i>
<div <i>
class="van-image__loading" </i>
> <i>
</i>
<div <i>
class="van-loading van-loading--spinner" </i>
> <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 /> </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 style="transition-duration: .3s;"
class="van-image van-image-preview__image" >
style="transition-duration: .3s;" <img src="https://img.yzcdn.cn/1.png"
class="van-image__img"
style="object-fit: contain;"
> >
<img <div class="van-image__loading">
class="van-image__img" <div class="van-loading van-loading--spinner">
src="https://img.yzcdn.cn/1.png" <span class="van-loading__spinner van-loading__spinner--spinner">
style="object-fit: contain;" <i>
/> </i>
<div <i>
class="van-image__loading" </i>
> <i>
</i>
<div <i>
class="van-loading van-loading--spinner" </i>
> <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 /> </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();
}); });