test: update all snapshots

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
+138 -39
View File
@@ -2,65 +2,164 @@
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#1989fa"></path>
<div class="van-circle"
style="width: 100px; height: 100px;"
>
<svg viewbox="0 0 1040 1040">
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: #1989fa; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#1989fa"
>
</path>
</svg>
<div class="van-circle__text">70%</div>
<div class="van-circle__text">
70%
</div>
</div>
</div>
<div>
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1060 1060">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 60px;" d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
<path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#1989fa"></path>
<div class="van-circle"
style="width: 100px; height: 100px;"
>
<svg viewbox="0 0 1060 1060">
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 60px;"
d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
>
</path>
<path d="M 530 530 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: #1989fa; stroke-width: 61px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#1989fa"
>
</path>
</svg>
<div class="van-circle__text">宽度定制</div>
<div class="van-circle__text">
宽度定制
</div>
</div>
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #ebedf0; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: #ee0a24; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#ee0a24"></path>
<div class="van-circle"
style="width: 100px; height: 100px;"
>
<svg viewbox="0 0 1040 1040">
<path class="van-circle__hover"
style="fill: none; stroke: #ebedf0; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: #ee0a24; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#ee0a24"
>
</path>
</svg>
<div class="van-circle__text">颜色定制</div>
<div class="van-circle__text">
颜色定制
</div>
</div>
<div class="van-circle" style="width: 100px; height: 100px;"><svg viewBox="0 0 1040 1040">
<div class="van-circle"
style="width: 100px; height: 100px;"
>
<svg viewbox="0 0 1040 1040">
<defs>
<linearGradient id="van-circle-3" x1="100%" y1="0%" x2="0%" y2="0%">
<stop offset="0%" stop-color="#3fecff"></stop>
<stop offset="100%" stop-color="#6149f6"></stop>
<linearGradient id="van-circle-3"
x1="100%"
y1="0%"
x2="0%"
y2="0%"
>
<stop offset="0%"
stop-color="#3fecff"
>
</stop>
<stop offset="100%"
stop-color="#6149f6"
>
</stop>
</linearGradient>
</defs>
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000" style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="url(#van-circle-3)"></path>
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 1 0, 1000 a 500, 500 0 1, 1 0, -1000"
style="stroke: [object Object]; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="url(#van-circle-3)"
>
</path>
</svg>
<div class="van-circle__text">渐变色</div>
<div class="van-circle__text">
渐变色
</div>
</div>
<div class="van-circle" style="width: 100px; height: 100px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" style="stroke: #07c160; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#07c160"></path>
<div class="van-circle"
style="width: 100px; height: 100px; margin-top: 15px;"
>
<svg viewbox="0 0 1040 1040">
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
style="stroke: #07c160; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#07c160"
>
</path>
</svg>
<div class="van-circle__text">逆时针</div>
<div class="van-circle__text">
逆时针
</div>
</div>
<div class="van-circle" style="width: 120px; height: 120px; margin-top: 15px;"><svg viewBox="0 0 1040 1040">
<!---->
<path class="van-circle__hover" style="fill: none; stroke: #fff; stroke-width: 40px;" d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"></path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000" style="stroke: #7232dd; stroke-width: 41px; stroke-dasharray: 2198px 3140px;" class="van-circle__layer" stroke="#7232dd"></path>
<div class="van-circle"
style="width: 120px; height: 120px; margin-top: 15px;"
>
<svg viewbox="0 0 1040 1040">
<path class="van-circle__hover"
style="fill: none; stroke: #fff; stroke-width: 40px;"
d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
>
</path>
<path d="M 520 520 m 0, -500 a 500, 500 0 1, 0 0, 1000 a 500, 500 0 1, 0 0, -1000"
style="stroke: #7232dd; stroke-width: 41px; stroke-dasharray: 2198px 3140px;"
class="van-circle__layer"
stroke="#7232dd"
>
</path>
</svg>
<div class="van-circle__text">大小定制</div>
<div class="van-circle__text">
大小定制
</div>
</div>
</div>
<div style="margin-top: 15px;"><button type="button" class="van-button van-button--primary van-button--small">
<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">增加</span>
<!---->
<span class="van-button__text">
增加
</span>
</div>
</button><button type="button" class="van-button van-button--danger van-button--small">
</button>
<button type="button"
class="van-button van-button--danger van-button--small"
>
<div class="van-button__content">
<!----><span class="van-button__text">减少</span>
<!---->
<span class="van-button__text">
减少
</span>
</div>
</button></div>
</button>
</div>
`;