test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-12-12 11:55:23 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity
6199340b5f
ant-design/components/calendar/__tests__/__snapshots__/demo.test.js.snap
zombiej 11dba9c305 update snapshot
2018-06-28 17:12:16 +08:00

4442 lines
122 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
<div
class=" ant-fullcalendar-fullscreen"
>
<div
class="ant-fullcalendar-header"
>
<div
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="2016"
>
2016
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<b />
</span>
</div>
</div>
<div
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Nov"
>
Nov
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<b />
</span>
</div>
</div>
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="date"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
tabindex="0"
>
<div
class="ant-fullcalendar-calendar-body"
>
<table
cellspacing="0"
class="ant-fullcalendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Sun"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Su
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Mon"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Mo
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Tue"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Tu
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Wed"
>
<span
class="ant-fullcalendar-column-header-inner"
>
We
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Thu"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Th
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Fri"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Fr
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Sat"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Sa
</span>
</th>
</tr>
</thead>
<tbody
class="ant-fullcalendar-tbody"
>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
role="gridcell"
title="October 30, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
30
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month"
role="gridcell"
title="October 31, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
31
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 1, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
01
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 2, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
02
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 3, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
03
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 4, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
04
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 5, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
05
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 6, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
06
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 7, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
07
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 8, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
08
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 9, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
09
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 10, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
10
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 11, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
11
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 12, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
12
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 13, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
13
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 14, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
14
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 15, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
15
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 16, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
16
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 17, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
17
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 18, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
18
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 19, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
19
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class="ant-fullcalendar-current-week ant-fullcalendar-active-week"
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 20, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
20
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 21, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
21
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day"
role="gridcell"
title="November 22, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
22
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 23, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
23
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 24, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
24
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 25, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
25
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 26, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
26
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 27, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
27
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 28, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
28
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 29, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
29
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
role="gridcell"
title="November 30, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
30
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 1, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
01
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 2, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
02
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 3, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
03
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 4, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
04
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 5, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
05
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 6, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
06
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 7, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
07
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 8, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
08
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 9, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
09
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 10, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
10
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
`;
exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<div
style="width:300px;border:1px solid #d9d9d9;border-radius:4px"
>
<div
class=""
>
<div
class="ant-fullcalendar-header"
>
<div
class="ant-select-sm ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="2016"
>
2016
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<b />
</span>
</div>
</div>
<div
class="ant-select-sm ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Nov"
>
Nov
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<b />
</span>
</div>
</div>
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-small"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="date"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="ant-fullcalendar ant-fullcalendar-full"
tabindex="0"
>
<div
class="ant-fullcalendar-calendar-body"
>
<table
cellspacing="0"
class="ant-fullcalendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Sun"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Su
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Mon"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Mo
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Tue"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Tu
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Wed"
>
<span
class="ant-fullcalendar-column-header-inner"
>
We
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Thu"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Th
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Fri"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Fr
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Sat"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Sa
</span>
</th>
</tr>
</thead>
<tbody
class="ant-fullcalendar-tbody"
>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
role="gridcell"
title="October 30, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
30
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month"
role="gridcell"
title="October 31, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
31
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 1, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
01
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 2, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
02
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 3, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
03
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 4, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
04
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 5, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
05
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 6, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
06
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 7, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
07
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 8, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
08
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 9, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
09
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 10, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
10
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 11, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
11
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 12, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
12
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 13, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
13
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 14, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
14
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 15, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
15
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 16, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
16
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 17, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
17
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 18, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
18
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 19, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
19
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class="ant-fullcalendar-current-week ant-fullcalendar-active-week"
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 20, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
20
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 21, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
21
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day"
role="gridcell"
title="November 22, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
22
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 23, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
23
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 24, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
24
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 25, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
25
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 26, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
26
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 27, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
27
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 28, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
28
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 29, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
29
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
role="gridcell"
title="November 30, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
30
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 1, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
01
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 2, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
02
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 3, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
03
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 4, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
04
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 5, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
05
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 6, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
06
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 7, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
07
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 8, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
08
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 9, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
09
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 10, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
10
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
`;
exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
<div
class=" ant-fullcalendar-fullscreen"
>
<div
class="ant-fullcalendar-header"
>
<div
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="2016"
>
2016
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<b />
</span>
</div>
</div>
<div
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Nov"
>
Nov
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<b />
</span>
</div>
</div>
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="date"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
tabindex="0"
>
<div
class="ant-fullcalendar-calendar-body"
>
<table
cellspacing="0"
class="ant-fullcalendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Sun"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Su
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Mon"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Mo
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Tue"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Tu
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Wed"
>
<span
class="ant-fullcalendar-column-header-inner"
>
We
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Thu"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Th
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Fri"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Fr
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Sat"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Sa
</span>
</th>
</tr>
</thead>
<tbody
class="ant-fullcalendar-tbody"
>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
role="gridcell"
title="October 30, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
30
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month"
role="gridcell"
title="October 31, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
31
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 1, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
01
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 2, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
02
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 3, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
03
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 4, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
04
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 5, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
05
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 6, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
06
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 7, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
07
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 8, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
08
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-warning"
/>
<span
class="ant-badge-status-text"
>
This is warning event.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-success"
/>
<span
class="ant-badge-status-text"
>
This is usual event.
</span>
</span>
</li>
</ul>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 9, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
09
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 10, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
10
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-warning"
/>
<span
class="ant-badge-status-text"
>
This is warning event.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-success"
/>
<span
class="ant-badge-status-text"
>
This is usual event.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-error"
/>
<span
class="ant-badge-status-text"
>
This is error event.
</span>
</span>
</li>
</ul>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 11, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
11
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 12, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
12
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 13, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
13
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 14, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
14
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 15, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
15
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-warning"
/>
<span
class="ant-badge-status-text"
>
This is warning event
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-success"
/>
<span
class="ant-badge-status-text"
>
This is very long usual event。。....
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-error"
/>
<span
class="ant-badge-status-text"
>
This is error event 1.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-error"
/>
<span
class="ant-badge-status-text"
>
This is error event 2.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-error"
/>
<span
class="ant-badge-status-text"
>
This is error event 3.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-error"
/>
<span
class="ant-badge-status-text"
>
This is error event 4.
</span>
</span>
</li>
</ul>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 16, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
16
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 17, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
17
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 18, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
18
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 19, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
19
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
</tr>
<tr
class="ant-fullcalendar-current-week ant-fullcalendar-active-week"
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 20, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
20
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 21, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
21
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-today ant-fullcalendar-selected-day"
role="gridcell"
title="November 22, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
22
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 23, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
23
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 24, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
24
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 25, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
25
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 26, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
26
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 27, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
27
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 28, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
28
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="November 29, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
29
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
role="gridcell"
title="November 30, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
30
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 1, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
01
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 2, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
02
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 3, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
03
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 4, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
04
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 5, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
05
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 6, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
06
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 7, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
07
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 8, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
08
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-warning"
/>
<span
class="ant-badge-status-text"
>
This is warning event.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-success"
/>
<span
class="ant-badge-status-text"
>
This is usual event.
</span>
</span>
</li>
</ul>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 9, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
09
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
/>
</div>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="December 10, 2016"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
10
</div>
<div
class="ant-fullcalendar-content"
>
<ul
class="events"
>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-warning"
/>
<span
class="ant-badge-status-text"
>
This is warning event.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-success"
/>
<span
class="ant-badge-status-text"
>
This is usual event.
</span>
</span>
</li>
<li>
<span
class="ant-badge ant-badge-status ant-badge-not-a-wrapper"
>
<span
class="ant-badge-status-dot ant-badge-status-error"
/>
<span
class="ant-badge-status-text"
>
This is error event.
</span>
</span>
</li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
`;
exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
<div>
<div
class="ant-alert ant-alert-info ant-alert-no-icon"
data-show="true"
>
<span
class="ant-alert-message"
>
You selected date: 2017-01-25
</span>
<span
class="ant-alert-description"
/>
</div>
<div
class=" ant-fullcalendar-fullscreen"
>
<div
class="ant-fullcalendar-header"
>
<div
class="ant-fullcalendar-year-select ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="2017"
>
2017
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<b />
</span>
</div>
</div>
<div
class="ant-fullcalendar-month-select ant-select ant-select-enabled"
>
<div
aria-autocomplete="list"
aria-expanded="false"
aria-haspopup="true"
class="ant-select-selection
ant-select-selection--single"
role="combobox"
tabindex="0"
>
<div
class="ant-select-selection__rendered"
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1"
title="Jan"
>
Jan
</div>
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="on"
>
<b />
</span>
</div>
</div>
<div
class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
>
<span
class="ant-radio-button ant-radio-button-checked"
>
<input
checked=""
class="ant-radio-button-input"
type="radio"
value="date"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Month
</span>
</label>
<label
class="ant-radio-button-wrapper"
>
<span
class="ant-radio-button"
>
<input
class="ant-radio-button-input"
type="radio"
value="month"
/>
<span
class="ant-radio-button-inner"
/>
</span>
<span>
Year
</span>
</label>
</div>
</div>
<div
class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
tabindex="0"
>
<div
class="ant-fullcalendar-calendar-body"
>
<table
cellspacing="0"
class="ant-fullcalendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Sun"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Su
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Mon"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Mo
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Tue"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Tu
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Wed"
>
<span
class="ant-fullcalendar-column-header-inner"
>
We
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Thu"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Th
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Fri"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Fr
</span>
</th>
<th
class="ant-fullcalendar-column-header"
role="columnheader"
title="Sat"
>
<span
class="ant-fullcalendar-column-header-inner"
>
Sa
</span>
</th>
</tr>
</thead>
<tbody
class="ant-fullcalendar-tbody"
>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 1, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
01
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 2, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
02
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 3, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
03
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 4, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
04
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 5, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
05
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 6, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
06
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 7, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
07
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 8, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
08
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 9, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
09
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 10, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
10
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 11, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
11
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 12, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
12
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 13, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
13
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 14, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
14
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 15, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
15
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 16, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
16
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 17, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
17
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 18, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
18
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 19, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
19
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 20, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
20
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 21, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
21
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class="ant-fullcalendar-active-week"
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 22, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
22
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 23, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
23
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 24, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
24
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-selected-day"
role="gridcell"
title="January 25, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
25
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 26, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
26
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 27, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
27
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 28, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
28
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 29, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
29
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell"
role="gridcell"
title="January 30, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
30
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
role="gridcell"
title="January 31, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
31
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 1, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
01
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 2, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
02
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 3, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
03
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 4, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
04
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 5, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
05
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 6, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
06
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 7, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
07
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 8, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
08
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 9, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
09
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 10, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
10
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
<td
class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
role="gridcell"
title="February 11, 2017"
>
<div
class="ant-fullcalendar-date"
>
<div
class="ant-fullcalendar-value"
>
11
</div>
<div
class="ant-fullcalendar-content"
/>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink