alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

test(SubmitBar): update test cases

Browse Source
This commit is contained in:
chenjiahan
2020-11-23 20:58:03 +08:00
parent 33627aab1b
commit 12d6b813ea
4 changed files with 191 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/submit-bar/test/__snapshots__/index.legacy.js.snap
-78
View File
@@ -1,78 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`button slot 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__bar">Custom button</div>
</div>
`;
exports[`button-color prop 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__bar"><button class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger" style="color: rgb(255, 255, 255); background: red; border-color: red;">
<div class="van-button__content"></div>
</button></div>
</div>
`;
exports[`decimal-length prop 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__bar">
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price van-submit-bar__price--integer">1</span>.1</span></div><button class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-button__content"></div>
</button>
</div>
</div>
`;
exports[`disable safe-area-inset-bottom prop 1`] = `
<div class="van-submit-bar van-submit-bar--unfit">
<div class="van-submit-bar__bar"><button class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-button__content"></div>
</button></div>
</div>
`;
exports[`disable submit 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__bar">
<div class="van-submit-bar__text"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price van-submit-bar__price--integer">0</span>.01</span></div><button disabled="disabled" class="van-button van-button--danger van-button--normal van-button--disabled van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-button__content"></div>
</button>
</div>
</div>
`;
exports[`suffix-label prop 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__bar">
<div class="van-submit-bar__text"><span>Label</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price van-submit-bar__price--integer">1</span>.11</span><span class="van-submit-bar__suffix-label">Suffix Label</span></div><button class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-button__content"></div>
</button>
</div>
</div>
`;
exports[`text-align prop 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__bar">
<div class="van-submit-bar__text" style="text-align: left;"><span>合计：</span><span class="van-submit-bar__price">¥<span class="van-submit-bar__price van-submit-bar__price--integer">1</span>.11</span></div><button class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-button__content"></div>
</button>
</div>
</div>
`;
exports[`top slot 1`] = `
<div class="van-submit-bar">Custom Top<div class="van-submit-bar__bar"><button class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-button__content"></div>
</button></div>
</div>
`;
exports[`without price 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__bar"><button class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger">
<div class="van-button__content"></div>
</button></div>
</div>
`;
src/submit-bar/test/__snapshots__/index.spec.js.snap
+80
View File
@@ -0,0 +1,80 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should change the color of submit button when using button-color prop 1`] = `
<button type="button"
class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger"
style="color: rgb(255, 255, 255); background: red; border-color: red;"
>
<div class="van-button__content">
</div>
</button>
`;
exports[`should render button slot correctly 1`] = `
<div class="van-submit-bar">
<div class="van-submit-bar__bar">
Custom button
</div>
</div>
`;
exports[`should render decimal length correctly when using decimal-length prop 1`] = `
<span class="van-submit-bar__price">
¥
<span class="van-submit-bar__price-integer">
1
</span>
.1
</span>
`;
exports[`should render decimal length correctly when using decimal-length prop 2`] = `
<span class="van-submit-bar__price">
¥
<span class="van-submit-bar__price-integer">
1
</span>
</span>
`;
exports[`should render disabled submit button correctly 1`] = `
<button type="button"
class="van-button van-button--danger van-button--normal van-button--round van-button--disabled van-submit-bar__button van-submit-bar__button--danger"
disabled
>
<div class="van-button__content">
</div>
</button>
`;
exports[`should render suffix-label correctly 1`] = `
<div class="van-submit-bar__text">
<span>
Label
</span>
<span class="van-submit-bar__price">
¥
<span class="van-submit-bar__price-integer">
1
</span>
.11
</span>
<span class="van-submit-bar__suffix-label">
Suffix Label
</span>
</div>
`;
exports[`should render top slot correctly 1`] = `
<div class="van-submit-bar">
Custom Top
<div class="van-submit-bar__bar">
<button type="button"
class="van-button van-button--danger van-button--normal van-button--round van-submit-bar__button van-submit-bar__button--danger"
>
<div class="van-button__content">
</div>
</button>
</div>
</div>
`;