* feat(Style): add van-safe-area-bottom class * chore: update test cases
283 lines
6.6 KiB
Plaintext
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>
|
|
`;
|