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

test: migrate test runner to vitest (#12206)

Browse Source
This commit is contained in:
neverland
2023-08-20 18:48:09 +08:00
committed by GitHub
parent 633e48a645
commit 694daef6ea
374 changed files with 38189 additions and 31347 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/vant/src/barrage/test/__snapshots__/demo.spec.ts.snap
+82 -60
View File
@@ -1,54 +1,64 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-barrage"
style="--move-distance: -100px;"
<div
class="van-barrage"
style="--move-distance: -100px;"
>
<div class="video">
</div>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
data-id="100"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
data-id="100"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
data-id="101"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
data-id="101"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
data-id="102"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
data-id="102"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; top: 310px;"
data-id="103"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; top: 310px;"
data-id="103"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
data-id="104"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
data-id="104"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
data-id="105"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
data-id="105"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
data-id="106"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
data-id="106"
>
</span>
</div>
<div class="van-space van-space--horizontal van-space--align-center"
style="margin-top: 10px;"
<div
class="van-space van-space--horizontal van-space--align-center"
style="margin-top: 10px;"
>
<div class="van-space-item">
<button type="button"
class="van-button van-button--primary van-button--small"
<button
type="button"
class="van-button van-button--primary van-button--small"
>
<div class="van-button__content">
<span class="van-button__text">
@@ -60,56 +70,67 @@ exports[`should render demo and match snapshot 1`] = `
</div>
</div>
<div>
<div class="van-barrage"
style="--move-distance: -100px;"
<div
class="van-barrage"
style="--move-distance: -100px;"
>
<div class="video">
</div>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="100"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="100"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="101"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="101"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="102"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="102"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 310px;"
data-id="103"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 310px;"
data-id="103"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="104"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="104"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="105"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="105"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="106"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="106"
>
</span>
</div>
<div class="van-space van-space--horizontal van-space--align-center"
style="margin-top: 10px;"
<div
class="van-space van-space--horizontal van-space--align-center"
style="margin-top: 10px;"
>
<div class="van-space-item"
style="margin-right: 8px;"
<div
class="van-space-item"
style="margin-right: 8px;"
>
<button type="button"
class="van-button van-button--primary van-button--small van-button--disabled"
disabled
<button
type="button"
class="van-button van-button--primary van-button--small van-button--disabled"
disabled
>
<div class="van-button__content">
<span class="van-button__text">
@@ -119,8 +140,9 @@ exports[`should render demo and match snapshot 1`] = `
</button>
</div>
<div class="van-space-item">
<button type="button"
class="van-button van-button--default van-button--small"
<button
type="button"
class="van-button van-button--default van-button--small"
>
<div class="van-button__content">
<span class="van-button__text">
packages/vant/src/barrage/test/__snapshots__/index.spec.tsx.snap
+103 -76
View File
@@ -1,138 +1,165 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`should auto play when only list props 1`] = `
<div class="van-barrage"
style="--move-distance: -100px;"
<div
class="van-barrage"
style="--move-distance: -100px;"
>
<div class="video"
style="width: 100%; height: 150px;"
<div
class="video"
style="width: 100%; height: 150px;"
>
</div>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
data-id="100"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
data-id="100"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
data-id="101"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
data-id="101"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
data-id="102"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
data-id="102"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; top: 310px;"
data-id="103"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; top: 310px;"
data-id="103"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
data-id="104"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; top: 10px;"
data-id="104"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
data-id="105"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; top: 110px;"
data-id="105"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
data-id="106"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; top: 210px;"
data-id="106"
>
</span>
</div>
`;
exports[`should emit "update:modelValue" when animationend 1`] = `
<div class="van-barrage"
style="--move-distance: -100px;"
<div
class="van-barrage"
style="--move-distance: -100px;"
>
<div class="video"
style="width: 100%; height: 150px;"
<div
class="video"
style="width: 100%; height: 150px;"
>
</div>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="100"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="100"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="101"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="101"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="102"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="102"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 310px;"
data-id="103"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 310px;"
data-id="103"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="104"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="104"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="105"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="105"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="106"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="106"
>
</span>
</div>
`;
exports[`should not auto play use play function when use play function 1`] = `
<div class="van-barrage"
style="--move-distance: -100px;"
<div
class="van-barrage"
style="--move-distance: -100px;"
>
<div class="video"
style="width: 100%; height: 150px;"
<div
class="video"
style="width: 100%; height: 150px;"
>
</div>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="100"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 0ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="100"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="101"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 300ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="101"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="102"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 600ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="102"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 310px;"
data-id="103"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 900ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 310px;"
data-id="103"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="104"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1200ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 10px;"
data-id="104"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="105"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1500ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 110px;"
data-id="105"
>
</span>
<span class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="106"
<span
class="van-barrage__item"
style="animation-duration: 4000ms; animation-delay: 1800ms; animation-name: van-barrage; animation-timing-function: linear; animation-play-state: paused; top: 210px;"
data-id="106"
>
</span>
</div>