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

test(PullRefresh): update test cases

Browse Source
This commit is contained in:
chenjiahan
2020-12-28 20:02:33 +08:00
parent 89ecc5f20e
commit c4214b96a2
3 changed files with 212 additions and 176 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pull-refresh/test/__snapshots__/index.spec.js.snap
+173
View File
@@ -0,0 +1,173 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render different head content in different pulling status 1`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 0ms; transform: translate3d(0,20px, 0);"
>
<div class="van-pull-refresh__head">
<div class="van-pull-refresh__text">
下拉即可刷新...
</div>
</div>
</div>
</div>
`;
exports[`should render different head content in different pulling status 2`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 0ms; transform: translate3d(0,75px, 0);"
>
<div class="van-pull-refresh__head">
<div class="van-pull-refresh__text">
释放即可刷新...
</div>
</div>
</div>
</div>
`;
exports[`should render different head content in different pulling status 3`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 300ms; transform: translate3d(0,50px, 0);"
>
<div class="van-pull-refresh__head">
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 16px; height: 16px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text">
加载中...
</span>
</div>
</div>
</div>
</div>
`;
exports[`should render different head content in different pulling status 4`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 300ms; transform: translate3d(0,50px, 0);"
>
<div class="van-pull-refresh__head">
<div class="van-loading van-loading--circular">
<span class="van-loading__spinner van-loading__spinner--circular"
style="width: 16px; height: 16px;"
>
<svg class="van-loading__circular"
viewbox="25 25 50 50"
>
<circle cx="50"
cy="50"
r="20"
fill="none"
>
</circle>
</svg>
</span>
<span class="van-loading__text">
加载中...
</span>
</div>
</div>
</div>
</div>
`;
exports[`should render different head content in different pulling status 5`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 300ms;"
>
<div class="van-pull-refresh__head">
</div>
</div>
</div>
`;
exports[`should render status slots correctly 1`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 0ms; transform: translate3d(0,20px, 0);"
>
<div class="van-pull-refresh__head">
pulling 20
</div>
</div>
</div>
`;
exports[`should render status slots correctly 2`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 0ms; transform: translate3d(0,75px, 0);"
>
<div class="van-pull-refresh__head">
loosing 75
</div>
</div>
</div>
`;
exports[`should render status slots correctly 3`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 300ms; transform: translate3d(0,50px, 0);"
>
<div class="van-pull-refresh__head">
loading 50
</div>
</div>
</div>
`;
exports[`should render success slot correctly 1`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 300ms; transform: translate3d(0,50px, 0);"
>
<div class="van-pull-refresh__head">
Custom Success
</div>
</div>
</div>
`;
exports[`should render success text correctly 1`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 300ms; transform: translate3d(0,50px, 0);"
>
<div class="van-pull-refresh__head">
<div class="van-pull-refresh__text">
success
</div>
</div>
</div>
</div>
`;
exports[`should render success text correctly 2`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track"
style="transition-duration: 300ms;"
>
<div class="van-pull-refresh__head">
</div>
</div>
</div>
`;