alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

test: update all snapshots

Browse Source
This commit is contained in:
chenjiahan
2020-11-21 22:27:11 +08:00
parent 3851c9a220
commit 9acac4c2b1
80 changed files with 16198 additions and 6923 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/image/test/__snapshots__/demo.spec.js.snap
+293 -148
View File
@@ -3,171 +3,316 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-row">
<div class="van-image" style="width: 100px; height: 100px;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-image"
style="width: 100px; height: 100px;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">contain</div>
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">cover</div>
</div>
<div style="padding-left: 13.333333333333332px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">fill</div>
</div>
<div class="van-col van-col--8" style="padding-right: 10px;">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">none</div>
</div>
<div style="padding-left: 10px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">scale-down</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 13.333333333333334px;">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: contain;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">contain</div>
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;" class="van-col van-col--8">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: cover;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">cover</div>
</div>
<div style="padding-left: 13.333333333333332px;" class="van-col van-col--8">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: fill;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">fill</div>
</div>
<div class="van-col van-col--8" style="padding-right: 10px;">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: none;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">none</div>
</div>
<div style="padding-left: 10px;" class="van-col van-col--8">
<div class="van-image van-image--round" style="width: 100%; height: 27vw;"><img src="https://img.yzcdn.cn/vant/cat.jpeg" class="van-image__img" style="object-fit: scale-down;">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">scale-down</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 10px;">
<div class="van-image" style="width: 100%; height: 27vw;">
<!---->
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<div class="text">默认提示</div>
</div>
<div style="padding-left: 10px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;">
<!---->
<div class="van-col van-col--8"
style="padding-right: 13.333333333333334px;"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<div class="van-loading van-loading--spinner"><span class="van-loading__spinner van-loading__spinner--spinner" style="width: 20px; height: 20px;"><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>
<!---->
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
contain
</div>
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
cover
</div>
</div>
<div style="padding-left: 13.333333333333332px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: fill;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
fill
</div>
</div>
<div class="van-col van-col--8"
style="padding-right: 10px;"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: none;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
none
</div>
</div>
<div style="padding-left: 10px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: scale-down;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
scale-down
</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8"
style="padding-right: 13.333333333333334px;"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: contain;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
contain
</div>
</div>
<div style="padding-left: 6.666666666666666px; padding-right: 6.666666666666668px;"
class="van-col van-col--8"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: cover;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
cover
</div>
</div>
<div style="padding-left: 13.333333333333332px;"
class="van-col van-col--8"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: fill;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
fill
</div>
</div>
<div class="van-col van-col--8"
style="padding-right: 10px;"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: none;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
none
</div>
</div>
<div style="padding-left: 10px;"
class="van-col van-col--8"
>
<div class="van-image van-image--round"
style="width: 100%; height: 27vw;"
>
<img src="https://img.yzcdn.cn/vant/cat.jpeg"
class="van-image__img"
style="object-fit: scale-down;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
scale-down
</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8"
style="padding-right: 10px;"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
默认提示
</div>
</div>
<div style="padding-left: 10px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<div class="van-image__loading">
<div class="van-loading van-loading--spinner">
<span class="van-loading__spinner van-loading__spinner--spinner"
style="width: 20px; height: 20px;"
>
<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>
</div>
</div>
<!---->
</div>
<div class="text">自定义提示</div>
<div class="text">
自定义提示
</div>
</div>
</div>
</div>
<div>
<div class="van-row">
<div class="van-col van-col--8" style="padding-right: 10px;">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div class="van-col van-col--8"
style="padding-right: 10px;"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="x"
class="van-image__img"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
默认提示
</div>
<div class="text">默认提示</div>
</div>
<div style="padding-left: 10px;" class="van-col van-col--8">
<div class="van-image" style="width: 100%; height: 27vw;"><img src="x" class="van-image__img">
<div class="van-image__loading"><i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
<!---->
<!---->
<!----></i></div>
<!---->
<div style="padding-left: 10px;"
class="van-col van-col--8"
>
<div class="van-image"
style="width: 100%; height: 27vw;"
>
<img src="x"
class="van-image__img"
>
<div class="van-image__loading">
<i class="van-badge__wrapper van-icon van-icon-photo van-image__loading-icon">
</i>
</div>
</div>
<div class="text">
自定义提示
</div>
<div class="text">自定义提示</div>
</div>
</div>
</div>