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.legacy.js.snap
-115
View File
@@ -1,115 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`change head content when pulling down 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[`change head content when pulling down 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[`change head content when pulling down 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 viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
</div>
</div>
</div>
`;
exports[`change head content when pulling down 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 viewBox="25 25 50 50" class="van-loading__circular"><circle cx="50" cy="50" r="20" fill="none"></circle></svg></span><span class="van-loading__text">加载中...</span></div>
</div>
</div>
</div>
`;
exports[`change head content when pulling down 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[`custom content by slots 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[`custom content by slots 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[`custom content by slots 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[`not in page top 1`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track" style="transition-duration: 0ms;">
<div class="van-pull-refresh__head"></div>
</div>
</div>
`;
exports[`render success slot 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[`render success text 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[`render success text 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>
`;
exports[`should set height when using head-height 1`] = `
<div class="van-pull-refresh">
<div class="van-pull-refresh__track" style="transition-duration: 0ms;">
<div class="van-pull-refresh__head" style="height: 100px;"></div>
</div>
</div>
`;
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>
`;