Files
vant/src/calendar/test/__snapshots__/demo.spec.ts.snap
T
neverlandandGitHub eaccf2db0f feat(Style): add van-safe-area-bottom util class (#9205)
* feat(Style): add van-safe-area-bottom class

* chore: update test cases
2021-08-08 09:08:23 +08:00

283 lines
6.6 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should render demo and match snapshot 1`] = `
<div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Select Single Date
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Select Multiple Date
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Select Date Range
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Select Single Date
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Select Date Range
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Custom Color
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Custom Date Range
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Custom Confirm Text
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Custom Day Text
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Custom Position
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Max Range
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
<div class="van-cell van-cell--clickable"
role="button"
tabindex="0"
>
<div class="van-cell__title">
<span>
Custom First Day Of Week
</span>
</div>
<i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
</i>
</div>
</div>
<div>
<div class="van-calendar"
style="height: 500px;"
>
<div class="van-calendar__header">
<div class="van-calendar__header-title">
Calendar
</div>
<div class="van-calendar__header-subtitle">
</div>
<div class="van-calendar__weekdays">
<span class="van-calendar__weekday">
Sun
</span>
<span class="van-calendar__weekday">
Mon
</span>
<span class="van-calendar__weekday">
Tue
</span>
<span class="van-calendar__weekday">
Wed
</span>
<span class="van-calendar__weekday">
Thu
</span>
<span class="van-calendar__weekday">
Fri
</span>
<span class="van-calendar__weekday">
Sat
</span>
</div>
</div>
<div class="van-calendar__body">
<div class="van-calendar__month">
<div role="grid"
class="van-calendar__days"
>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
</div>
</div>
<div class="van-calendar__month">
<div class="van-calendar__month-title">
2012/2
</div>
<div role="grid"
class="van-calendar__days"
>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
</div>
</div>
<div class="van-calendar__month">
<div class="van-calendar__month-title">
2012/3
</div>
<div role="grid"
class="van-calendar__days"
>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
<div class="van-calendar__day"
style="width: 100%;"
>
</div>
</div>
</div>
</div>
<div class="van-calendar__footer van-safe-area-bottom">
</div>
</div>
</div>
<transition-stub>
</transition-stub>
<transition-stub>
</transition-stub>
`;