mirror of
https://github.com/tenrok/vue2-datepicker.git
synced 2026-06-23 21:30:36 +03:00
test: fix snapshot inconsistency due to time zone
This commit is contained in:
mengxiong10
File diff suppressed because it is too large
Load Diff
@@ -4,166 +4,6 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
|
|||||||
<div
|
<div
|
||||||
class="mx-range-wrapper"
|
class="mx-range-wrapper"
|
||||||
>
|
>
|
||||||
<div
|
|
||||||
class="mx-time"
|
|
||||||
>
|
|
||||||
<!---->
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="mx-time-content"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="mx-time-columns"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar mx-time-column"
|
|
||||||
style="position: relative; overflow: hidden;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-wrap"
|
|
||||||
style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
|
|
||||||
>
|
|
||||||
<ul
|
|
||||||
data-type="hour"
|
|
||||||
>
|
|
||||||
<li
|
|
||||||
class="cell"
|
|
||||||
data-value="1570120200000"
|
|
||||||
>
|
|
||||||
|
|
||||||
12
|
|
||||||
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
class="cell"
|
|
||||||
data-value="1570127400000"
|
|
||||||
>
|
|
||||||
|
|
||||||
02
|
|
||||||
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
class="cell"
|
|
||||||
data-value="1570134600000"
|
|
||||||
>
|
|
||||||
|
|
||||||
04
|
|
||||||
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
class="cell"
|
|
||||||
data-value="1570141800000"
|
|
||||||
>
|
|
||||||
|
|
||||||
06
|
|
||||||
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
class="cell active"
|
|
||||||
data-value="1570149000000"
|
|
||||||
>
|
|
||||||
|
|
||||||
08
|
|
||||||
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
class="cell"
|
|
||||||
data-value="1570156200000"
|
|
||||||
>
|
|
||||||
|
|
||||||
10
|
|
||||||
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-track"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-thumb"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar mx-time-column"
|
|
||||||
style="position: relative; overflow: hidden;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-wrap"
|
|
||||||
style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
|
|
||||||
>
|
|
||||||
<ul
|
|
||||||
data-type="minute"
|
|
||||||
>
|
|
||||||
<li
|
|
||||||
class="cell"
|
|
||||||
data-value="1570147200000"
|
|
||||||
>
|
|
||||||
|
|
||||||
00
|
|
||||||
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
class="cell active"
|
|
||||||
data-value="1570149000000"
|
|
||||||
>
|
|
||||||
|
|
||||||
30
|
|
||||||
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-track"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-thumb"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar mx-time-column"
|
|
||||||
style="position: relative; overflow: hidden;"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-wrap"
|
|
||||||
style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
|
|
||||||
>
|
|
||||||
<ul
|
|
||||||
data-type="ampm"
|
|
||||||
>
|
|
||||||
<li
|
|
||||||
class="cell active"
|
|
||||||
data-value="1570149000000"
|
|
||||||
>
|
|
||||||
|
|
||||||
AM
|
|
||||||
|
|
||||||
</li>
|
|
||||||
<li
|
|
||||||
class="cell"
|
|
||||||
data-value="1570192200000"
|
|
||||||
>
|
|
||||||
|
|
||||||
PM
|
|
||||||
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-track"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="mx-scrollbar-thumb"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div
|
<div
|
||||||
class="mx-time"
|
class="mx-time"
|
||||||
>
|
>
|
||||||
@@ -203,7 +43,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
|
|||||||
|
|
||||||
</li>
|
</li>
|
||||||
<li
|
<li
|
||||||
class="cell"
|
class="cell active"
|
||||||
data-value="1570177800000"
|
data-value="1570177800000"
|
||||||
>
|
>
|
||||||
|
|
||||||
@@ -211,7 +51,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
|
|||||||
|
|
||||||
</li>
|
</li>
|
||||||
<li
|
<li
|
||||||
class="cell active"
|
class="cell"
|
||||||
data-value="1570185000000"
|
data-value="1570185000000"
|
||||||
>
|
>
|
||||||
|
|
||||||
@@ -258,7 +98,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
|
|||||||
>
|
>
|
||||||
<li
|
<li
|
||||||
class="cell"
|
class="cell"
|
||||||
data-value="1570183200000"
|
data-value="1570176000000"
|
||||||
>
|
>
|
||||||
|
|
||||||
00
|
00
|
||||||
@@ -266,7 +106,7 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
|
|||||||
</li>
|
</li>
|
||||||
<li
|
<li
|
||||||
class="cell active"
|
class="cell active"
|
||||||
data-value="1570185000000"
|
data-value="1570177800000"
|
||||||
>
|
>
|
||||||
|
|
||||||
30
|
30
|
||||||
@@ -295,8 +135,8 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
|
|||||||
data-type="ampm"
|
data-type="ampm"
|
||||||
>
|
>
|
||||||
<li
|
<li
|
||||||
class="cell disabled"
|
class="cell"
|
||||||
data-value="1570141800000"
|
data-value="1570134600000"
|
||||||
>
|
>
|
||||||
|
|
||||||
AM
|
AM
|
||||||
@@ -304,7 +144,167 @@ exports[`TimeRange render: correct classes of the columns 1`] = `
|
|||||||
</li>
|
</li>
|
||||||
<li
|
<li
|
||||||
class="cell active"
|
class="cell active"
|
||||||
data-value="1570185000000"
|
data-value="1570177800000"
|
||||||
|
>
|
||||||
|
|
||||||
|
PM
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-track"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-thumb"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="mx-time"
|
||||||
|
>
|
||||||
|
<!---->
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mx-time-content"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mx-time-columns"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar mx-time-column"
|
||||||
|
style="position: relative; overflow: hidden;"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-wrap"
|
||||||
|
style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
|
||||||
|
>
|
||||||
|
<ul
|
||||||
|
data-type="hour"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="cell"
|
||||||
|
data-value="1570206600000"
|
||||||
|
>
|
||||||
|
|
||||||
|
12
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cell active"
|
||||||
|
data-value="1570213800000"
|
||||||
|
>
|
||||||
|
|
||||||
|
02
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cell"
|
||||||
|
data-value="1570221000000"
|
||||||
|
>
|
||||||
|
|
||||||
|
04
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cell"
|
||||||
|
data-value="1570228200000"
|
||||||
|
>
|
||||||
|
|
||||||
|
06
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cell"
|
||||||
|
data-value="1570235400000"
|
||||||
|
>
|
||||||
|
|
||||||
|
08
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cell"
|
||||||
|
data-value="1570242600000"
|
||||||
|
>
|
||||||
|
|
||||||
|
10
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-track"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-thumb"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar mx-time-column"
|
||||||
|
style="position: relative; overflow: hidden;"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-wrap"
|
||||||
|
style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
|
||||||
|
>
|
||||||
|
<ul
|
||||||
|
data-type="minute"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="cell"
|
||||||
|
data-value="1570212000000"
|
||||||
|
>
|
||||||
|
|
||||||
|
00
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cell active"
|
||||||
|
data-value="1570213800000"
|
||||||
|
>
|
||||||
|
|
||||||
|
30
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-track"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-thumb"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar mx-time-column"
|
||||||
|
style="position: relative; overflow: hidden;"
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
class="mx-scrollbar-wrap"
|
||||||
|
style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
|
||||||
|
>
|
||||||
|
<ul
|
||||||
|
data-type="ampm"
|
||||||
|
>
|
||||||
|
<li
|
||||||
|
class="cell active"
|
||||||
|
data-value="1570213800000"
|
||||||
|
>
|
||||||
|
|
||||||
|
AM
|
||||||
|
|
||||||
|
</li>
|
||||||
|
<li
|
||||||
|
class="cell"
|
||||||
|
data-value="1570257000000"
|
||||||
>
|
>
|
||||||
|
|
||||||
PM
|
PM
|
||||||
|
|||||||
@@ -56,7 +56,7 @@ describe('CalendarPanel', () => {
|
|||||||
wrapper = shallowMount(CalendarPanel, {
|
wrapper = shallowMount(CalendarPanel, {
|
||||||
propsData: {
|
propsData: {
|
||||||
type,
|
type,
|
||||||
value: new Date(2019, 9, 1, 10),
|
value: new Date(Date.UTC(2019, 9, 1, 10)),
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
expect(wrapper.element).toMatchSnapshot();
|
expect(wrapper.element).toMatchSnapshot();
|
||||||
|
|||||||
@@ -11,7 +11,7 @@ describe('TimePanel', () => {
|
|||||||
it('render: correct classes of the columns', () => {
|
it('render: correct classes of the columns', () => {
|
||||||
wrapper = mount(TimePanel, {
|
wrapper = mount(TimePanel, {
|
||||||
propsData: {
|
propsData: {
|
||||||
value: new Date(2019, 9, 4, 12, 30, 30),
|
value: new Date(Date.UTC(2019, 9, 4, 12, 30, 30)),
|
||||||
disabledTime: date => date.getHours() < 10,
|
disabledTime: date => date.getHours() < 10,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
@@ -21,7 +21,7 @@ describe('TimePanel', () => {
|
|||||||
it('render: correct columns by format', () => {
|
it('render: correct columns by format', () => {
|
||||||
wrapper = mount(TimePanel, {
|
wrapper = mount(TimePanel, {
|
||||||
propsData: {
|
propsData: {
|
||||||
value: new Date(2019, 9, 4),
|
value: new Date(Date.UTC(2019, 9, 4)),
|
||||||
format: 'hh:mm a',
|
format: 'hh:mm a',
|
||||||
minuteStep: 30,
|
minuteStep: 30,
|
||||||
hourOptions: Array.from({ length: 10 }).map((_, i) => i + 8),
|
hourOptions: Array.from({ length: 10 }).map((_, i) => i + 8),
|
||||||
@@ -33,7 +33,7 @@ describe('TimePanel', () => {
|
|||||||
it('render: correct classes of the fixed time list', () => {
|
it('render: correct classes of the fixed time list', () => {
|
||||||
wrapper = mount(TimePanel, {
|
wrapper = mount(TimePanel, {
|
||||||
propsData: {
|
propsData: {
|
||||||
value: new Date(2019, 10, 9, 12, 30),
|
value: new Date(Date.UTC(2019, 10, 9, 12, 30)),
|
||||||
disabledTime: date => date.getHours() < 10,
|
disabledTime: date => date.getHours() < 10,
|
||||||
timePickerOptions: {
|
timePickerOptions: {
|
||||||
start: '08:30',
|
start: '08:30',
|
||||||
@@ -49,7 +49,7 @@ describe('TimePanel', () => {
|
|||||||
it('render: correct 12hours in the fixed time list', () => {
|
it('render: correct 12hours in the fixed time list', () => {
|
||||||
wrapper = mount(TimePanel, {
|
wrapper = mount(TimePanel, {
|
||||||
propsData: {
|
propsData: {
|
||||||
value: new Date(2019, 10, 9, 12, 30),
|
value: new Date(Date.UTC(2019, 10, 9, 12, 30)),
|
||||||
timePickerOptions: {
|
timePickerOptions: {
|
||||||
start: '08:30',
|
start: '08:30',
|
||||||
step: '00:30',
|
step: '00:30',
|
||||||
|
|||||||
@@ -14,7 +14,10 @@ describe('TimeRange', () => {
|
|||||||
format: 'hh:mm a',
|
format: 'hh:mm a',
|
||||||
minuteStep: 30,
|
minuteStep: 30,
|
||||||
hourStep: 2,
|
hourStep: 2,
|
||||||
value: [new Date(2019, 9, 4, 8, 30, 0), new Date(2019, 9, 4, 18, 30, 0)],
|
value: [
|
||||||
|
new Date(Date.UTC(2019, 9, 4, 8, 30, 0)),
|
||||||
|
new Date(Date.UTC(2019, 9, 4, 18, 30, 0)),
|
||||||
|
],
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
expect(wrapper.element).toMatchSnapshot();
|
expect(wrapper.element).toMatchSnapshot();
|
||||||
|
|||||||
Reference in New Issue
Block a user