ant-design/components/date-picker/__tests__/__snapshots__/DatePicker.test.js.snap
vagusX 149729e524
use ant design icons 4.0 (#18217)
* feat: use @ant-design/icons@4.0

* feat: use createFromIconfontCN to make site works

* feat: update doc for Icon

* feat: use icon in component Alert

* feat: use icon in component Avatar

* feat: use icon in component Breadcrumb

* feat: use icon in component Button

* feat: use icon in component Cascader

* feat: use icon in component Collapse

* feat: use icon in component Datepicker

* feat: use icon in component Dropdown

* feat: use icon in component Form

* feat: use icon in component Input

* feat: use icon in component InputNumber

* feat: use icon in component Layout

* feat: use icon in component Mention

* feat: use icon in component Message

* feat: use icon in component Modal

* feat: use icon in component Notification

* feat: use icon in component PageHeader

* feat: use icon in component Pagination

* feat: use icon in component Popconfirm

* feat: use icon in component Progress

* feat: use icon in component Rate

* feat: use icon in component Result

* feat: use icon in component Select

* feat: use icon in component Step

* feat: use icon in component Switch

* feat: use icon in component Table

* feat: use icon in component Tab

* feat: use icon in component Tag

* feat: handle rest component which using Icon

* fix: remove unused vars

* feat: use latest alpha ant design icons

* fix: failed test in uploadlist.test.js

* test: update snapshot for icons

* doc: add Icon for site

* doc: use @ant-design/icons in site

* chore: use latest icons

* fix: tslint issue

* fix: test cases

* fix: types for react

* fix: lint rules for import orders

* fix: use @ant-design/icons@4.0.0-alpha.5 to avoid insert css in server render

* fix: eslint error in demo/**.md

* inject antd icons

* update snapshot

* fix site

* doc: update docs

* fix: code snippets icon in site

* feat: use latest @ant-design/icons

* fix: icon props in message
2019-08-13 14:07:17 +08:00

869 lines
29 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`DatePicker disabled date 1`] = `
<span
class="ant-calendar-picker"
>
<div>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Select date"
readonly=""
value=""
/>
<span
aria-label="calendar"
class="anticon anticon-calendar ant-calendar-picker-icon"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</div>
</span>
`;
exports[`DatePicker prop locale should works 1`] = `
<span
class="ant-calendar-picker"
>
<div
style=""
>
<input
class="ant-calendar-picker-input ant-input"
placeholder="Избери дата"
readonly=""
value="2000-01-01"
/>
<span
aria-label="close-circle"
class="anticon anticon-close-circle ant-calendar-picker-clear"
role="img"
tabindex="-1"
>
<svg
aria-hidden="true"
class=""
data-icon="close-circle"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
/>
</svg>
</span>
<span
aria-label="calendar"
class="anticon anticon-calendar ant-calendar-picker-icon"
role="img"
>
<svg
aria-hidden="true"
class=""
data-icon="calendar"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
/>
</svg>
</span>
</div>
<div>
<div
class="ant-calendar-picker-container ant-calendar-picker-container-placement-bottomLeft slide-up-appear"
style="left: -999px; top: -1002px;"
>
<div
class="ant-calendar"
tabindex="0"
>
<div
class="ant-calendar-panel"
>
<div
class="ant-calendar-input-wrap"
>
<div
class="ant-calendar-date-input-wrap"
>
<input
class="ant-calendar-input "
placeholder="Избери дата"
value="2000-01-01"
/>
</div>
<a
role="button"
title="Изчистване"
>
<span
class="ant-calendar-clear-btn"
/>
</a>
</div>
<div
class="ant-calendar-date-panel"
tabindex="0"
>
<div
class="ant-calendar-header"
>
<div
style="position: relative;"
>
<a
class="ant-calendar-prev-year-btn"
role="button"
title="Последна година (Control + left)"
/>
<a
class="ant-calendar-prev-month-btn"
role="button"
title="Предишен месец (PageUp)"
/>
<span
class="ant-calendar-my-select"
>
<a
class="ant-calendar-month-select"
role="button"
title="Избор на месец"
>
Jan
</a>
<a
class="ant-calendar-year-select"
role="button"
title="Избор на година"
>
2000
</a>
</span>
<a
class="ant-calendar-next-month-btn"
title="Следващ месец (PageDown)"
/>
<a
class="ant-calendar-next-year-btn"
title="Следваща година (Control + right)"
/>
</div>
</div>
<div
class="ant-calendar-body"
>
<table
cellspacing="0"
class="ant-calendar-table"
role="grid"
>
<thead>
<tr
role="row"
>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Sun"
>
<span
class="ant-calendar-column-header-inner"
>
Su
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Mon"
>
<span
class="ant-calendar-column-header-inner"
>
Mo
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Tue"
>
<span
class="ant-calendar-column-header-inner"
>
Tu
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Wed"
>
<span
class="ant-calendar-column-header-inner"
>
We
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Thu"
>
<span
class="ant-calendar-column-header-inner"
>
Th
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Fri"
>
<span
class="ant-calendar-column-header-inner"
>
Fr
</span>
</th>
<th
class="ant-calendar-column-header"
role="columnheader"
title="Sat"
>
<span
class="ant-calendar-column-header-inner"
>
Sa
</span>
</th>
</tr>
</thead>
<tbody
class="ant-calendar-tbody"
>
<tr
class="ant-calendar-active-week"
role="row"
>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="December 26, 1999"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="December 27, 1999"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="December 28, 1999"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="December 29, 1999"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell"
role="gridcell"
title="December 30, 1999"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-month-cell ant-calendar-last-day-of-month"
role="gridcell"
title="December 31, 1999"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-selected-date ant-calendar-selected-day"
role="gridcell"
title="January 1, 2000"
>
<div
aria-disabled="false"
aria-selected="true"
class="ant-calendar-date"
>
1
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 2, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 3, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 4, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 5, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 6, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
6
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 7, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
7
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 8, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
8
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 9, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
9
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 10, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
10
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 11, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
11
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 12, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
12
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 13, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
13
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 14, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
14
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 15, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
15
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 16, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
16
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 17, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
17
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 18, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
18
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 19, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
19
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 20, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
20
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 21, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
21
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 22, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
22
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 23, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
23
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 24, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
24
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 25, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
25
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 26, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
26
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 27, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
27
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 28, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
28
</div>
</td>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 29, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
29
</div>
</td>
</tr>
<tr
class=""
role="row"
>
<td
class="ant-calendar-cell"
role="gridcell"
title="January 30, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
30
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-last-day-of-month"
role="gridcell"
title="January 31, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
31
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="February 1, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
1
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="February 2, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
2
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="February 3, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
3
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="February 4, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
4
</div>
</td>
<td
class="ant-calendar-cell ant-calendar-next-month-btn-day"
role="gridcell"
title="February 5, 2000"
>
<div
aria-disabled="false"
aria-selected="false"
class="ant-calendar-date"
>
5
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div
class="ant-calendar-footer"
>
<span
class="ant-calendar-footer-btn"
>
<a
class="ant-calendar-today-btn "
role="button"
title="November 22, 2016"
>
Днес
</a>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</span>
`;