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

231 lines
4.6 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular">
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<div class="van-loading van-loading--spinner">
<span 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>
</span>
</div>
</div>
<div>
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="color: rgb(25, 137, 250);"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<div class="van-loading van-loading--spinner">
<span class="van-loading__spinner van-loading__spinner--spinner"
style="color: rgb(25, 137, 250);"
>
<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="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 24px; height: 24px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
</div>
<div class="van-loading van-loading--spinner">
<span class="van-loading__spinner van-loading__spinner--spinner"
style="width: 24px; height: 24px;"
>
<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="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 24px; height: 24px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text">
Loading...
</span>
</div>
</div>
<div>
<div class="van-loading van-loading--circular van-loading--vertical">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 24px; height: 24px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text">
Loading...
</span>
</div>
</div>
<div>
<div class="van-loading van-loading--circular van-loading--vertical">
<span class="van-loading__spinner van-loading__spinner--circular"
style="color: rgb(0, 148, 255); width: 24px; height: 24px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text"
style="color: rgb(0, 148, 255);"
>
Loading...
</span>
</div>
<div class="van-loading van-loading--circular van-loading--vertical">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 24px; height: 24px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text"
style="color: rgb(0, 148, 255);"
>
Loading...
</span>
</div>
</div>
`;