mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 09:26:06 +08:00
Code Issues Actions 18 Packages Projects Releases Wiki Activity

chore: upgrade menu (#10305)

Browse Source 
* chore: upgrade menu and select

* Add test case for coverage percent
This commit is contained in:
Junbin Huang 2018-04-29 23:01:58 +08:00 committed by 偏右
parent cd6ad64cab
commit 3a3d550b54
20 changed files with 327 additions and 362 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
components/auto-complete/__tests__/__snapshots__/demo.test.js.snap
View File

@ -19,7 +19,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
input here
</div>
@ -47,7 +47,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -78,7 +78,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
input here
</div>
@ -117,7 +117,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -166,7 +166,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -193,7 +193,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
try to type \`b\`
</div>
@ -221,7 +221,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -248,7 +248,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
input here
</div>
@ -276,7 +276,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -307,7 +307,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
input here
</div>
@ -351,7 +351,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>

16
components/calendar/__tests__/__snapshots__/demo.test.js.snap
View File

@ -33,7 +33,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -65,7 +65,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -1042,7 +1042,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -1074,7 +1074,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -2049,7 +2049,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -2081,7 +2081,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -3466,7 +3466,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -3498,7 +3498,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>

20
components/form/__tests__/__snapshots__/demo.test.js.snap
View File

@ -543,7 +543,7 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Select a option and change input text above
</div>
@ -551,7 +551,7 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -649,7 +649,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -1637,7 +1637,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -1698,7 +1698,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
website
</div>
@ -1726,7 +1726,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -2263,7 +2263,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Please select a country
</div>
@ -2271,7 +2271,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -2321,7 +2321,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Please select favourite colors
</div>
@ -3340,7 +3340,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>

22
components/input/__tests__/__snapshots__/demo.test.js.snap
View File

@ -68,7 +68,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -110,7 +110,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -242,7 +242,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -285,7 +285,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -399,7 +399,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -431,7 +431,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -468,7 +468,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -524,7 +524,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -548,7 +548,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Email
</div>
@ -576,7 +576,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -614,7 +614,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>

70
components/layout/__tests__/__snapshots__/demo.test.js.snap
View File

@ -138,13 +138,11 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
class="logo"
/>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
role="menu"
tabindex="0"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:24px"
@ -157,7 +155,6 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -170,7 +167,6 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -218,28 +214,24 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
class="logo"
/>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
role="menu"
style="line-height:64px"
tabindex="0"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
>
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
@ -322,13 +314,11 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
class="logo"
/>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
role="menu"
tabindex="0"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -343,7 +333,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -358,7 +347,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -373,7 +361,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</span>
</li>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:24px"
@ -388,7 +375,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -403,7 +389,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -418,7 +403,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -433,7 +417,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -587,13 +570,11 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
class="logo"
/>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
role="menu"
tabindex="0"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -608,7 +589,6 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -623,7 +603,6 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -638,7 +617,6 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
</span>
</li>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:24px"
@ -698,13 +676,11 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class="logo"
/>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
role="menu"
tabindex="0"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:24px"
@ -717,7 +693,6 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -731,11 +706,11 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -751,14 +726,15 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -774,9 +750,9 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -866,28 +842,24 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
class="logo"
/>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
role="menu"
style="line-height:64px"
tabindex="0"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
>
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
@ -966,28 +938,24 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
class="logo"
/>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
role="menu"
style="line-height:64px"
tabindex="0"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
>
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
@ -1052,7 +1020,6 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
class="ant-layout-sider-children"
>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
role="menu"
style="height:100%"
@ -1060,6 +1027,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
role="menuitem"
>
<div
aria-expanded="true"
@ -1079,13 +1047,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
/>
</div>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-sub ant-menu-inline"
id="sub1$Menu"
role="menu"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:48px"
@ -1093,7 +1059,6 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
option1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -1101,7 +1066,6 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
option2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -1109,7 +1073,6 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
option3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -1120,11 +1083,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -1138,14 +1101,15 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub3$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -1159,6 +1123,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
</ul>
</div>
@ -1191,28 +1156,24 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
class="logo"
/>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-horizontal"
role="menu"
style="line-height:64px"
tabindex="0"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
nav 1
</li>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
>
nav 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
@ -1231,7 +1192,6 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
class="ant-layout-sider-children"
>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
role="menu"
style="height:100%;border-right:0"
@ -1239,6 +1199,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
role="menuitem"
>
<div
aria-expanded="true"
@ -1258,13 +1219,11 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
/>
</div>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-sub ant-menu-inline"
id="sub1$Menu"
role="menu"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:48px"
@ -1272,7 +1231,6 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
option1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -1280,7 +1238,6 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
option2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -1288,7 +1245,6 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
option3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -1299,11 +1255,11 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -1317,14 +1273,15 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub3$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -1338,6 +1295,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
</ul>
</div>

10
components/locale-provider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -156,7 +156,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -207,7 +207,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -500,7 +500,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -532,7 +532,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -1643,7 +1643,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>

288
components/locale-provider/__tests__/__snapshots__/index.test.js.snap
View File

File diff suppressed because it is too large Load Diff

78
components/menu/__tests__/__snapshots__/demo.test.js.snap
View File

@ -2,13 +2,11 @@
exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
<ul
aria-activedescendant=""
class="ant-menu ant-menu-light ant-menu-root ant-menu-horizontal"
role="menu"
tabindex="0"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
>
@ -19,7 +17,6 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
</li>
<li
aria-disabled="true"
aria-selected="false"
class="ant-menu-item ant-menu-item-disabled"
role="menuitem"
>
@ -30,11 +27,11 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-horizontal"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="item_2$Menu"
class="ant-menu-submenu-title"
>
<span>
@ -49,7 +46,6 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
</div>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
>
@ -66,7 +62,6 @@ exports[`renders ./components/menu/demo/horizontal.md correctly 1`] = `
exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
<ul
aria-activedescendant=""
class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
role="menu"
style="width:256px"
@ -74,6 +69,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
role="menuitem"
>
<div
aria-expanded="true"
@ -95,7 +91,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
/>
</div>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-sub ant-menu-inline"
id="sub1$Menu"
role="menu"
@ -113,7 +108,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
class="ant-menu-item-group-list"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:48px"
@ -121,7 +115,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
Option 1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -143,7 +136,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
class="ant-menu-item-group-list"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -151,7 +143,6 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
Option 3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -164,11 +155,11 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -184,14 +175,15 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub4$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -207,6 +199,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
</ul>
`;
@ -225,13 +218,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
/>
</button>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
role="menu"
tabindex="0"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:24px"
@ -244,7 +235,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -257,7 +247,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -271,6 +260,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
role="menuitem"
>
<div
aria-expanded="true"
@ -292,13 +282,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
/>
</div>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-sub ant-menu-inline"
id="sub1$Menu"
role="menu"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -306,7 +294,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
Option 5
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -314,7 +301,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
Option 6
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -322,7 +308,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
Option 7
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -333,11 +318,11 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -353,6 +338,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
</ul>
</div>
@ -360,7 +346,6 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
<ul
aria-activedescendant=""
class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
role="menu"
style="width:256px"
@ -368,6 +353,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
role="menuitem"
>
<div
aria-expanded="true"
@ -389,13 +375,11 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
/>
</div>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-sub ant-menu-inline"
id="sub1$Menu"
role="menu"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -403,7 +387,6 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
Option 1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -411,7 +394,6 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
Option 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -419,7 +401,6 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
Option 3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -430,11 +411,11 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -450,14 +431,15 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub4$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -473,6 +455,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
</ul>
`;
@ -504,14 +487,12 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
<br />
<br />
<ul
aria-activedescendant=""
class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
role="menu"
style="width:256px"
tabindex="0"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:24px"
@ -522,7 +503,6 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
Navigation One
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px"
@ -534,6 +514,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
role="menuitem"
>
<div
aria-expanded="true"
@ -555,13 +536,11 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
/>
</div>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-sub ant-menu-inline"
id="sub1$Menu"
role="menu"
>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -569,7 +548,6 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
Option 3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -578,11 +556,11 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub1-2$Menu"
class="ant-menu-submenu-title"
style="padding-left:48px"
title="Submenu"
@ -592,16 +570,17 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
</ul>
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -617,6 +596,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
</ul>
</div>
@ -638,7 +618,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
<br />
<br />
<ul
aria-activedescendant=""
class="ant-menu ant-menu-dark ant-menu-root ant-menu-inline"
role="menu"
style="width:256px"
@ -646,6 +625,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
>
<li
class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected"
role="menuitem"
>
<div
aria-expanded="true"
@ -667,13 +647,11 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
/>
</div>
<ul
aria-activedescendant=""
class="ant-menu ant-menu-sub ant-menu-inline"
id="sub1$Menu"
role="menu"
>
<li
aria-selected="true"
class="ant-menu-item ant-menu-item-selected"
role="menuitem"
style="padding-left:48px"
@ -681,7 +659,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
Option 1
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -689,7 +666,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
Option 2
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -697,7 +673,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
Option 3
</li>
<li
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px"
@ -708,11 +683,11 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -728,14 +703,15 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
<li
class="ant-menu-submenu ant-menu-submenu-inline"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub4$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px"
>
@ -751,6 +727,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
class="ant-menu-submenu-arrow"
/>
</div>
<div />
</li>
</ul>
</div>
@ -758,7 +735,6 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
<ul
aria-activedescendant=""
class="ant-menu ant-menu-light ant-menu-root ant-menu-vertical"
role="menu"
style="width:256px"
@ -766,11 +742,11 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
>
<li
class="ant-menu-submenu ant-menu-submenu-vertical"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
>
<span>
@ -788,11 +764,11 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-vertical"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
>
<span>
@ -810,11 +786,11 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
</li>
<li
class="ant-menu-submenu ant-menu-submenu-vertical"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="sub4$Menu"
class="ant-menu-submenu-title"
>
<span>

25
components/menu/__tests__/index.test.js
View File

@ -133,14 +133,14 @@ describe('Menu', () => {
<Menu.Item key="2">menu2</Menu.Item>
</Menu>
);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
wrapper.setProps({ mode: 'vertical' });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
wrapper.setProps({ mode: 'inline' });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
});
it('should always follow openKeys when mode is switched', () => {
it('should always follow openKeys when inlineCollapsed is switched', () => {
const wrapper = mount(
<Menu defaultOpenKeys={['1']} mode="inline">
<Menu.Item key="menu1">
@ -157,24 +157,23 @@ describe('Menu', () => {
</SubMenu>
</Menu>
);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-inline')).toBe(true);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-inline')).toBe(true);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
wrapper.setProps({ inlineCollapsed: true });
// 动画结束后套样式;
jest.runAllTimers();
wrapper.update();
expect(wrapper.find('.ant-menu').at(0).hasClass('ant-menu-vertical')).toBe(true);
expect(wrapper.find('.ant-menu-sub').length).toBe(0);
expect(wrapper.find('ul.ant-menu-root').at(0).hasClass('ant-menu-vertical')).toBe(true);
expect(wrapper.find('ul.ant-menu-sub').length).toBe(0);
wrapper.setProps({ inlineCollapsed: false });
jest.runAllTimers();
wrapper.update();
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-inline')).toBe(true);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-inline')).toBe(true);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
});
it('inlineCollapsed should works well when specify a not existed default openKeys', () => {
@ -203,8 +202,8 @@ describe('Menu', () => {
wrapper.update();
expect(wrapper.find('.ant-menu-submenu').at(0).hasClass('ant-menu-submenu-vertical')).toBe(true);
expect(wrapper.find('.ant-menu-submenu').at(0).hasClass('ant-menu-submenu-open')).toBe(true);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-vertical')).toBe(true);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-vertical')).toBe(true);
expect(wrapper.find('ul.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(false);
});
describe('open submenu when click submenu title', () => {

2
components/notification/__tests__/__snapshots__/demo.test.js.snap
View File

@ -73,7 +73,7 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>

4
components/pagination/__tests__/__snapshots__/demo.test.js.snap
View File

@ -189,7 +189,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -634,7 +634,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>

30
components/progress/__tests__/__snapshots__/index.test.js.snap
View File

@ -1,5 +1,35 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Progress render format 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
<div>
<div
class="ant-progress-outer"
>
<div
class="ant-progress-inner"
>
<div
class="ant-progress-bg"
style="width: 50%; height: 8px;"
/>
<div
class="ant-progress-success-bg"
style="width: 10%; height: 8px;"
/>
</div>
</div>
<span
class="ant-progress-text"
>
50 10
</span>
</div>
</div>
`;
exports[`Progress render negetive progress 1`] = `
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"

21
components/progress/__tests__/index.test.js
View File

@ -3,7 +3,7 @@ import { mount } from 'enzyme';
import Progress from '..';
describe('Progress', () => {
it('successPercent should decide the progress status when it exists', async () => {
it('successPercent should decide the progress status when it exists', () => {
const wrapper = mount(<Progress percent={100} successPercent={50} />);
expect(wrapper.find('.ant-progress-status-success')).toHaveLength(0);
@ -11,23 +11,34 @@ describe('Progress', () => {
expect(wrapper.find('.ant-progress-status-success')).toHaveLength(1);
});
it('render out-of-range progress', async () => {
it('render out-of-range progress', () => {
const wrapper = mount(<Progress percent={120} />);
expect(wrapper.render()).toMatchSnapshot();
});
it('render out-of-range progress with info', async () => {
it('render out-of-range progress with info', () => {
const wrapper = mount(<Progress percent={120} showInfo />);
expect(wrapper.render()).toMatchSnapshot();
});
it('render negetive progress', async () => {
it('render negetive progress', () => {
const wrapper = mount(<Progress percent={-20} />);
expect(wrapper.render()).toMatchSnapshot();
});
it('render negetive successPercent', async () => {
it('render negetive successPercent', () => {
const wrapper = mount(<Progress percent={50} successPercent={-20} />);
expect(wrapper.render()).toMatchSnapshot();
});
it('render format', () => {
const wrapper = mount(
<Progress
percent={50}
successPercent={10}
format={(percent, successPercent) => `${percent} ${successPercent}`}
/>
);
expect(wrapper.render()).toMatchSnapshot();
});
});

10
components/progress/progress.tsx
View File

@ -81,12 +81,12 @@ export default class Progress extends React.Component<ProgressProps, {}> {
if (showInfo) {
let text;
const iconType = (type === 'circle' || type === 'dashboard') ? '' : '-circle';
if (progressStatus === 'exception') {
text = format ? textFormatter(validProgress(percent), validProgress(successPercent)) : <Icon type={`cross${iconType}`} />;
} else if (progressStatus === 'success') {
text = format ? textFormatter(validProgress(percent), validProgress(successPercent)) : <Icon type={`check${iconType}`} />;
} else {
if (format || (progressStatus !== 'exception' && progressStatus !== 'success')) {
text = textFormatter(validProgress(percent), validProgress(successPercent));
} else if (progressStatus === 'exception') {
text = <Icon type={`cross${iconType}`} />;
} else if (progressStatus === 'success') {
text = <Icon type={`check${iconType}`} />;
}
progressInfo = <span className={`${prefixCls}-text`}>{text}</span>;
}

50
components/select/__tests__/__snapshots__/demo.test.js.snap
View File

@ -70,7 +70,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -103,12 +103,12 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
<span
class="ant-select-selection__clear"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
/>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -136,7 +136,7 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Enter the account name
</div>
@ -164,7 +164,7 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -201,7 +201,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -234,7 +234,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -271,7 +271,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -298,7 +298,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Please select
</div>
@ -307,7 +307,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="unselectable"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
@ -322,7 +322,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
@ -385,7 +385,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -413,7 +413,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Select a person
</div>
@ -440,7 +440,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -467,7 +467,7 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
input search text
</div>
@ -515,7 +515,7 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Select users
</div>
@ -637,7 +637,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -683,7 +683,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>
@ -708,7 +708,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Please select
</div>
@ -717,7 +717,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="unselectable"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
@ -732,7 +732,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
@ -784,7 +784,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Please select
</div>
@ -793,7 +793,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="unselectable"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
@ -808,7 +808,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
unselectable="on"
>
<div
class="ant-select-selection__choice__content"
@ -863,7 +863,7 @@ exports[`renders ./components/select/demo/tags.md correctly 1`] = `
<div
class="ant-select-selection__placeholder"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
Tags Mode
</div>

10
components/table/__tests__/__snapshots__/Table.filter.test.js.snap
View File

@ -132,13 +132,11 @@ exports[`Table.filter renders menu correctly 1`] = `
class="ant-table-filter-dropdown"
>
<ul
aria-activedescendant=""
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
role="menu"
tabindex="0"
>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
@ -162,7 +160,6 @@ exports[`Table.filter renders menu correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
@ -187,11 +184,11 @@ exports[`Table.filter renders menu correctly 1`] = `
</li>
<li
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="title$Menu"
class="ant-dropdown-menu-submenu-title"
title="Title"
>
@ -230,13 +227,11 @@ exports[`Table.filter renders radio filter correctly 1`] = `
class="ant-table-filter-dropdown"
>
<ul
aria-activedescendant=""
class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical"
role="menu"
tabindex="0"
>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
@ -260,7 +255,6 @@ exports[`Table.filter renders radio filter correctly 1`] = `
</span>
</li>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
@ -285,11 +279,11 @@ exports[`Table.filter renders radio filter correctly 1`] = `
</li>
<li
class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
role="menuitem"
>
<div
aria-expanded="false"
aria-haspopup="true"
aria-owns="title$Menu"
class="ant-dropdown-menu-submenu-title"
title="Title"
>

3
components/table/__tests__/__snapshots__/Table.rowSelection.test.js.snap
View File

@ -410,13 +410,11 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
class="ant-dropdown ant-dropdown-placement-bottomLeft ant-dropdown-hidden"
>
<ul
aria-activedescendant=""
class="ant-dropdown-menu ant-table-selection-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
role="menu"
tabindex="0"
>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>
@ -425,7 +423,6 @@ exports[`Table.rowSelection render with default selection correctly 1`] = `
</div>
</li>
<li
aria-selected="false"
class="ant-dropdown-menu-item"
role="menuitem"
>

2
components/table/filterDropdown.tsx
View File

@ -145,7 +145,7 @@ export default class FilterMenu<T> extends React.Component<FilterMenuProps<T>, F
}
handleMenuItemClick = (info: { keyPath: string, key: string }) => {
if (info.keyPath.length <= 1) {
if (!info.keyPath || info.keyPath.length <= 1) {
return;
}
const keyPathOfSelectedItem = this.state.keyPathOfSelectedItem;

2
components/tabs/__tests__/__snapshots__/demo.test.js.snap
View File

@ -837,7 +837,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
unselectable="on"
>
<b />
</span>

4
package.json
View File

@ -60,12 +60,12 @@
"rc-editor-mention": "^1.0.2",
"rc-form": "^2.1.0",
"rc-input-number": "~4.0.0",
"rc-menu": "~6.2.0",
"rc-menu": "~7.0.2",
"rc-notification": "~3.1.0",
"rc-pagination": "~1.16.1",
"rc-progress": "~2.2.2",
"rc-rate": "~2.4.0",
"rc-select": "~7.7.0",
"rc-select": "~8.0.1",
"rc-slider": "~8.6.0",
"rc-steps": "~3.1.0",
"rc-switch": "~1.6.0",