Files
vant/src/image/test/__snapshots__/demo.spec.ts.snap
T

320 lines
8.5 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
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://img01.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://img01.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://img01.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://img01.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://img01.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://img01.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://img01.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://img01.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://img01.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://img01.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://img01.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">
Default Tip
</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">
Custom Tip
</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>
<div class="text">
Default Tip
</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>
<div class="text">
Custom Tip
</div>
</div>
</div>
</div>
`;