ant-design/components/date-picker/__tests__/__snapshots__/demo.test.js.snap

825 lines
16 KiB
Plaintext
Raw Normal View History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/date-picker/demo/basic.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
2016-11-22 14:28:05 +08:00
readonly=""
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
2017-02-15 16:40:26 +08:00
placeholder="Select month"
2016-11-22 14:28:05 +08:00
readonly=""
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-calendar-picker"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-input ant-input"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-range-picker-separator"
>
2016-11-22 14:28:05 +08:00
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2016-11-22 14:28:05 +08:00
</span>
</span>
<br />
<span
class="ant-calendar-picker"
>
<span>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select week"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders ./components/date-picker/demo/date-render.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
2017-09-27 09:56:03 +08:00
placeholder="Select date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
<span
class="ant-calendar-picker"
tabindex="0"
>
<span
class="ant-calendar-picker-input ant-input"
>
<input
class="ant-calendar-range-picker-input"
2017-09-27 09:56:03 +08:00
placeholder="Start date"
readonly=""
tabindex="-1"
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
2017-09-27 09:56:03 +08:00
placeholder="End date"
readonly=""
tabindex="-1"
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/disabled.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2017-07-12 15:07:04 +08:00
class="ant-calendar-picker-input ant-input ant-input-disabled"
2016-11-22 14:28:05 +08:00
disabled=""
placeholder="Select date"
2016-11-22 14:28:05 +08:00
readonly=""
value="2015-06-06"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2017-07-12 15:07:04 +08:00
class="ant-calendar-picker-input ant-input ant-input-disabled"
2016-11-22 14:28:05 +08:00
disabled=""
placeholder="Select date"
2016-11-22 14:28:05 +08:00
readonly=""
value="2015-06"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-calendar-picker"
tabindex="-1"
>
2016-11-22 14:28:05 +08:00
<span
2017-07-12 15:07:04 +08:00
class="ant-calendar-picker-input ant-input ant-input-disabled"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-calendar-range-picker-input"
2016-11-22 14:28:05 +08:00
disabled=""
placeholder="Start date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value="2015-06-06"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-range-picker-separator"
>
2016-11-22 14:28:05 +08:00
~
</span>
<input
class="ant-calendar-range-picker-input"
2016-11-22 14:28:05 +08:00
disabled=""
placeholder="End date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value="2015-06-06"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2016-11-22 14:28:05 +08:00
</span>
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
2016-12-11 14:08:15 +08:00
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
2016-11-22 14:28:05 +08:00
readonly=""
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
2017-05-15 16:41:44 +08:00
<span
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2017-05-15 16:41:44 +08:00
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select month"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2017-05-15 16:41:44 +08:00
</span>
<br />
2017-06-05 17:15:41 +08:00
<span
class="ant-calendar-picker"
style="width:350px"
tabindex="0"
2017-06-05 17:15:41 +08:00
>
<span
class="ant-calendar-picker-input ant-input"
>
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
2017-06-05 17:15:41 +08:00
readonly=""
tabindex="-1"
2017-06-05 17:15:41 +08:00
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
2017-06-05 17:15:41 +08:00
readonly=""
tabindex="-1"
2017-06-05 17:15:41 +08:00
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker"
>
2017-06-06 17:55:01 +08:00
<div>
2017-06-05 17:15:41 +08:00
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
2017-06-05 17:15:41 +08:00
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
2017-06-06 17:55:01 +08:00
</div>
2017-06-05 17:15:41 +08:00
</span>
<span
class="ant-calendar-picker"
>
2017-06-06 17:55:01 +08:00
<div>
2017-06-05 17:15:41 +08:00
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
2017-06-05 17:15:41 +08:00
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
2017-06-06 17:55:01 +08:00
</div>
2017-06-05 17:15:41 +08:00
</span>
<span
class="ant-calendar-picker"
tabindex="0"
2017-06-05 17:15:41 +08:00
>
<span
class="ant-calendar-picker-input ant-input"
>
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
2017-06-05 17:15:41 +08:00
readonly=""
tabindex="-1"
2017-06-05 17:15:41 +08:00
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
2017-06-05 17:15:41 +08:00
readonly=""
tabindex="-1"
2017-06-05 17:15:41 +08:00
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
2016-11-22 14:28:05 +08:00
<span
2016-12-11 14:08:15 +08:00
class="ant-calendar-picker"
style="width:350px"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-input ant-input"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-range-picker-separator"
>
2016-11-22 14:28:05 +08:00
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2016-11-22 14:28:05 +08:00
</span>
</span>
<span
class="ant-calendar-picker"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select month"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders ./components/date-picker/demo/format.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
2016-11-22 14:28:05 +08:00
readonly=""
value="2015/01/01"
/>
2016-11-22 14:28:05 +08:00
<i
class="anticon anticon-cross-circle ant-calendar-picker-clear"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
2016-11-22 14:28:05 +08:00
readonly=""
value="2015/01"
/>
2016-11-22 14:28:05 +08:00
<i
class="anticon anticon-cross-circle ant-calendar-picker-clear"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-calendar-picker"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-input ant-input"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value="2015/01/01"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-range-picker-separator"
>
2016-11-22 14:28:05 +08:00
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value="2015/01/01"
/>
2016-11-22 14:28:05 +08:00
<i
class="anticon anticon-cross-circle ant-calendar-picker-clear"
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2016-11-22 14:28:05 +08:00
</span>
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/mode.md correctly 1`] = `
<div>
<span
class="ant-calendar-picker"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</div>
</span>
<br />
<span
class="ant-calendar-picker"
tabindex="0"
>
<span
class="ant-calendar-picker-input ant-input"
>
<input
class="ant-calendar-range-picker-input"
placeholder="Start month"
readonly=""
tabindex="-1"
value=""
/>
<span
class="ant-calendar-range-picker-separator"
>
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End month"
readonly=""
tabindex="-1"
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
class="ant-calendar-picker"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-input ant-input"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-range-picker-separator"
>
2016-11-22 14:28:05 +08:00
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2016-11-22 14:28:05 +08:00
</span>
</span>
<br />
<span
2016-12-11 14:08:15 +08:00
class="ant-calendar-picker"
style="width:350px"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-input ant-input"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-range-picker-separator"
>
2016-11-22 14:28:05 +08:00
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2016-11-22 14:28:05 +08:00
</span>
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/size.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<div
2018-06-28 17:12:16 +08:00
class="ant-radio-group ant-radio-group-outline"
>
2016-11-22 14:28:05 +08:00
<label
class="ant-radio-button-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-radio-button"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-radio-button-input"
type="radio"
2018-01-25 18:24:59 +08:00
value="large"
/>
2017-02-28 16:14:41 +08:00
<span
class="ant-radio-button-inner"
/>
2016-11-22 14:28:05 +08:00
</span>
<span>
Large
</span>
</label>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-radio-button ant-radio-button-checked"
>
2016-11-22 14:28:05 +08:00
<input
checked=""
class="ant-radio-button-input"
type="radio"
2018-01-25 18:24:59 +08:00
value="default"
/>
2017-02-28 16:14:41 +08:00
<span
class="ant-radio-button-inner"
/>
2016-11-22 14:28:05 +08:00
</span>
<span>
Default
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-radio-button"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-radio-button-input"
type="radio"
2018-01-25 18:24:59 +08:00
value="small"
/>
2017-02-28 16:14:41 +08:00
<span
class="ant-radio-button-inner"
/>
2016-11-22 14:28:05 +08:00
</span>
<span>
Small
</span>
</label>
</div>
<br />
<br />
<span
class="ant-calendar-picker ant-calendar-picker-default"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
2016-11-22 14:28:05 +08:00
readonly=""
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-calendar-picker ant-calendar-picker-default"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
placeholder="Select Month"
2016-11-22 14:28:05 +08:00
readonly=""
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
class="ant-calendar-picker ant-calendar-picker-default"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-input ant-input"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-calendar-range-picker-input"
placeholder="Start date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-range-picker-separator"
>
2016-11-22 14:28:05 +08:00
~
</span>
<input
class="ant-calendar-range-picker-input"
placeholder="End date"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2016-11-22 14:28:05 +08:00
</span>
</span>
<br />
<span
class="ant-calendar-picker ant-calendar-picker-default"
>
<span>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select Week"
readonly=""
value=""
/>
<span
class="ant-calendar-picker-icon"
/>
</span>
</span>
2016-11-22 14:28:05 +08:00
</div>
`;
exports[`renders ./components/date-picker/demo/start-end.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
2016-12-11 14:08:15 +08:00
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
2016-11-22 14:28:05 +08:00
placeholder="Start"
readonly=""
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<span
2016-12-11 14:08:15 +08:00
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
2016-11-22 14:28:05 +08:00
placeholder="End"
readonly=""
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
</div>
`;
exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
2016-11-22 14:28:05 +08:00
<div>
<span
2016-12-11 14:08:15 +08:00
class="ant-calendar-picker"
>
2017-06-03 01:38:26 +08:00
<div>
2016-11-22 14:28:05 +08:00
<input
2016-12-05 11:47:42 +08:00
class="ant-calendar-picker-input ant-input"
2016-11-22 14:28:05 +08:00
placeholder="Select Time"
readonly=""
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2017-06-03 01:38:26 +08:00
</div>
2016-11-22 14:28:05 +08:00
</span>
<br />
<span
2016-12-11 14:08:15 +08:00
class="ant-calendar-picker"
style="width:350px"
tabindex="0"
>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-input ant-input"
>
2016-11-22 14:28:05 +08:00
<input
class="ant-calendar-range-picker-input"
2016-11-23 20:38:57 +08:00
placeholder="Start Time"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-range-picker-separator"
>
2016-11-22 14:28:05 +08:00
~
</span>
<input
class="ant-calendar-range-picker-input"
2016-11-23 20:38:57 +08:00
placeholder="End Time"
2016-11-22 14:28:05 +08:00
readonly=""
tabindex="-1"
value=""
/>
2016-11-22 14:28:05 +08:00
<span
class="ant-calendar-picker-icon"
/>
2016-11-22 14:28:05 +08:00
</span>
</span>
</div>
`;