ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-22 03:44:48 +00:00
Code Issues Actions 5 Packages Projects Releases Wiki Activity

test: enable all demo snapshots

Browse Source
This commit is contained in:
chenjiahan
2020-11-08 20:30:51 +08:00
parent cd9c36fe38
commit 24c4896a11
181 changed files with 10306 additions and 7520 deletions
Download Patch File Download Diff File Expand all files Collapse all files

150
src/checkbox/test/__snapshots__/demo.legacy.js.snap
View File

@@ -1,150 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders demo correctly 1`] = `
<div>
<div>
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框</span>
</div>
</div>
<div>
<div role="checkbox" tabindex="-1" aria-checked="false" class="van-checkbox van-checkbox--disabled">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">
复选框
</span>
</div>
<div role="checkbox" tabindex="-1" aria-checked="true" class="van-checkbox van-checkbox--disabled">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">
复选框
</span>
</div>
</div>
<div>
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--square van-checkbox__icon--checked"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">
自定义颜色
</span>
</div>
</div>
<div>
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success" style="border-color: #07c160; background-color: rgb(7, 193, 96);">
<!----></i></div><span class="van-checkbox__label">
自定义颜色
</span>
</div>
</div>
<div>
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked" style="font-size: 24px;"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">
自定义大小
</span>
</div>
</div>
<div>
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><img src="https://img.yzcdn.cn/vant/user-active.png"></div><span class="van-checkbox__label">
自定义图标
</span>
</div>
</div>
<div>
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox van-checkbox--label-disabled">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">
复选框
</span>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
</div>
<div role="checkbox" tabindex="0" aria-checked="true" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group van-checkbox-group--horizontal">
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-checkbox--horizontal">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox van-checkbox--horizontal">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 c</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
</div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div><span class="van-checkbox__label">复选框 c</span>
</div>
</div>
<div class="demo-checkbox-buttons"><button class="van-button van-button--primary van-button--normal">
<div class="van-button__content"><span class="van-button__text">
全选
</span></div>
</button> <button class="van-button van-button--info van-button--normal">
<div class="van-button__content"><span class="van-button__text">
反选
</span></div>
</button></div>
</div>
<div>
<div class="van-checkbox-group">
<div class="van-cell-group van-hairline--top-bottom">
<div role="button" tabindex="0" class="van-cell van-cell--clickable">
<div class="van-cell__title"><span>复选框 a</span></div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
</div>
<div role="button" tabindex="0" class="van-cell van-cell--clickable">
<div class="van-cell__title"><span>复选框 b</span></div>
<div role="checkbox" tabindex="0" aria-checked="false" class="van-checkbox">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-icon van-icon-success">
<!----></i></div>
</div>
</div>
</div>
</div>
</div>
</div>
`;

186
src/checkbox/test/__snapshots__/demo.spec.js.snap Normal file
View File

@@ -0,0 +1,186 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox van-checkbox--disabled" tabindex="-1" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">复选框</span>
</div>
<div role="checkbox" class="van-checkbox van-checkbox--disabled" tabindex="-1" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--disabled van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label van-checkbox__label--disabled">复选框</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--square van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">自定义颜色</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success" style="border-color: #07c160; background-color: rgb(7, 193, 96);">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">自定义颜色</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked" style="font-size: 24px;"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">自定义大小</span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><img src="https://img.yzcdn.cn/vant/user-active.png"></div><span class="van-checkbox__label">自定义图标 </span>
</div>
</div>
<div>
<div role="checkbox" class="van-checkbox van-checkbox--label-disabled" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框</span>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="true" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round van-checkbox__icon--checked"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group van-checkbox-group--horizontal">
<div role="checkbox" class="van-checkbox van-checkbox--horizontal" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
</div>
<div role="checkbox" class="van-checkbox van-checkbox--horizontal" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 c</span>
</div>
</div>
</div>
<div>
<div class="van-checkbox-group">
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 a</span>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 b</span>
</div>
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div><span class="van-checkbox__label">复选框 c</span>
</div>
</div>
<div class="demo-checkbox-buttons"><button type="button" class="van-button van-button--primary van-button--normal">
<div class="van-button__content">
<!----><span class="van-button__text">全选</span>
<!---->
</div>
</button><button type="button" class="van-button van-button--primary van-button--normal">
<div class="van-button__content">
<!----><span class="van-button__text">反选</span>
<!---->
</div>
</button></div>
</div>
<div>
<div class="van-checkbox-group">
<div class="van-cell-group van-hairline--top-bottom">
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>复选框 a</span>
<!---->
</div>
<!---->
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<!---->
</div>
<div class="van-cell van-cell--clickable" role="button" tabindex="0">
<!---->
<div class="van-cell__title"><span>复选框 b</span>
<!---->
</div>
<!---->
<div role="checkbox" class="van-checkbox" tabindex="0" aria-checked="false" bindgroup="true">
<div class="van-checkbox__icon van-checkbox__icon--round"><i class="van-badge__wrapper van-icon van-icon-success">
<!---->
<!---->
<!----></i></div>
<!---->
</div>
<!---->
</div>
</div>
</div>
</div>
`;

0
src/checkbox/test/demo.legacy.js → src/checkbox/test/demo.spec.js
View File