test: update all snapshots
This commit is contained in:
chenjiahan
@@ -2,175 +2,355 @@
|
||||
|
||||
exports[`should render demo and match snapshot 1`] = `
|
||||
<div>
|
||||
<div class="demo-button-row"><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
<div class="demo-button-row">
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<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--success van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal"
|
||||
>
|
||||
<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--default van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">默认按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
默认按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div><button type="button" class="van-button van-button--danger van-button--normal">
|
||||
</button>
|
||||
</div>
|
||||
<button type="button"
|
||||
class="van-button van-button--danger van-button--normal"
|
||||
>
|
||||
<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--warning van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--warning van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">警告按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
警告按钮
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--plain">
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--plain"
|
||||
>
|
||||
<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--success van-button--normal van-button--plain">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--plain"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">朴素按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
朴素按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--plain van-button--hairline van-hairline--surround"
|
||||
>
|
||||
<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--success van-button--normal van-button--plain van-button--hairline van-hairline--surround">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--plain van-button--hairline van-hairline--surround"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">细边框按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
细边框按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--disabled" disabled="">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--disabled"
|
||||
disabled
|
||||
>
|
||||
<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--success van-button--normal van-button--disabled" disabled="">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--disabled"
|
||||
disabled
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">禁用状态</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
禁用状态
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--loading">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--loading"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-button__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="color: currentColor; width: 20px; height: 20px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal van-button--loading">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--loading"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<div class="van-loading van-loading--spinner van-button__loading"><span class="van-loading__spinner van-loading__spinner--spinner" style="color: currentColor; 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 class="van-loading van-loading--spinner van-button__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--spinner"
|
||||
style="color: currentColor; 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>
|
||||
</button><button type="button" class="van-button van-button--success van-button--normal van-button--loading">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--loading"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<div class="van-loading van-loading--circular van-button__loading"><span class="van-loading__spinner van-loading__spinner--circular" style="color: currentColor; width: 20px; height: 20px;"><svg class="van-loading__circular" viewBox="25 25 50 50"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span>
|
||||
<!---->
|
||||
</div><span class="van-button__text">加载中...</span>
|
||||
<!---->
|
||||
<div class="van-loading van-loading--circular van-button__loading">
|
||||
<span class="van-loading__spinner van-loading__spinner--circular"
|
||||
style="color: currentColor; width: 20px; height: 20px;"
|
||||
>
|
||||
<svg class="van-loading__circular"
|
||||
viewbox="25 25 50 50"
|
||||
>
|
||||
<circle cx="50"
|
||||
cy="50"
|
||||
r="20"
|
||||
fill="none"
|
||||
>
|
||||
</circle>
|
||||
</svg>
|
||||
</span>
|
||||
</div>
|
||||
<span class="van-button__text">
|
||||
加载中...
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--square">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--square"
|
||||
>
|
||||
<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--success van-button--normal van-button--round">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--success van-button--normal van-button--round"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">圆形按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
圆形按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i><span class="van-button__text">按钮</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal van-button--plain">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper van-icon van-button__icon">
|
||||
<!----><img class="van-icon__image" src="https://img.yzcdn.cn/vant/user-active.png">
|
||||
<!----></i><span class="van-button__text">按钮</span>
|
||||
<!---->
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--large">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">大号按钮</span>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
</i>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">普通按钮</span>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
</i>
|
||||
<span class="van-button__text">
|
||||
按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--small">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--plain"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">小型按钮</span>
|
||||
<!---->
|
||||
<i class="van-badge__wrapper van-icon van-button__icon">
|
||||
<img class="van-icon__image"
|
||||
src="https://img.yzcdn.cn/vant/user-active.png"
|
||||
>
|
||||
</i>
|
||||
<span class="van-button__text">
|
||||
按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--mini">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--large"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">迷你按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
大号按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal van-button--block">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">块级元素</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
普通按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--small"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">URL 跳转</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
小型按钮
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--primary van-button--normal">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--mini"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">路由跳转</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
迷你按钮
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
<div><button type="button" class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal van-button--block"
|
||||
>
|
||||
<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--default van-button--normal van-button--plain" style="color: rgb(114, 50, 221); border-color: #7232dd;">
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">单色按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
URL 跳转
|
||||
</span>
|
||||
</div>
|
||||
</button><button type="button" class="van-button van-button--default van-button--normal" style="color: rgb(255, 255, 255); border: 0px;">
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--primary van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!----><span class="van-button__text">渐变色按钮</span>
|
||||
<!---->
|
||||
<span class="van-button__text">
|
||||
路由跳转
|
||||
</span>
|
||||
</div>
|
||||
</button></div>
|
||||
</button>
|
||||
</div>
|
||||
<div>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
style="color: rgb(255, 255, 255); background: rgb(114, 50, 221); border-color: #7232dd;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
单色按钮
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal van-button--plain"
|
||||
style="color: rgb(114, 50, 221); border-color: #7232dd;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
单色按钮
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
style="color: rgb(255, 255, 255); border: 0px;"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<span class="van-button__text">
|
||||
渐变色按钮
|
||||
</span>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
`;
|
||||
|
||||
@@ -1,33 +1,33 @@
|
||||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`should change icon class prefix when using icon-prefix prop 1`] = `
|
||||
<button type="button" class="van-button van-button--default van-button--normal">
|
||||
<div class="van-button__content"><i class="van-badge__wrapper my-icon my-icon-success van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i>
|
||||
<!---->
|
||||
<!---->
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<i class="van-badge__wrapper my-icon my-icon-success van-button__icon">
|
||||
</i>
|
||||
</div>
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`should render icon in the right side when setting icon-position to right 1`] = `
|
||||
<button type="button" class="van-button van-button--default van-button--normal">
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
<!---->
|
||||
<!----><i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
<!---->
|
||||
<!---->
|
||||
<!----></i></div>
|
||||
<i class="van-badge__wrapper van-icon van-icon-plus van-button__icon">
|
||||
</i>
|
||||
</div>
|
||||
</button>
|
||||
`;
|
||||
|
||||
exports[`should render loading slot correctly 1`] = `
|
||||
<button type="button" class="van-button van-button--default van-button--normal van-button--loading">
|
||||
<div class="van-button__content">Custom Loading
|
||||
<!---->
|
||||
<!---->
|
||||
<button type="button"
|
||||
class="van-button van-button--default van-button--normal van-button--loading"
|
||||
>
|
||||
<div class="van-button__content">
|
||||
Custom Loading
|
||||
</div>
|
||||
</button>
|
||||
`;
|
||||
|
||||
Reference in New Issue
Block a user