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

test(Swipe): update test cases

Browse Source
This commit is contained in:
chenjiahan
2021-01-12 19:53:20 +08:00
parent 1c428f240c
commit c02483cc4a
3 changed files with 427 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/swipe/test/__snapshots__/index.spec.js.snap
+129
View File
@@ -0,0 +1,129 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should not allow to drag swipe when touchable is false 1`] = `
<div class="van-swipe">
<div style="transition-duration: 0ms; transform: translateX(0px); width: 300px;"
class="van-swipe__track"
>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
1
</div>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
2
</div>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
3
</div>
</div>
<div class="van-swipe__indicators">
<i class="van-swipe__indicator van-swipe__indicator--active">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
</div>
</div>
`;
exports[`should render initial swipe correctly 1`] = `
<div class="van-swipe">
<div style="transition-duration: 0ms; transform: translateX(0px); width: 300px;"
class="van-swipe__track"
>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
1
</div>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
2
</div>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
3
</div>
</div>
<div class="van-swipe__indicators">
<i class="van-swipe__indicator van-swipe__indicator--active">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
</div>
</div>
`;
exports[`should render initial swipe correctly 2`] = `
<div class="van-swipe">
<div style="transition-duration: 0ms; transform: translateX(-200px); width: 300px;"
class="van-swipe__track"
>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
1
</div>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
2
</div>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
3
</div>
</div>
<div class="van-swipe__indicators">
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator van-swipe__indicator--active">
</i>
</div>
</div>
`;
exports[`should render vertical swipe when using vertical prop 1`] = `
<div class="van-swipe">
<div style="transition-duration: 500ms; transform: translateY(-100px); height: 300px;"
class="van-swipe__track van-swipe__track--vertical"
>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
1
</div>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
2
</div>
<div class="van-swipe-item"
style="width: 100px; height: 100px;"
>
3
</div>
</div>
<div class="van-swipe__indicators van-swipe__indicators--vertical">
<i class="van-swipe__indicator">
</i>
<i class="van-swipe__indicator van-swipe__indicator--active">
</i>
<i class="van-swipe__indicator">
</i>
</div>
</div>
`;