114 lines
2.8 KiB
Plaintext
114 lines
2.8 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should render demo and match snapshot 1`] = `
|
|
<div>
|
|
<div class="van-progress">
|
|
<span class="van-progress__portion"
|
|
style="transform: scaleX(0.5);"
|
|
>
|
|
</span>
|
|
<span style="left: 50%; transform: translate(-50%,-50%);"
|
|
class="van-progress__pivot"
|
|
>
|
|
50%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-progress"
|
|
style="height: 8px;"
|
|
>
|
|
<span class="van-progress__portion"
|
|
style="transform: scaleX(0.5);"
|
|
>
|
|
</span>
|
|
<span style="left: 50%; transform: translate(-50%,-50%);"
|
|
class="van-progress__pivot"
|
|
>
|
|
50%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-progress">
|
|
<span class="van-progress__portion"
|
|
style="background: rgb(202, 202, 202); transform: scaleX(0.5);"
|
|
>
|
|
</span>
|
|
<span style="left: 50%; transform: translate(-50%,-50%); background: rgb(202, 202, 202);"
|
|
class="van-progress__pivot"
|
|
>
|
|
50%
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-progress">
|
|
<span class="van-progress__portion"
|
|
style="background: rgb(242, 130, 106); transform: scaleX(0.25);"
|
|
>
|
|
</span>
|
|
<span style="left: 25%; transform: translate(-25%,-50%); background: rgb(242, 130, 106);"
|
|
class="van-progress__pivot"
|
|
>
|
|
Orange
|
|
</span>
|
|
</div>
|
|
<div class="van-progress">
|
|
<span class="van-progress__portion"
|
|
style="background: rgb(238, 10, 36); transform: scaleX(0.5);"
|
|
>
|
|
</span>
|
|
<span style="left: 50%; transform: translate(-50%,-50%); background: rgb(238, 10, 36);"
|
|
class="van-progress__pivot"
|
|
>
|
|
Red
|
|
</span>
|
|
</div>
|
|
<div class="van-progress">
|
|
<span class="van-progress__portion"
|
|
style="transform: scaleX(0.75);"
|
|
>
|
|
</span>
|
|
<span style="left: 75%; transform: translate(-75%,-50%); background: rgb(114, 50, 221);"
|
|
class="van-progress__pivot"
|
|
>
|
|
Purple
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="van-progress">
|
|
<span class="van-progress__portion"
|
|
style="background: rgb(202, 202, 202); transform: scaleX(0.5);"
|
|
>
|
|
</span>
|
|
<span style="left: 50%; transform: translate(-50%,-50%); background: rgb(202, 202, 202);"
|
|
class="van-progress__pivot"
|
|
>
|
|
50%
|
|
</span>
|
|
</div>
|
|
<div style="margin-top: 15px;">
|
|
<button type="button"
|
|
class="van-button van-button--primary van-button--small"
|
|
>
|
|
<div class="van-button__content">
|
|
<span class="van-button__text">
|
|
Add
|
|
</span>
|
|
</div>
|
|
</button>
|
|
<button type="button"
|
|
class="van-button van-button--danger van-button--small"
|
|
>
|
|
<div class="van-button__content">
|
|
<span class="van-button__text">
|
|
Decrease
|
|
</span>
|
|
</div>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
`;
|