mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 14:13:37 +08:00
Code Issues Actions 28 Packages Projects Releases Wiki Activity

React 16 + Enzyme 3

Browse Source
This commit is contained in:
Wei Zhu 2017-09-20 16:26:18 +08:00
parent 802bd98f16
commit c5487ad1eb
78 changed files with 11108 additions and 1204 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/affix/__tests__/Affix.test.js
View File

@ -54,7 +54,7 @@ describe('Affix Render', () => {
const wrapper = mount(<AffixMounter />, { attachTo: document.getElementById('mounter') });
jest.runAllTimers();
wrapper.node.affix.fixedNode.parentNode.getBoundingClientRect = jest.fn(() => {
wrapper.instance().affix.fixedNode.parentNode.getBoundingClientRect = jest.fn(() => {
return {
bottom: 100, height: 28, left: 0, right: 0, top: -50, width: 195,
};
@ -65,6 +65,6 @@ describe('Affix Render', () => {
});
jest.runAllTimers();
expect(wrapper.node.affix.state.affixStyle).not.toBe(null);
expect(wrapper.instance().affix.state.affixStyle).not.toBe(null);
});
});

4
components/anchor/__tests__/Anchor.test.js
View File

@ -14,7 +14,7 @@ describe('Anchor Render', () => {
wrapper.find('a[href="#API"]').simulate('click');
wrapper.node.handleScroll();
expect(wrapper.node.state).not.toBe(null);
wrapper.instance().handleScroll();
expect(wrapper.instance().state).not.toBe(null);
});
});

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

@ -3,7 +3,7 @@
exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -18,7 +18,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
input here
@ -46,7 +46,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -58,11 +58,11 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
<div
class="certain-category-search-wrapper"
style="width:250px;"
style="width:250px"
>
<div
class="ant-select-lg ant-select-lg certain-category-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:100%;"
style="width:100%"
>
<div
aria-autocomplete="list"
@ -77,7 +77,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
input here
@ -116,7 +116,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -129,7 +129,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -152,7 +152,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
<textarea
class="ant-input custom ant-select-search__field"
placeholder="input here"
style="height:50px;"
style="height:50px"
/>
<span
class="ant-select-search__field__mirror"
@ -165,7 +165,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -177,7 +177,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -192,7 +192,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
try to type \`b\`
@ -220,7 +220,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -232,7 +232,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -247,7 +247,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
input here
@ -275,7 +275,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -287,11 +287,11 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
<div
class="global-search-wrapper"
style="width:300px;"
style="width:300px"
>
<div
class="ant-select-lg ant-select-lg global-search ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:100%;"
style="width:100%"
>
<div
aria-autocomplete="list"
@ -306,7 +306,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
input here
@ -350,7 +350,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />

2
components/auto-complete/__tests__/ac.test.js
View File

@ -12,7 +12,7 @@ describe('AutoComplete with Custom Input Element Render', () => {
expect(wrapper.find('textarea').length).toBe(1);
wrapper.find('textarea').simulate('change', { target: { value: '123' } });
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
// should not filter data source defaultly
expect(dropdownWrapper.find('MenuItem').length).toBe(3);

12
components/avatar/__tests__/__snapshots__/demo.test.js.snap
View File

@ -3,7 +3,7 @@
exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
<div>
<span
style="margin-right:24px;"
style="margin-right:24px"
>
<span
class="ant-badge"
@ -22,7 +22,7 @@ exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1100%);-webkit-transform:translateY(-1100%);transform:translateY(-1100%);"
style="transition:none;-ms-transform:translateY(-1100%);-webkit-transform:translateY(-1100%);transform:translateY(-1100%)"
>
<p
class=""
@ -253,7 +253,7 @@ exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
<div>
<span
class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color:#f56a00;"
style="background-color:#f56a00"
>
<span
class="ant-avatar-string"
@ -263,7 +263,7 @@ exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
</span>
<button
class="ant-btn ant-btn-sm"
style="margin-left:16px;"
style="margin-left:16px"
type="button"
>
<span>
@ -309,7 +309,7 @@ exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
</span>
<span
class="ant-avatar ant-avatar-circle"
style="color:#f56a00;background-color:#fde3cf;"
style="color:#f56a00;background-color:#fde3cf"
>
<span
class="ant-avatar-string"
@ -319,7 +319,7 @@ exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
</span>
<span
class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color:#87d068;"
style="background-color:#87d068"
>
<i
class="anticon anticon-user"

4
components/back-top/__tests__/__snapshots__/demo.test.js.snap
View File

@ -4,7 +4,7 @@ exports[`renders ./components/back-top/demo/basic.md correctly 1`] = `
<div>
Scroll down to see the bottom-right
<strong
style="color:rgba(64, 64, 64, 0.6);"
style="color:rgba(64, 64, 64, 0.6)"
>
gray
</strong>
@ -16,7 +16,7 @@ exports[`renders ./components/back-top/demo/custom.md correctly 1`] = `
<div>
Scroll down to see the bottom-right
<strong
style="color:#1088e9;"
style="color:#1088e9"
>
blue
</strong>

2
components/back-top/__tests__/index.test.js
View File

@ -9,7 +9,7 @@ describe('BackTop', () => {
const wrapper = mount(<BackTop visibilityHeight={-1} />);
document.documentElement.scrollTop = 400;
// trigger scroll manually
wrapper.node.handleScroll();
wrapper.instance().handleScroll();
await delay(500);
wrapper.find('.ant-back-top').simulate('click');
await delay(500);

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

@ -16,7 +16,7 @@ exports[`renders ./components/badge/demo/basic.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%);"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class=""
@ -206,7 +206,7 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%);"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class=""
@ -383,7 +383,7 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
</div>
</div>
<div
style="margin-top:10px;"
style="margin-top:10px"
>
<span
class="ant-badge"
@ -456,7 +456,7 @@ exports[`renders ./components/badge/demo/link.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%);"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class=""
@ -626,7 +626,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1200%);-webkit-transform:translateY(-1200%);transform:translateY(-1200%);"
style="transition:none;-ms-transform:translateY(-1200%);-webkit-transform:translateY(-1200%);transform:translateY(-1200%)"
>
<p
class=""
@ -781,7 +781,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
</span>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%);"
style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
>
<p
class=""
@ -942,12 +942,12 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
style="background-color:#fff;color:#999;box-shadow:0 0 0 1px #d9d9d9 inset;"
style="background-color:#fff;color:#999;box-shadow:0 0 0 1px #d9d9d9 inset"
title="4"
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1400%);-webkit-transform:translateY(-1400%);transform:translateY(-1400%);"
style="transition:none;-ms-transform:translateY(-1400%);-webkit-transform:translateY(-1400%);transform:translateY(-1400%)"
>
<p
class=""
@ -1108,7 +1108,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
<sup
class="ant-scroll-number ant-badge-count"
data-show="true"
style="background-color:#87d068;"
style="background-color:#87d068"
title="109"
>
99+
@ -1133,7 +1133,7 @@ exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1900%);-webkit-transform:translateY(-1900%);transform:translateY(-1900%);"
style="transition:none;-ms-transform:translateY(-1900%);-webkit-transform:translateY(-1900%);transform:translateY(-1900%)"
>
<p
class=""
@ -1288,7 +1288,7 @@ exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
</span>
<span
class="ant-scroll-number-only"
style="transition:none;-ms-transform:translateY(-1900%);-webkit-transform:translateY(-1900%);transform:translateY(-1900%);"
style="transition:none;-ms-transform:translateY(-1900%);-webkit-transform:translateY(-1900%);transform:translateY(-1900%)"
>
<p
class=""

7
components/breadcrumb/__tests__/demo.test.js
View File

@ -1,11 +1,4 @@
import { render } from 'enzyme';
import demoTest from '../../../tests/shared/demoTest';
import routerDemo from '../demo/router.md';
demoTest('breadcrumb', { skip: ['router.md', 'router-4.md'] });
const testMethod = typeof window !== 'undefined' ? test : test.skip;
testMethod('renders ./components/breadcrumb/demo/router.md correctly', () => {
const wrapper = render(routerDemo);
expect(wrapper).toMatchSnapshot();
});

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

@ -259,7 +259,7 @@ exports[`renders ./components/button/demo/disabled.md correctly 1`] = `
exports[`renders ./components/button/demo/ghost.md correctly 1`] = `
<div
style="background:rgb(190, 200, 200);padding:26px 16px 16px;"
style="background:rgb(190, 200, 200);padding:26px 16px 16px"
>
<button
class="ant-btn ant-btn-primary ant-btn-background-ghost"

2
components/button/__tests__/index.test.js
View File

@ -52,7 +52,7 @@ describe('Button', () => {
<DefaultButton />
);
wrapper.simulate('click');
expect(wrapper.hasClass('ant-btn-loading')).toBe(true);
expect(wrapper.find('.ant-btn-loading').length).toBe(1);
});
it('should change loading state with delay', () => {

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

@ -24,7 +24,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="2016"
>
2016
@ -32,7 +32,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -56,7 +56,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Nov"
>
Nov
@ -64,7 +64,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -1006,7 +1006,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<div
style="width:300px;border:1px solid #d9d9d9;border-radius:4px;"
style="width:300px;border:1px solid #d9d9d9;border-radius:4px"
>
<div
class=""
@ -1031,7 +1031,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="2016"
>
2016
@ -1039,7 +1039,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -1063,7 +1063,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Nov"
>
Nov
@ -1071,7 +1071,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -2036,7 +2036,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="2016"
>
2016
@ -2044,7 +2044,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -2068,7 +2068,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Nov"
>
Nov
@ -2076,7 +2076,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -3355,7 +3355,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="2017"
>
2017
@ -3363,7 +3363,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -3387,7 +3387,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Jan"
>
Jan
@ -3395,7 +3395,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />

76
components/card/__tests__/__snapshots__/demo.test.js.snap
View File

@ -3,7 +3,7 @@
exports[`renders ./components/card/demo/basic.md correctly 1`] = `
<div
class="ant-card ant-card-bordered"
style="width:300px;"
style="width:300px"
>
<div>
<div
@ -49,11 +49,11 @@ exports[`renders ./components/card/demo/basic.md correctly 1`] = `
exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
<div
style="background:#ECECEC;padding:30px;"
style="background:#ECECEC;padding:30px"
>
<div
class="ant-card ant-card-hoverable"
style="width:300px;"
style="width:300px"
>
<div>
<div
@ -92,7 +92,7 @@ exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
exports[`renders ./components/card/demo/flexible-content.md correctly 1`] = `
<div
class="ant-card ant-card-bordered ant-card-hoverable"
style="width:240px;"
style="width:240px"
>
<div>
<div
@ -159,43 +159,43 @@ exports[`renders ./components/card/demo/grid-card.md correctly 1`] = `
<div>
<div
class="ant-card-grid"
style="width:25%;text-align:center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center;"
style="width:25%;text-align:center"
>
Content
</div>
<div
class="ant-card-grid"
style="width:25%;text-align:center;"
style="width:25%;text-align:center"
>
Content
</div>
@ -207,15 +207,15 @@ exports[`renders ./components/card/demo/grid-card.md correctly 1`] = `
exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
<div
style="background:#ECECEC;padding:30px;"
style="background:#ECECEC;padding:30px"
>
<div
class="ant-row"
style="margin-left:-8px;margin-right:-8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -246,7 +246,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -277,7 +277,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-card"
@ -333,7 +333,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
>
<div>
<p
style="font-size:14px;color:rgba(0, 0, 0, 0.85);margin-bottom:16px;font-weight:500;"
style="font-size:14px;color:rgba(0, 0, 0, 0.85);margin-bottom:16px;font-weight:500"
>
Group title
</p>
@ -374,7 +374,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
</div>
<div
class="ant-card ant-card-bordered ant-card-type-inner"
style="margin-top:16px;"
style="margin-top:16px"
>
<div>
<div
@ -417,7 +417,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
exports[`renders ./components/card/demo/loading.md correctly 1`] = `
<div
class="ant-card ant-card-loading ant-card-bordered"
style="width:34%;"
style="width:34%"
>
<div>
<div
@ -441,50 +441,50 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
>
<p
class="ant-card-loading-block"
style="width:94%;"
style="width:94%"
/>
<p>
<span
class="ant-card-loading-block"
style="width:28%;"
style="width:28%"
/>
<span
class="ant-card-loading-block"
style="width:62%;"
style="width:62%"
/>
</p>
<p>
<span
class="ant-card-loading-block"
style="width:22%;"
style="width:22%"
/>
<span
class="ant-card-loading-block"
style="width:66%;"
style="width:66%"
/>
</p>
<p>
<span
class="ant-card-loading-block"
style="width:56%;"
style="width:56%"
/>
<span
class="ant-card-loading-block"
style="width:39%;"
style="width:39%"
/>
</p>
<p>
<span
class="ant-card-loading-block"
style="width:21%;"
style="width:21%"
/>
<span
class="ant-card-loading-block"
style="width:15%;"
style="width:15%"
/>
<span
class="ant-card-loading-block"
style="width:40%;"
style="width:40%"
/>
</p>
</div>
@ -496,7 +496,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
exports[`renders ./components/card/demo/meta.md correctly 1`] = `
<div
class="ant-card ant-card-bordered ant-card-hoverable"
style="width:300px;"
style="width:300px"
>
<div>
<div
@ -551,7 +551,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
class="ant-card-actions"
>
<li
style="width:33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<i
@ -560,7 +560,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
</span>
</li>
<li
style="width:33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<i
@ -569,7 +569,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
</span>
</li>
<li
style="width:33.333333333333336%;"
style="width:33.333333333333336%"
>
<span>
<i
@ -584,7 +584,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
exports[`renders ./components/card/demo/simple.md correctly 1`] = `
<div
class="ant-card ant-card-bordered"
style="width:300px;"
style="width:300px"
>
<div>
<div
@ -610,7 +610,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
<div>
<div
class="ant-card ant-card-bordered ant-card-contain-tabs"
style="width:100%;"
style="width:100%"
>
<div>
<div
@ -696,7 +696,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
style="margin-left:0%"
>
<div
aria-hidden="false"
@ -726,7 +726,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
<br />
<div
class="ant-card ant-card-bordered ant-card-contain-tabs"
style="width:100%;"
style="width:100%"
>
<div>
<div
@ -805,7 +805,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
style="margin-left:0%"
>
<div
aria-hidden="false"

8
components/card/__tests__/index.test.js
View File

@ -7,7 +7,7 @@ const testMethod = typeof window !== 'undefined' ? it : xit;
describe('Card', () => {
function fakeResizeWindowTo(wrapper, width) {
Object.defineProperties(wrapper.node.container, {
Object.defineProperties(wrapper.instance().container, {
offsetWidth: {
get() { return width; },
configurable: true,
@ -20,9 +20,11 @@ describe('Card', () => {
const wrapper = mount(<Card title="xxx">xxx</Card>);
fakeResizeWindowTo(wrapper, 1000);
await delay(0);
expect(wrapper.hasClass('ant-card-wider-padding')).toBe(true);
wrapper.update();
expect(wrapper.find('.ant-card-wider-padding').length).toBe(1);
fakeResizeWindowTo(wrapper, 800);
await delay(0);
expect(wrapper.hasClass('ant-card-wider-padding')).toBe(false);
wrapper.update();
expect(wrapper.find('.ant-card-wider-padding').length).toBe(0);
});
});

32
components/carousel/__tests__/__snapshots__/demo.test.js.snap
View File

@ -24,7 +24,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
<div
class="slick-slide slick-active slick-cloned"
data-index="0"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -34,7 +34,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="1"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -44,7 +44,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="2"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -54,7 +54,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="3"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -99,7 +99,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div
class="slick-slide slick-active slick-cloned"
data-index="0"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -109,7 +109,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="1"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -119,7 +119,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="2"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -129,7 +129,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="3"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -166,7 +166,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div
class="slick-slide slick-active slick-cloned"
data-index="0"
style="outline:none;position:relative;left:0;opacity:1;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
style="outline:none;position:relative;left:0;opacity:1;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease"
tabindex="-1"
>
<h3>
@ -176,7 +176,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="1"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease"
tabindex="-1"
>
<h3>
@ -186,7 +186,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="2"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease"
tabindex="-1"
>
<h3>
@ -196,7 +196,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="3"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease;"
style="outline:none;position:relative;left:0;opacity:0;transition:opacity 500ms ease;-webkit-transition:opacity 500ms ease"
tabindex="-1"
>
<h3>
@ -233,7 +233,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div
class="slick-slide slick-active slick-cloned"
data-index="0"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -243,7 +243,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="1"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -253,7 +253,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="2"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>
@ -263,7 +263,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div
class="slick-slide slick-cloned"
data-index="3"
style="outline:none;"
style="outline:none"
tabindex="-1"
>
<h3>

4
components/carousel/__tests__/index.test.js
View File

@ -5,8 +5,8 @@ import Carousel from '..';
describe('Carousel', () => {
it('should has innerSlider', () => {
const wrapper = mount(<Carousel><div /></Carousel>);
const { innerSlider } = wrapper.node;
const innerSliderFromRefs = wrapper.node.slick.innerSlider;
const { innerSlider } = wrapper.instance();
const innerSliderFromRefs = wrapper.instance().slick.innerSlider;
expect(innerSlider).toBe(innerSliderFromRefs);
expect(typeof innerSlider.slickNext).toBe('function');
});

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

@ -47,7 +47,7 @@ exports[`renders ./components/cascader/demo/change-on-select.md correctly 1`] =
exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<span
class="ant-cascader-picker"
style="width:100%;"
style="width:100%"
tabindex="0"
>
<span

18
components/cascader/__tests__/index.test.js
View File

@ -32,7 +32,7 @@ describe('Cascader', () => {
const wrapper = mount(
<Cascader options={options} />
);
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot();
expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
});
it('popup correctly when panel is open', () => {
@ -40,7 +40,7 @@ describe('Cascader', () => {
<Cascader options={options} />
);
wrapper.find('input').simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot();
expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
});
it('popup correctly with defaultValue', () => {
@ -48,24 +48,24 @@ describe('Cascader', () => {
<Cascader options={options} defaultValue={['zhejiang', 'hangzhou']} />
);
wrapper.find('input').simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot();
expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
});
it('can be selected', () => {
const wrapper = mount(<Cascader options={options} />);
wrapper.find('input').simulate('click');
let popupWrapper = mount(wrapper.find('Trigger').node.getComponent());
let popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
popupWrapper.find('.ant-cascader-menu').at(0).find('.ant-cascader-menu-item').at(0)
.simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot();
popupWrapper = mount(wrapper.find('Trigger').node.getComponent());
expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
popupWrapper.find('.ant-cascader-menu').at(1).find('.ant-cascader-menu-item').at(0)
.simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot();
popupWrapper = mount(wrapper.find('Trigger').node.getComponent());
expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
popupWrapper.find('.ant-cascader-menu').at(2).find('.ant-cascader-menu-item').at(0)
.simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot();
expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
});
it('backspace should work with `Cascader[showSearch]`', () => {

6
components/checkbox/__tests__/__snapshots__/demo.test.js.snap
View File

@ -24,7 +24,7 @@ exports[`renders ./components/checkbox/demo/basic.md correctly 1`] = `
exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
<div>
<div
style="border-bottom:1px solid #E9E9E9;"
style="border-bottom:1px solid #E9E9E9"
>
<label
class="ant-checkbox-wrapper"
@ -112,7 +112,7 @@ exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
<div>
<p
style="margin-bottom:20px;"
style="margin-bottom:20px"
>
<label
class="ant-checkbox-wrapper"
@ -145,7 +145,7 @@ exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
</button>
<button
class="ant-btn ant-btn-primary ant-btn-sm"
style="margin-left:10px;"
style="margin-left:10px"
type="button"
>
<span>

6
components/collapse/__tests__/__snapshots__/demo.test.js.snap
View File

@ -185,7 +185,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
>
<div
class="ant-collapse-item ant-collapse-item-active"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden"
>
<div
aria-expanded="true"
@ -216,7 +216,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
</div>
<div
class="ant-collapse-item"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden"
>
<div
aria-expanded="false"
@ -231,7 +231,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
</div>
<div
class="ant-collapse-item"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden;"
style="background:#f7f7f7;border-radius:4px;margin-bottom:24px;border:0;overflow:hidden"
>
<div
aria-expanded="false"

19
components/date-picker/__tests__/RangePicker.test.js
View File

@ -16,7 +16,7 @@ describe('RangePicker', () => {
);
wrapper.setProps({ value: [birthday, birthday] });
expect(render(wrapper.find('Trigger').node.getComponent()))
expect(render(wrapper.find('Trigger').instance().getComponent()))
.toMatchSnapshot();
});
@ -34,10 +34,10 @@ describe('RangePicker', () => {
/>
);
const rangeCalendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
const rangeCalendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
rangeCalendarWrapper.find('.ant-calendar-range-quick-selector a')
.simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent()))
expect(render(wrapper.find('Trigger').instance().getComponent()))
.toMatchSnapshot();
});
@ -53,10 +53,10 @@ describe('RangePicker', () => {
/>
);
let rangeCalendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
let rangeCalendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
rangeCalendarWrapper.find('.ant-calendar-range-quick-selector a')
.simulate('mouseEnter');
rangeCalendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
rangeCalendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
expect(rangeCalendarWrapper.find('.ant-calendar-selected-day').length).toBe(2);
});
@ -71,7 +71,7 @@ describe('RangePicker', () => {
/>
);
wrapper.setProps({ value: [] });
const rangeCalendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
const rangeCalendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
expect(() => rangeCalendarWrapper.find('.ant-calendar-cell').at(15).simulate('click').simulate('click'))
.not.toThrow();
});
@ -84,11 +84,12 @@ describe('RangePicker', () => {
open
/>
);
let rangeCalendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
let rangeCalendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
rangeCalendarWrapper.find('.ant-calendar-cell').at(15).simulate('click').simulate('click');
wrapper.find('.ant-calendar-picker-clear').simulate('click');
wrapper.update();
wrapper.find('.ant-calendar-picker-clear').hostNodes().simulate('click');
wrapper.find('.ant-calendar-picker-input').simulate('click');
rangeCalendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
rangeCalendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
expect(() => rangeCalendarWrapper.find('.ant-calendar-cell').at(15).simulate('click').simulate('click'))
.not.toThrow();
});

16
components/date-picker/__tests__/__snapshots__/RangePicker.test.js.snap
View File

@ -32,13 +32,13 @@ exports[`RangePicker show month panel according to value 1`] = `
</div>
</div>
<div
style="outline:none;"
style="outline:none"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative;"
style="position:relative"
>
<a
class="ant-calendar-prev-year-btn"
@ -767,13 +767,13 @@ exports[`RangePicker show month panel according to value 1`] = `
</div>
</div>
<div
style="outline:none;"
style="outline:none"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative;"
style="position:relative"
>
<span
class="ant-calendar-my-select"
@ -1537,13 +1537,13 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
</div>
</div>
<div
style="outline:none;"
style="outline:none"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative;"
style="position:relative"
>
<a
class="ant-calendar-prev-year-btn"
@ -2272,13 +2272,13 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
</div>
</div>
<div
style="outline:none;"
style="outline:none"
>
<div
class="ant-calendar-header"
>
<div
style="position:relative;"
style="position:relative"
>
<span
class="ant-calendar-my-select"

8
components/date-picker/__tests__/__snapshots__/demo.test.js.snap
View File

@ -234,7 +234,7 @@ exports[`renders ./components/date-picker/demo/disabled-date.md correctly 1`] =
<br />
<span
class="ant-calendar-picker"
style="width:300px;"
style="width:300px"
>
<span
class="ant-calendar-picker-input ant-input"
@ -326,7 +326,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
</span>
<span
class="ant-calendar-picker"
style="width:300px;"
style="width:300px"
>
<span
class="ant-calendar-picker-input ant-input"
@ -512,7 +512,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
<br />
<span
class="ant-calendar-picker"
style="width:300px;"
style="width:300px"
>
<span
class="ant-calendar-picker-input ant-input"
@ -739,7 +739,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
<br />
<span
class="ant-calendar-picker"
style="width:300px;"
style="width:300px"
>
<span
class="ant-calendar-picker-input ant-input"

4
components/date-picker/__tests__/__snapshots__/other.test.js.snap
View File

@ -13,7 +13,7 @@ exports[`MonthPicker and WeekPicker render MonthPicker 1`] = `
class="ant-calendar-header"
>
<div
style="position:relative;"
style="position:relative"
>
<a
class="ant-calendar-prev-year-btn"
@ -275,7 +275,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
class="ant-calendar-header"
>
<div
style="position:relative;"
style="position:relative"
>
<a
class="ant-calendar-prev-year-btn"

4
components/date-picker/__tests__/other.test.js
View File

@ -10,7 +10,7 @@ describe('MonthPicker and WeekPicker', () => {
<MonthPicker open />
);
wrapper.setProps({ value: birthday });
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot();
expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
});
it('render WeekPicker', () => {
@ -19,6 +19,6 @@ describe('MonthPicker and WeekPicker', () => {
<WeekPicker open />
);
wrapper.setProps({ value: birthday });
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot();
expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
});
});

14
components/date-picker/__tests__/showTime.test.js
View File

@ -10,7 +10,7 @@ describe('DatePicker with showTime', () => {
<DatePicker showTime open onChange={onChangeFn} onOpenChange={onOpenChangeFn} />
);
const calendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
const calendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
calendarWrapper.find('.ant-calendar-date').at(0).simulate('click');
expect(onChangeFn).toHaveBeenCalled();
expect(onOpenChangeFn).not.toHaveBeenCalled();
@ -25,7 +25,7 @@ describe('DatePicker with showTime', () => {
<DatePicker showTime open onChange={onChangeFn} onOk={onOkFn} onOpenChange={onOpenChangeFn} />
);
const calendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
const calendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
calendarWrapper.find('.ant-calendar-ok-btn').simulate('click');
expect(onOkFn).toHaveBeenCalled();
expect(onOpenChangeFn).toHaveBeenCalledWith(false);
@ -40,7 +40,7 @@ describe('DatePicker with showTime', () => {
<DatePicker showTime open onChange={onChangeFn} onOpenChange={onOpenChangeFn} />
);
const calendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
const calendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
calendarWrapper.find('.ant-calendar-today-btn').simulate('click');
expect(onOpenChangeFn).toHaveBeenCalledWith(false);
expect(onChangeFn).toHaveBeenCalled();
@ -50,10 +50,10 @@ describe('DatePicker with showTime', () => {
const wrapper = mount(
<DatePicker showTime={{ use12Hours: true }} open />
);
const calendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
const calendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
expect(calendarWrapper.find('.ant-calendar-time-picker-column-4').length).toBe(0);
calendarWrapper.find('.ant-calendar-time-picker-btn').at(0).simulate('click');
expect(calendarWrapper.find('.ant-calendar-time-picker-column-4').length).toBe(1);
expect(calendarWrapper.find('.ant-calendar-time-picker-column-4').hostNodes().length).toBe(1);
});
});
@ -65,7 +65,7 @@ describe('RangePicker with showTime', () => {
<RangePicker showTime open onChange={onChangeFn} onOpenChange={onOpenChangeFn} />
);
const calendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
const calendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
expect(calendarWrapper.find('.ant-calendar-time-picker-btn').hasClass('ant-calendar-time-picker-btn-disabled')).toBe(true);
expect(calendarWrapper.find('.ant-calendar-ok-btn').hasClass('ant-calendar-ok-btn-disabled')).toBe(true);
calendarWrapper.find('.ant-calendar-date').at(10).simulate('click');
@ -84,7 +84,7 @@ describe('RangePicker with showTime', () => {
<RangePicker showTime open onOk={onOkFn} onChange={onChangeFn} onOpenChange={onOpenChangeFn} />
);
const calendarWrapper = mount(wrapper.find('Trigger').node.getComponent());
const calendarWrapper = mount(wrapper.find('Trigger').instance().getComponent());
calendarWrapper.find('.ant-calendar-date').at(10).simulate('click');
calendarWrapper.find('.ant-calendar-date').at(11).simulate('click');
onChangeFn.mockClear();

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

@ -36,7 +36,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
</div>
<div
class="ant-btn-group ant-dropdown-button"
style="margin-left:8px;"
style="margin-left:8px"
>
<button
class="ant-btn ant-btn-default"
@ -58,7 +58,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
</div>
<button
class="ant-btn ant-dropdown-trigger"
style="margin-left:8px;"
style="margin-left:8px"
type="button"
>
<span>

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

@ -7,11 +7,11 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
>
<div
class="ant-row"
style="margin-left:-20px;margin-right:-20px;"
style="margin-left:-20px;margin-right:-20px"
>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;"
style="padding-left:20px;padding-right:20px;display:block"
>
<div
class="ant-row ant-form-item"
@ -47,7 +47,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;"
style="padding-left:20px;padding-right:20px;display:block"
>
<div
class="ant-row ant-form-item"
@ -83,7 +83,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;"
style="padding-left:20px;padding-right:20px;display:block"
>
<div
class="ant-row ant-form-item"
@ -119,7 +119,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;"
style="padding-left:20px;padding-right:20px;display:block"
>
<div
class="ant-row ant-form-item"
@ -155,7 +155,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;"
style="padding-left:20px;padding-right:20px;display:block"
>
<div
class="ant-row ant-form-item"
@ -191,7 +191,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;"
style="padding-left:20px;padding-right:20px;display:block"
>
<div
class="ant-row ant-form-item"
@ -227,7 +227,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:none;"
style="padding-left:20px;padding-right:20px;display:none"
>
<div
class="ant-row ant-form-item"
@ -263,7 +263,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:none;"
style="padding-left:20px;padding-right:20px;display:none"
>
<div
class="ant-row ant-form-item"
@ -299,7 +299,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:none;"
style="padding-left:20px;padding-right:20px;display:none"
>
<div
class="ant-row ant-form-item"
@ -335,7 +335,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div>
<div
class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:none;"
style="padding-left:20px;padding-right:20px;display:none"
>
<div
class="ant-row ant-form-item"
@ -375,7 +375,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
>
<div
class="ant-col-24"
style="text-align:right;"
style="text-align:right"
>
<button
class="ant-btn ant-btn-primary"
@ -387,7 +387,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</button>
<button
class="ant-btn"
style="margin-left:8px;"
style="margin-left:8px"
type="button"
>
<span>
@ -395,7 +395,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</span>
</button>
<a
style="margin-left:8px;font-size:12px;"
style="margin-left:8px;font-size:12px"
>
Collapse
<i
@ -484,7 +484,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Select a option and change input text above
@ -492,7 +492,7 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -552,13 +552,13 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
<span>
<input
class="ant-input"
style="width:65%;margin-right:3%;"
style="width:65%;margin-right:3%"
type="text"
value="0"
/>
<div
class="ant-select ant-select-enabled"
style="width:32%;"
style="width:32%"
>
<div
aria-autocomplete="list"
@ -574,7 +574,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="RMB"
>
RMB
@ -582,7 +582,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -631,7 +631,7 @@ exports[`renders ./components/form/demo/dynamic-form-item.md correctly 1`] = `
>
<button
class="ant-btn ant-btn-dashed"
style="width:60%;"
style="width:60%"
type="button"
>
<i
@ -866,7 +866,7 @@ exports[`renders ./components/form/demo/horizontal-login.md correctly 1`] = `
>
<i
class="anticon anticon-user"
style="font-size:13px;"
style="font-size:13px"
/>
</span>
<input
@ -898,7 +898,7 @@ exports[`renders ./components/form/demo/horizontal-login.md correctly 1`] = `
>
<i
class="anticon anticon-lock"
style="font-size:13px;"
style="font-size:13px"
/>
</span>
<input
@ -1121,7 +1121,7 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
>
<i
class="anticon anticon-user"
style="font-size:13px;"
style="font-size:13px"
/>
</span>
<input
@ -1153,7 +1153,7 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
>
<i
class="anticon anticon-lock"
style="font-size:13px;"
style="font-size:13px"
/>
</span>
<input
@ -1422,7 +1422,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
>
<span
class="ant-input-group-wrapper"
style="width:100%;"
style="width:100%"
>
<span
class="ant-input-wrapper ant-input-group"
@ -1432,7 +1432,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
>
<div
class="ant-select ant-select-enabled"
style="width:60px;"
style="width:60px"
>
<div
aria-autocomplete="list"
@ -1448,7 +1448,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="+86"
>
+86
@ -1456,7 +1456,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -1512,7 +1512,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
website
@ -1540,7 +1540,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -1572,11 +1572,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
>
<div
class="ant-row"
style="margin-left:-4px;margin-right:-4px;"
style="margin-left:-4px;margin-right:-4px"
>
<div
class="ant-col-12"
style="padding-left:4px;padding-right:4px;"
style="padding-left:4px;padding-right:4px"
>
<input
class="ant-input"
@ -1588,7 +1588,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
</div>
<div
class="ant-col-12"
style="padding-left:4px;padding-right:4px;"
style="padding-left:4px;padding-right:4px"
>
<button
class="ant-btn"
@ -1610,7 +1610,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
</div>
<div
class="ant-row ant-form-item"
style="margin-bottom:8px;"
style="margin-bottom:8px"
>
<div
class="ant-form-item-control-wrapper ant-col-xs-24 ant-col-xs-offset-0 ant-col-sm-16 ant-col-sm-offset-8"
@ -1859,7 +1859,7 @@ exports[`renders ./components/form/demo/time-related-controls.md correctly 1`] =
>
<span
class="ant-calendar-picker"
style="width:300px;"
style="width:300px"
>
<span
class="ant-calendar-picker-input ant-input"
@ -2017,7 +2017,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Please select a country
@ -2025,7 +2025,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -2071,7 +2071,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Please select favourite colors
@ -2241,34 +2241,34 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;"
style="visibility:visible;left:0%;width:0%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:0%;"
style="left:0%"
/>
<span
class="ant-slider-dot"
style="left:20%;"
style="left:20%"
/>
<span
class="ant-slider-dot"
style="left:40%;"
style="left:40%"
/>
<span
class="ant-slider-dot"
style="left:60%;"
style="left:60%"
/>
<span
class="ant-slider-dot"
style="left:80%;"
style="left:80%"
/>
<span
class="ant-slider-dot"
style="left:100%;"
style="left:100%"
/>
</div>
<div
@ -2278,7 +2278,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
style="left:0%"
tabindex="0"
/>
<div
@ -2286,37 +2286,37 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:0%;"
style="width:18%;margin-left:-9%;left:0%"
>
A
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:20%;"
style="width:18%;margin-left:-9%;left:20%"
>
B
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:40%;"
style="width:18%;margin-left:-9%;left:40%"
>
C
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:60%;"
style="width:18%;margin-left:-9%;left:60%"
>
D
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:80%;"
style="width:18%;margin-left:-9%;left:80%"
>
E
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:100%;"
style="width:18%;margin-left:-9%;left:100%"
>
F
</span>
@ -2512,7 +2512,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
style="display:;"
style="display:"
/>
<div
class="ant-upload-list ant-upload-list-picture"
@ -2794,7 +2794,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
>
<span
class="ant-calendar-picker"
style="width:100%;"
style="width:100%"
>
<div>
<input
@ -2832,7 +2832,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
>
<span
class="ant-time-picker "
style="width:100%;"
style="width:100%"
>
<input
class="ant-time-picker-input"
@ -2884,7 +2884,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Option 1"
>
Option 1
@ -2892,7 +2892,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -3009,7 +3009,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="ant-col-2"
>
<span
style="display:inline-block;width:100%;text-align:center;"
style="display:inline-block;width:100%;text-align:center"
>
-
</span>
@ -3069,7 +3069,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
>
<div
class="ant-input-number"
style="width:100%;"
style="width:100%"
>
<div
class="ant-input-number-handler-wrap"

8
components/form/__tests__/label.test.js
View File

@ -47,7 +47,7 @@ describe('Form', () => {
<Form.Item>input</Form.Item>
</Form>
);
expect(wrapper.find('.ant-form-item-control-wrapper').length).toBe(2);
expect(wrapper.find('.ant-form-item-control-wrapper').hostNodes().length).toBe(2);
expect(wrapper.find('.ant-form-item-control-wrapper.ant-col-14').length).toBe(1);
});
@ -69,9 +69,9 @@ describe('Form', () => {
));
const wrapper = mount(<div><Form1 /><Form2 /></div>);
wrapper.find('Form label').at(0).simulate('click');
expect(wrapper.find('Form input').at(0).node).toBe(document.activeElement);
expect(wrapper.find('Form input').at(0).getDOMNode()).toBe(document.activeElement);
wrapper.find('Form label').at(1).simulate('click');
expect(wrapper.find('Form input').at(1).node).toBe(document.activeElement);
expect(wrapper.find('Form input').at(1).getDOMNode()).toBe(document.activeElement);
});
// https://github.com/ant-design/ant-design/issues/7693
@ -87,6 +87,6 @@ describe('Form', () => {
expect(() => {
wrapper.find('Form label').at(0).simulate('click');
}).not.toThrow();
expect(wrapper.find('Form input').at(0).node).toBe(document.activeElement);
expect(wrapper.find('Form input').at(0).getDOMNode()).toBe(document.activeElement);
});
});

86
components/grid/__tests__/__snapshots__/demo.test.js.snap
View File

@ -371,11 +371,11 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
>
<div
class="ant-row"
style="margin-left:-8px;margin-right:-8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="gutter-box"
@ -385,7 +385,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div>
<div
class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="gutter-box"
@ -395,7 +395,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div>
<div
class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="gutter-box"
@ -405,7 +405,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div>
<div
class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="gutter-box"
@ -462,15 +462,15 @@ exports[`renders ./components/grid/demo/offset.md correctly 1`] = `
exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px;"
style="margin-bottom:16px"
>
<span
style="margin-right:6px;"
style="margin-right:6px"
>
Gutter (px):
</span>
<div
style="width:50%;"
style="width:50%"
>
<div
class="ant-slider ant-slider-with-marks"
@ -480,34 +480,34 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:20%;"
style="visibility:visible;left:0%;width:20%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:0%;"
style="left:0%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:20%;"
style="left:20%"
/>
<span
class="ant-slider-dot"
style="left:40%;"
style="left:40%"
/>
<span
class="ant-slider-dot"
style="left:60%;"
style="left:60%"
/>
<span
class="ant-slider-dot"
style="left:80%;"
style="left:80%"
/>
<span
class="ant-slider-dot"
style="left:100%;"
style="left:100%"
/>
</div>
<div
@ -517,7 +517,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:20%;"
style="left:20%"
tabindex="0"
/>
<div
@ -525,37 +525,37 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:0%;"
style="width:18%;margin-left:-9%;left:0%"
>
8
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:20%;"
style="width:18%;margin-left:-9%;left:20%"
>
16
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:40%;"
style="width:18%;margin-left:-9%;left:40%"
>
24
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:60%;"
style="width:18%;margin-left:-9%;left:60%"
>
32
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:80%;"
style="width:18%;margin-left:-9%;left:80%"
>
40
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:100%;"
style="width:18%;margin-left:-9%;left:100%"
>
48
</span>
@ -563,12 +563,12 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div>
</div>
<span
style="margin-right:6px;"
style="margin-right:6px"
>
Column Count:
</span>
<div
style="width:50%;"
style="width:50%"
>
<div
class="ant-slider ant-slider-with-marks"
@ -578,34 +578,34 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:40%;"
style="visibility:visible;left:0%;width:40%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:0%;"
style="left:0%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:20%;"
style="left:20%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:40%;"
style="left:40%"
/>
<span
class="ant-slider-dot"
style="left:60%;"
style="left:60%"
/>
<span
class="ant-slider-dot"
style="left:80%;"
style="left:80%"
/>
<span
class="ant-slider-dot"
style="left:100%;"
style="left:100%"
/>
</div>
<div
@ -615,7 +615,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
aria-valuenow="2"
class="ant-slider-handle"
role="slider"
style="left:40%;"
style="left:40%"
tabindex="0"
/>
<div
@ -623,37 +623,37 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:0%;"
style="width:18%;margin-left:-9%;left:0%"
>
2
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:20%;"
style="width:18%;margin-left:-9%;left:20%"
>
3
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:18%;margin-left:-9%;left:40%;"
style="width:18%;margin-left:-9%;left:40%"
>
4
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:60%;"
style="width:18%;margin-left:-9%;left:60%"
>
6
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:80%;"
style="width:18%;margin-left:-9%;left:80%"
>
8
</span>
<span
class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:100%;"
style="width:18%;margin-left:-9%;left:100%"
>
12
</span>
@ -663,11 +663,11 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div>
<div
class="ant-row"
style="margin-left:-8px;margin-right:-8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-6"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -675,7 +675,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div>
<div
class="ant-col-6"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -683,7 +683,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div>
<div
class="ant-col-6"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div>
Column
@ -691,7 +691,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div>
<div
class="ant-col-6"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div>
Column

2
components/input-number/__tests__/__snapshots__/demo.test.js.snap
View File

@ -153,7 +153,7 @@ exports[`renders ./components/input-number/demo/disabled.md correctly 1`] = `
</div>
</div>
<div
style="margin-top:20px;"
style="margin-top:20px"
>
<button
class="ant-btn ant-btn-primary"

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

@ -3,7 +3,7 @@
exports[`renders ./components/input/demo/addon.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px;"
style="margin-bottom:16px"
>
<span
class="ant-input-group-wrapper"
@ -30,7 +30,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
</span>
</div>
<div
style="margin-bottom:16px;"
style="margin-bottom:16px"
>
<span
class="ant-input-group-wrapper"
@ -43,7 +43,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
>
<div
class="ant-select ant-select-enabled"
style="width:80px;"
style="width:80px"
>
<div
aria-autocomplete="list"
@ -59,7 +59,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Http://"
>
Http://
@ -67,7 +67,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -85,7 +85,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
>
<div
class="ant-select ant-select-enabled"
style="width:70px;"
style="width:70px"
>
<div
aria-autocomplete="list"
@ -101,7 +101,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title=".com"
>
.com
@ -109,7 +109,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -121,7 +121,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
</span>
</div>
<div
style="margin-bottom:16px;"
style="margin-bottom:16px"
>
<span
class="ant-input-group-wrapper"
@ -154,7 +154,7 @@ exports[`renders ./components/input/demo/autosize-textarea.md correctly 1`] = `
placeholder="Autosize height based on content lines"
/>
<div
style="margin:24px 0;"
style="margin:24px 0"
/>
<textarea
class="ant-input"
@ -201,13 +201,13 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<input
class="ant-input"
style="width:20%;"
style="width:20%"
type="text"
value="0571"
/>
<input
class="ant-input"
style="width:30%;"
style="width:30%"
type="text"
value="26888888"
/>
@ -233,7 +233,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Zhejiang"
>
Zhejiang
@ -241,7 +241,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -250,7 +250,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<input
class="ant-input"
style="width:50%;"
style="width:50%"
type="text"
value="Xihu District, Hangzhou"
/>
@ -276,7 +276,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Option1"
>
Option1
@ -284,7 +284,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -293,7 +293,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<input
class="ant-input"
style="width:50%;"
style="width:50%"
type="text"
value="input content"
/>
@ -351,7 +351,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<input
class="ant-input"
style="width:50%;"
style="width:50%"
type="text"
value="input content"
/>
@ -392,7 +392,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Option1-1"
>
Option1-1
@ -400,7 +400,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -424,7 +424,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Option2-2"
>
Option2-2
@ -432,7 +432,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -461,7 +461,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Between"
>
Between
@ -469,7 +469,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -479,20 +479,20 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<input
class="ant-input"
placeholder="Minimum"
style="width:100px;text-align:center;"
style="width:100px;text-align:center"
type="text"
/>
<input
class="ant-input ant-input-disabled"
disabled=""
placeholder="~"
style="width:24px;border-left:0;pointer-events:none;background-color:#fff;"
style="width:24px;border-left:0;pointer-events:none;background-color:#fff"
type="text"
/>
<input
class="ant-input"
placeholder="Maximum"
style="width:100px;text-align:center;border-left:0;"
style="width:100px;text-align:center;border-left:0"
type="text"
/>
</span>
@ -517,7 +517,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Sign Up"
>
Sign Up
@ -525,7 +525,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -534,7 +534,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -549,7 +549,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Email
@ -577,7 +577,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -591,7 +591,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<div
class="ant-select ant-select-enabled"
style="width:30%;"
style="width:30%"
>
<div
aria-autocomplete="list"
@ -607,7 +607,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Home"
>
Home
@ -615,7 +615,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -624,7 +624,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div>
<span
class="ant-cascader-picker"
style="width:70%;"
style="width:70%"
tabindex="0"
>
<span
@ -670,7 +670,7 @@ exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
<div>
<span
class="ant-input-search ant-input-affix-wrapper"
style="width:200px;"
style="width:200px"
>
<input
class="ant-input"
@ -768,7 +768,7 @@ exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
class="ant-input"
maxlength="25"
placeholder="Input a number"
style="width:120px;"
style="width:120px"
type="text"
value=""
/>

2
components/input/__tests__/index.test.js
View File

@ -21,7 +21,7 @@ describe('TextArea', () => {
const wrapper = mount(
<TextArea value="" readOnly autosize />
);
const mockFunc = jest.spyOn(wrapper.node, 'resizeTextarea');
const mockFunc = jest.spyOn(wrapper.instance(), 'resizeTextarea');
wrapper.setProps({ value: '1111\n2222\n3333' });
await delay(0);
expect(mockFunc).toHaveBeenCalledTimes(1);

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

@ -34,7 +34,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
>
<div
class="ant-layout-sider"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -72,7 +72,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-layout-sider"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -92,7 +92,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
>
<div
class="ant-layout-sider"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -129,7 +129,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
>
<div
class="ant-layout-sider"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -147,7 +147,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-user"
@ -160,7 +160,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-video-camera"
@ -173,7 +173,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-upload"
@ -190,7 +190,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
>
<div
class="ant-layout-header"
style="background:#fff;padding:0;"
style="background:#fff;padding:0"
>
<i
class="anticon anticon-menu-fold trigger"
@ -198,7 +198,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
</div>
<div
class="ant-layout-content"
style="margin:24px 16px;padding:24px;background:#fff;min-height:280px;"
style="margin:24px 16px;padding:24px;background:#fff;min-height:280px"
>
Content
</div>
@ -212,7 +212,7 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
>
<div
class="ant-layout-header"
style="position:fixed;width:100%;"
style="position:fixed;width:100%"
>
<div
class="logo"
@ -221,7 +221,7 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu"
style="line-height:64px;"
style="line-height:64px"
tabindex="0"
>
<li
@ -249,11 +249,11 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
</div>
<div
class="ant-layout-content"
style="padding:0 50px;margin-top:64px;"
style="padding:0 50px;margin-top:64px"
>
<div
class="ant-breadcrumb"
style="margin:12px 0;"
style="margin:12px 0"
>
<span>
<span
@ -293,14 +293,14 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
</span>
</div>
<div
style="background:#fff;padding:24px;min-height:380px;"
style="background:#fff;padding:24px;min-height:380px"
>
Content
</div>
</div>
<div
class="ant-layout-footer"
style="text-align:center;"
style="text-align:center"
>
Ant Design ©2016 Created by Ant UED
</div>
@ -313,7 +313,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
>
<div
class="ant-layout-sider"
style="overflow:auto;height:100vh;position:fixed;left:0;flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="overflow:auto;height:100vh;position:fixed;left:0;flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -331,7 +331,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-user"
@ -346,7 +346,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-video-camera"
@ -361,7 +361,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-upload"
@ -376,7 +376,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-bar-chart"
@ -391,7 +391,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-cloud-o"
@ -406,7 +406,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-appstore-o"
@ -421,7 +421,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-team"
@ -436,7 +436,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-shop"
@ -452,18 +452,18 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</div>
<div
class="ant-layout"
style="margin-left:200px;"
style="margin-left:200px"
>
<div
class="ant-layout-header"
style="background:#fff;padding:0;"
style="background:#fff;padding:0"
/>
<div
class="ant-layout-content"
style="margin:24px 16px 0;overflow:initial;"
style="margin:24px 16px 0;overflow:initial"
>
<div
style="padding:24px;background:#fff;text-align:center;"
style="padding:24px;background:#fff;text-align:center"
>
...
<br />
@ -564,7 +564,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</div>
<div
class="ant-layout-footer"
style="text-align:center;"
style="text-align:center"
>
Ant Design ©2016 Created by Ant UED
</div>
@ -578,7 +578,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
>
<div
class="ant-layout-sider"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -596,7 +596,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-user"
@ -611,7 +611,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-video-camera"
@ -626,7 +626,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-upload"
@ -641,7 +641,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-user"
@ -660,21 +660,21 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
>
<div
class="ant-layout-header"
style="background:#fff;padding:0;"
style="background:#fff;padding:0"
/>
<div
class="ant-layout-content"
style="margin:24px 16px 0;"
style="margin:24px 16px 0"
>
<div
style="padding:24px;background:#fff;min-height:360px;"
style="padding:24px;background:#fff;min-height:360px"
>
content
</div>
</div>
<div
class="ant-layout-footer"
style="text-align:center;"
style="text-align:center"
>
Ant Design ©2016 Created by Ant UED
</div>
@ -685,11 +685,11 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
exports[`renders ./components/layout/demo/side.md correctly 1`] = `
<div
class="ant-layout ant-layout-has-sider"
style="min-height:100vh;"
style="min-height:100vh"
>
<div
class="ant-layout-sider"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -707,7 +707,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-pie-chart"
@ -720,7 +720,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-desktop"
@ -737,7 +737,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -760,7 +760,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -779,7 +779,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-file"
@ -792,7 +792,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
</div>
<div
class="ant-layout-sider-trigger"
style="width:200px;"
style="width:200px"
>
<i
class="anticon anticon-left"
@ -804,15 +804,15 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
>
<div
class="ant-layout-header"
style="background:#fff;padding:0;"
style="background:#fff;padding:0"
/>
<div
class="ant-layout-content"
style="margin:0 16px;"
style="margin:0 16px"
>
<div
class="ant-breadcrumb"
style="margin:12px 0;"
style="margin:12px 0"
>
<span>
<span
@ -840,14 +840,14 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
</span>
</div>
<div
style="padding:24px;background:#fff;min-height:360px;"
style="padding:24px;background:#fff;min-height:360px"
>
Bill is a cat.
</div>
</div>
<div
class="ant-layout-footer"
style="text-align:center;"
style="text-align:center"
>
Ant Design ©2016 Created by Ant UED
</div>
@ -869,7 +869,7 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu"
style="line-height:64px;"
style="line-height:64px"
tabindex="0"
>
<li
@ -897,11 +897,11 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
</div>
<div
class="ant-layout-content"
style="padding:0 50px;"
style="padding:0 50px"
>
<div
class="ant-breadcrumb"
style="margin:12px 0;"
style="margin:12px 0"
>
<span>
<span
@ -941,14 +941,14 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
</span>
</div>
<div
style="background:#fff;padding:24px;min-height:280px;"
style="background:#fff;padding:24px;min-height:280px"
>
Content
</div>
</div>
<div
class="ant-layout-footer"
style="text-align:center;"
style="text-align:center"
>
Ant Design ©2016 Created by Ant UED
</div>
@ -969,7 +969,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu"
style="line-height:64px;"
style="line-height:64px"
tabindex="0"
>
<li
@ -997,11 +997,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</div>
<div
class="ant-layout-content"
style="padding:0 50px;"
style="padding:0 50px"
>
<div
class="ant-breadcrumb"
style="margin:12px 0;"
style="margin:12px 0"
>
<span>
<span
@ -1042,11 +1042,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</div>
<div
class="ant-layout ant-layout-has-sider"
style="padding:24px 0;background:#fff;"
style="padding:24px 0;background:#fff"
>
<div
class="ant-layout-sider"
style="background:#fff;flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="background:#fff;flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -1055,7 +1055,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu"
style="height:100%;"
style="height:100%"
tabindex="0"
>
<li
@ -1066,7 +1066,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -1088,7 +1088,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
option1
</li>
@ -1096,7 +1096,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
option2
</li>
@ -1104,7 +1104,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
option3
</li>
@ -1112,7 +1112,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
option4
</li>
@ -1126,7 +1126,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -1147,7 +1147,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub3$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -1165,7 +1165,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</div>
<div
class="ant-layout-content"
style="padding:0 24px;min-height:280px;"
style="padding:0 24px;min-height:280px"
>
Content
</div>
@ -1173,7 +1173,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</div>
<div
class="ant-layout-footer"
style="text-align:center;"
style="text-align:center"
>
Ant Design ©2016 Created by Ant UED
</div>
@ -1194,7 +1194,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu"
style="line-height:64px;"
style="line-height:64px"
tabindex="0"
>
<li
@ -1225,7 +1225,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
>
<div
class="ant-layout-sider"
style="background:#fff;flex:0 0 200px;max-width:200px;min-width:200px;width:200px;"
style="background:#fff;flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
>
<div
class="ant-layout-sider-children"
@ -1234,7 +1234,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu"
style="height:100%;border-right:0;"
style="height:100%;border-right:0"
tabindex="0"
>
<li
@ -1245,7 +1245,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -1267,7 +1267,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
option1
</li>
@ -1275,7 +1275,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
option2
</li>
@ -1283,7 +1283,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
option3
</li>
@ -1291,7 +1291,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
option4
</li>
@ -1305,7 +1305,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -1326,7 +1326,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub3$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -1344,11 +1344,11 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
</div>
<div
class="ant-layout"
style="padding:0 24px 24px;"
style="padding:0 24px 24px"
>
<div
class="ant-breadcrumb"
style="margin:12px 0;"
style="margin:12px 0"
>
<span>
<span
@ -1389,7 +1389,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
</div>
<div
class="ant-layout-content"
style="background:#fff;padding:24px;margin:0;min-height:280px;"
style="background:#fff;padding:24px;margin:0;min-height:280px"
>
Content
</div>

92
components/list/__tests__/__snapshots__/demo.test.js.snap
View File

@ -250,7 +250,7 @@ exports[`renders ./components/list/demo/basic.md correctly 1`] = `
</ul>
</div>
<div
style="text-align:center;margin-top:8px;"
style="text-align:center;margin-top:8px"
>
<button
class="ant-btn"
@ -272,14 +272,14 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
<div>
<div
class="ant-row"
style="margin-left:-8px;margin-right:-8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-6"
>
<div
class="ant-list-item"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-list-item-content ant-list-item-content-single"
@ -318,7 +318,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
>
<div
class="ant-list-item"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-list-item-content ant-list-item-content-single"
@ -357,7 +357,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
>
<div
class="ant-list-item"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-list-item-content ant-list-item-content-single"
@ -396,7 +396,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
>
<div
class="ant-list-item"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-list-item-content ant-list-item-content-single"
@ -451,14 +451,14 @@ exports[`renders ./components/list/demo/infinite-virtualized-load.md correctly 1
>
<div />
<div
style="overflow:visible;width:0;"
style="overflow:visible;width:0"
>
<div
aria-label="grid"
aria-readonly="true"
class="ReactVirtualized__Grid ReactVirtualized__List"
role="grid"
style="box-sizing:border-box;direction:ltr;height:auto;position:relative;width:0;-webkit-overflow-scrolling:touch;will-change:transform;overflow-x:hidden;overflow-y:hidden;"
style="box-sizing:border-box;direction:ltr;height:auto;position:relative;width:0;-webkit-overflow-scrolling:touch;will-change:transform;overflow-x:hidden;overflow-y:hidden"
tabindex="0"
/>
</div>
@ -641,14 +641,14 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
<div>
<div
class="ant-row"
style="margin-left:-8px;margin-right:-8px;"
style="margin-left:-8px;margin-right:-8px"
>
<div
class="ant-col-xs-12 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4"
>
<div
class="ant-list-item"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-list-item-content ant-list-item-content-single"
@ -687,7 +687,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
>
<div
class="ant-list-item"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-list-item-content ant-list-item-content-single"
@ -726,7 +726,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
>
<div
class="ant-list-item"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-list-item-content ant-list-item-content-single"
@ -765,7 +765,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
>
<div
class="ant-list-item"
style="padding-left:8px;padding-right:8px;"
style="padding-left:8px;padding-right:8px"
>
<div
class="ant-list-item-content ant-list-item-content-single"
@ -807,7 +807,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
exports[`renders ./components/list/demo/simple.md correctly 1`] = `
<div>
<h3
style="margin-bottom:16px;"
style="margin-bottom:16px"
>
Default Size
</h3>
@ -877,7 +877,7 @@ exports[`renders ./components/list/demo/simple.md correctly 1`] = `
</div>
</div>
<h3
style="margin:16px 0;"
style="margin:16px 0"
>
Small Size
</h3>
@ -947,7 +947,7 @@ exports[`renders ./components/list/demo/simple.md correctly 1`] = `
</div>
</div>
<h3
style="margin:16px 0;"
style="margin:16px 0"
>
Large Size
</h3>
@ -1078,7 +1078,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1090,7 +1090,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1102,7 +1102,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1174,7 +1174,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1186,7 +1186,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1198,7 +1198,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1270,7 +1270,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1282,7 +1282,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1294,7 +1294,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1366,7 +1366,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1378,7 +1378,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1390,7 +1390,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1462,7 +1462,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1474,7 +1474,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1486,7 +1486,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1558,7 +1558,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1570,7 +1570,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1582,7 +1582,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1654,7 +1654,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1666,7 +1666,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1678,7 +1678,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1750,7 +1750,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1762,7 +1762,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1774,7 +1774,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1846,7 +1846,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1858,7 +1858,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1870,7 +1870,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>
@ -1942,7 +1942,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-star-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1954,7 +1954,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-like-o"
style="margin-right:8px;"
style="margin-right:8px"
/>
156
</span>
@ -1966,7 +1966,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span>
<i
class="anticon anticon-message"
style="margin-right:8px;"
style="margin-right:8px"
/>
2
</span>

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

@ -6,7 +6,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
class="change-locale"
>
<span
style="margin-right:16px;"
style="margin-right:16px"
>
Change locale of components:
</span>
@ -147,7 +147,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="10 / page"
>
10 / page
@ -155,7 +155,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -170,7 +170,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<div
class="ant-select ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -186,7 +186,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<div
class="ant-select-search ant-select-search--inline"
style="display:none;"
style="display:none"
>
<div
class="ant-select-search__field__wrap"
@ -206,7 +206,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -244,7 +244,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</span>
<span
class="ant-calendar-picker"
style="width:200px;"
style="width:200px"
>
<span
class="ant-calendar-picker-input ant-input"
@ -468,7 +468,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
</div>
<div
style="width:319px;border:1px solid #d9d9d9;border-radius:4px;"
style="width:319px;border:1px solid #d9d9d9;border-radius:4px"
>
<div
class=""
@ -493,7 +493,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="2016"
>
2016
@ -501,7 +501,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -525,7 +525,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Nov"
>
Nov
@ -533,7 +533,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -1635,7 +1635,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="10 / page"
>
10 / page
@ -1643,7 +1643,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />

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

File diff suppressed because it is too large Load Diff

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

@ -69,7 +69,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu"
style="width:240px;"
style="width:240px"
tabindex="0"
>
<li
@ -80,7 +80,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -116,7 +116,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 1
</li>
@ -124,7 +124,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 2
</li>
@ -146,7 +146,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 3
</li>
@ -154,7 +154,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 4
</li>
@ -170,7 +170,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -193,7 +193,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub4$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -213,11 +213,11 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
<div
style="width:240px;"
style="width:240px"
>
<button
class="ant-btn ant-btn-primary"
style="margin-bottom:16px;"
style="margin-bottom:16px"
type="button"
>
<i
@ -234,7 +234,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-pie-chart"
@ -247,7 +247,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-desktop"
@ -260,7 +260,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-inbox"
@ -277,7 +277,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -301,7 +301,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 5
</li>
@ -309,7 +309,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 6
</li>
@ -317,7 +317,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 7
</li>
@ -325,7 +325,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 8
</li>
@ -339,7 +339,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -363,7 +363,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu"
style="width:240px;"
style="width:240px"
tabindex="0"
>
<li
@ -374,7 +374,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -398,7 +398,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 1
</li>
@ -406,7 +406,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 2
</li>
@ -414,7 +414,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 3
</li>
@ -422,7 +422,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 4
</li>
@ -436,7 +436,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -459,7 +459,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub4$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -490,7 +490,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
Change Mode
<span
class="ant-divider"
style="margin:0 1em;"
style="margin:0 1em"
/>
<span
class="ant-switch"
@ -507,14 +507,14 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu"
style="width:240px;"
style="width:240px"
tabindex="0"
>
<li
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-mail"
@ -525,7 +525,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:24px;"
style="padding-left:24px"
>
<i
class="anticon anticon-calendar"
@ -540,7 +540,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -564,7 +564,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 3
</li>
@ -572,7 +572,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 4
</li>
@ -584,7 +584,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:48px;"
style="padding-left:48px"
title="Submenu"
>
Submenu
@ -603,7 +603,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -641,7 +641,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root"
role="menu"
style="width:240px;"
style="width:240px"
tabindex="0"
>
<li
@ -652,7 +652,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub1$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -676,7 +676,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-selected="true"
class="ant-menu-item-selected ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 1
</li>
@ -684,7 +684,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 2
</li>
@ -692,7 +692,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 3
</li>
@ -700,7 +700,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-selected="false"
class="ant-menu-item"
role="menuitem"
style="padding-left:48px;"
style="padding-left:48px"
>
Option 4
</li>
@ -714,7 +714,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub2$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -737,7 +737,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-haspopup="true"
aria-owns="sub4$Menu"
class="ant-menu-submenu-title"
style="padding-left:24px;"
style="padding-left:24px"
>
<span>
<i
@ -761,7 +761,7 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
aria-activedescendant=""
class="ant-menu ant-menu-vertical ant-menu-light ant-menu-root"
role="menu"
style="width:240px;"
style="width:240px"
tabindex="0"
>
<li

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

@ -56,11 +56,12 @@ 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('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.setProps({ openKeys: [] });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.update();
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.setProps({ openKeys: ['1'] });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
});
it('should accept openKeys in mode inline', () => {
@ -73,11 +74,12 @@ 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('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.setProps({ openKeys: [] });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.update();
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.setProps({ openKeys: ['1'] });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
});
it('should accept openKeys in mode vertical', () => {
@ -90,11 +92,12 @@ 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('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.setProps({ openKeys: [] });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.update();
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.setProps({ openKeys: ['1'] });
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
});
// https://github.com/ant-design/ant-design/pulls/4677
@ -172,11 +175,12 @@ describe('Menu', () => {
);
expect(wrapper.find('.ant-menu-sub').length).toBe(0);
wrapper.find('.ant-menu-submenu-title').simulate('click');
expect(wrapper.find('.ant-menu-sub').length).toBe(1);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1);
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.find('.ant-menu-submenu-title').simulate('click');
await delay(300);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.update();
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true);
});
it('should open submenu when hover submenu title (vertical)', async () => {
@ -191,11 +195,12 @@ describe('Menu', () => {
);
expect(wrapper.find('.ant-menu-sub').length).toBe(0);
wrapper.find('.ant-menu-submenu-title').simulate('mouseenter');
expect(wrapper.find('.ant-menu-sub').length).toBe(1);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1);
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.find('.ant-menu-submenu').simulate('mouseleave');
await delay(300);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.update();
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true);
});
it('should open submenu when hover submenu title (horizontal)', async () => {
@ -210,10 +215,11 @@ describe('Menu', () => {
);
expect(wrapper.find('.ant-menu-sub').length).toBe(0);
wrapper.find('.ant-menu-submenu-title').simulate('mouseenter');
expect(wrapper.find('.ant-menu-sub').length).toBe(1);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).not.toBe(true);
expect(wrapper.find('.ant-menu-sub').hostNodes().length).toBe(1);
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.find('.ant-menu-submenu').simulate('mouseleave');
await delay(300);
expect(wrapper.find('.ant-menu-sub').at(0).hasClass('ant-menu-hidden')).toBe(true);
wrapper.update();
expect(wrapper.find('.ant-menu-sub').hostNodes().at(0).hasClass('ant-menu-hidden')).toBe(true);
});
});

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

@ -48,7 +48,7 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
<div>
<div
class="ant-select ant-select-enabled"
style="width:120px;margin-right:10px;"
style="width:120px;margin-right:10px"
>
<div
aria-autocomplete="list"
@ -64,7 +64,7 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="topRight"
>
topRight
@ -72,7 +72,7 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />

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

@ -181,7 +181,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="10 / page"
>
10 / page
@ -189,7 +189,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -629,7 +629,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="10 / page"
>
10 / page
@ -637,7 +637,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />

8
components/popconfirm/__tests__/__snapshots__/demo.test.js.snap
View File

@ -42,7 +42,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
class="demo"
>
<div
style="margin-left:70px;white-space:nowrap;"
style="margin-left:70px;white-space:nowrap"
>
<button
class="ant-btn"
@ -70,7 +70,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="width:70px;float:left;"
style="width:70px;float:left"
>
<button
class="ant-btn"
@ -98,7 +98,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="width:70px;margin-left:304px;"
style="width:70px;margin-left:304px"
>
<button
class="ant-btn"
@ -126,7 +126,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="margin-left:70px;clear:both;white-space:nowrap;"
style="margin-left:70px;clear:both;white-space:nowrap"
>
<button
class="ant-btn"

4
components/popconfirm/__tests__/index.test.js
View File

@ -35,11 +35,11 @@ describe('Popconfirm', () => {
</Popconfirm>
);
expect(popconfirm.node.getPopupDomNode()).toBe(null);
expect(popconfirm.instance().getPopupDomNode()).toBe(null);
popconfirm.find('span').simulate('click');
const popup = popconfirm.node.getPopupDomNode();
const popup = popconfirm.instance().getPopupDomNode();
expect(popup).not.toBe(null);
expect(popup.className).toContain('ant-popover-placement-top');
expect(popup.innerHTML).toMatchSnapshot();

8
components/popover/__tests__/__snapshots__/demo.test.js.snap
View File

@ -48,7 +48,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
class="demo"
>
<div
style="margin-left:70px;white-space:nowrap;"
style="margin-left:70px;white-space:nowrap"
>
<button
class="ant-btn"
@ -76,7 +76,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="width:70px;float:left;"
style="width:70px;float:left"
>
<button
class="ant-btn"
@ -104,7 +104,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="width:70px;margin-left:304px;"
style="width:70px;margin-left:304px"
>
<button
class="ant-btn"
@ -132,7 +132,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button>
</div>
<div
style="margin-left:70px;clear:both;white-space:nowrap;"
style="margin-left:70px;clear:both;white-space:nowrap"
>
<button
class="ant-btn"

4
components/popover/__tests__/index.test.js
View File

@ -10,11 +10,11 @@ describe('Popover', () => {
</Popover>
);
expect(popover.node.getPopupDomNode()).toBe(null);
expect(popover.instance().getPopupDomNode()).toBe(null);
popover.find('span').simulate('click');
const popup = popover.node.getPopupDomNode();
const popup = popover.instance().getPopupDomNode();
expect(popup).not.toBe(null);
expect(popup.className).toContain('ant-popover-placement-top');
expect(popup.innerHTML).toMatchSnapshot();

100
components/progress/__tests__/__snapshots__/demo.test.js.snap
View File

@ -7,11 +7,11 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -21,7 +21,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -32,7 +32,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#108ee9"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:221.48228207808043px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:221.48228207808043px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -47,11 +47,11 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -61,7 +61,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -72,7 +72,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#ff5500"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:206.7167966062084px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:206.7167966062084px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -89,11 +89,11 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -103,7 +103,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -114,7 +114,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#87d068"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -136,11 +136,11 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -150,7 +150,7 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -190,11 +190,11 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:80px;height:80px;font-size:18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -204,7 +204,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -215,7 +215,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
stroke="#108ee9"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:88.59291283123217px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:88.59291283123217px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -230,11 +230,11 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:80px;height:80px;font-size:18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -244,7 +244,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -255,7 +255,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
stroke="#ff5500"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:206.7167966062084px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:206.7167966062084px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -272,11 +272,11 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:80px;height:80px;font-size:18px;"
style="width:80px;height:80px;font-size:18px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -286,7 +286,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -297,7 +297,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
stroke="#87d068"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -318,11 +318,11 @@ exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -332,7 +332,7 @@ exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:220.30970943744057px 295.3097094374406px;stroke-dashoffset:-37.5px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:220.30970943744057px 295.3097094374406px;stroke-dashoffset:-37.5px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -343,7 +343,7 @@ exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
stroke="#108ee9"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:165.23228207808043px 295.3097094374406px;stroke-dashoffset:-37.5px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:165.23228207808043px 295.3097094374406px;stroke-dashoffset:-37.5px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -369,7 +369,7 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:0%;height:8px;"
style="width:0%;height:8px"
/>
</div>
</div>
@ -410,11 +410,11 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -424,7 +424,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -435,7 +435,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
stroke="#108ee9"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:221.48228207808043px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:221.48228207808043px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -450,11 +450,11 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
>
<div
class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;"
style="width:120px;height:120px;font-size:24px"
>
<svg
class="ant-progress-circle "
viewbox="0 0 100 100"
viewBox="0 0 100 100"
>
<path
class="ant-progress-circle-trail"
@ -464,7 +464,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
fill-opacity="0"
stroke="#f3f3f3"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
<path
class="ant-progress-circle-path"
@ -475,7 +475,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
stroke="#87d068"
stroke-linecap="round"
stroke-width="6"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s;"
style="stroke-dasharray:295.3097094374406px 295.3097094374406px;stroke-dashoffset:-0px;transition:stroke-dashoffset .3s ease 0s, stroke-dasharray .3s ease 0s, stroke .3s"
/>
</svg>
<span
@ -502,7 +502,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:30%;height:8px;"
style="width:30%;height:8px"
/>
</div>
</div>
@ -525,7 +525,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:50%;height:8px;"
style="width:50%;height:8px"
/>
</div>
</div>
@ -548,7 +548,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:70%;height:8px;"
style="width:70%;height:8px"
/>
</div>
</div>
@ -573,7 +573,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:100%;height:8px;"
style="width:100%;height:8px"
/>
</div>
</div>
@ -598,7 +598,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:50%;height:8px;"
style="width:50%;height:8px"
/>
</div>
</div>
@ -609,7 +609,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div
style="width:170px;"
style="width:170px"
>
<div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small"
@ -623,7 +623,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:30%;height:8px;"
style="width:30%;height:8px"
/>
</div>
</div>
@ -646,7 +646,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:50%;height:8px;"
style="width:50%;height:8px"
/>
</div>
</div>
@ -669,7 +669,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:70%;height:8px;"
style="width:70%;height:8px"
/>
</div>
</div>
@ -694,7 +694,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
>
<div
class="ant-progress-bg"
style="width:100%;height:8px;"
style="width:100%;height:8px"
/>
</div>
</div>

18
components/radio/__tests__/__snapshots__/demo.test.js.snap
View File

@ -64,7 +64,7 @@ exports[`renders ./components/radio/demo/disable.md correctly 1`] = `
</span>
</label>
<div
style="margin-top:20px;"
style="margin-top:20px"
>
<button
class="ant-btn ant-btn-primary"
@ -160,7 +160,7 @@ exports[`renders ./components/radio/demo/radiobutton.md correctly 1`] = `
</div>
</div>
<div
style="margin-top:16px;"
style="margin-top:16px"
>
<div
class="ant-radio-group"
@ -242,7 +242,7 @@ exports[`renders ./components/radio/demo/radiobutton.md correctly 1`] = `
</div>
</div>
<div
style="margin-top:16px;"
style="margin-top:16px"
>
<div
class="ant-radio-group"
@ -415,7 +415,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
>
<label
class="ant-radio-wrapper ant-radio-wrapper-checked"
style="display:block;height:30px;line-height:30px;"
style="display:block;height:30px;line-height:30px"
>
<span
class="ant-radio ant-radio-checked"
@ -435,7 +435,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
</label>
<label
class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;"
style="display:block;height:30px;line-height:30px"
>
<span
class="ant-radio"
@ -454,7 +454,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
</label>
<label
class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;"
style="display:block;height:30px;line-height:30px"
>
<span
class="ant-radio"
@ -473,7 +473,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
</label>
<label
class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;"
style="display:block;height:30px;line-height:30px"
>
<span
class="ant-radio"
@ -841,7 +841,7 @@ exports[`renders ./components/radio/demo/size.md correctly 1`] = `
</div>
</div>
<div
style="margin-top:16px;"
style="margin-top:16px"
>
<div
class="ant-radio-group"
@ -922,7 +922,7 @@ exports[`renders ./components/radio/demo/size.md correctly 1`] = `
</div>
</div>
<div
style="margin-top:16px;"
style="margin-top:16px"
>
<div
class="ant-radio-group ant-radio-group-small"

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

@ -196,7 +196,7 @@ exports[`renders ./components/rate/demo/character.md correctly 1`] = `
<br />
<ul
class="ant-rate"
style="font-size:36px;"
style="font-size:36px"
>
<li
class="ant-rate-star ant-rate-star-zero"

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

@ -3,7 +3,7 @@
exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
style="width:100%;"
style="width:100%"
>
<div
aria-autocomplete="list"
@ -45,7 +45,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
<div>
<div
class="ant-select ant-select-enabled"
style="width:120px;"
style="width:120px"
>
<div
aria-autocomplete="list"
@ -61,7 +61,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Lucy"
>
Lucy
@ -69,7 +69,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -78,7 +78,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-select ant-select-disabled ant-select-allow-clear"
style="width:120px;"
style="width:120px"
>
<div
aria-autocomplete="list"
@ -94,7 +94,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Lucy"
>
Lucy
@ -102,12 +102,12 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
</div>
<span
class="ant-select-selection__clear"
style="user-select:none;-webkit-user-select:none;display:block;"
style="user-select:none;-webkit-user-select:none;display:block"
unselectable="unselectable"
/>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -120,7 +120,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
<div
class="ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -135,7 +135,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Enter the account name
@ -163,7 +163,7 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -176,7 +176,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
<div>
<div
class="ant-select ant-select-enabled"
style="width:90px;"
style="width:90px"
>
<div
aria-autocomplete="list"
@ -192,7 +192,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Zhejiang"
>
Zhejiang
@ -200,7 +200,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -209,7 +209,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
</div>
<div
class="ant-select ant-select-enabled"
style="width:90px;"
style="width:90px"
>
<div
aria-autocomplete="list"
@ -225,7 +225,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Hangzhou"
>
Hangzhou
@ -233,7 +233,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -246,7 +246,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
style="width:120px;"
style="width:120px"
>
<div
aria-autocomplete="list"
@ -262,7 +262,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Lucy (101)"
>
Lucy (101)
@ -270,7 +270,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -282,7 +282,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
style="width:100%;"
style="width:100%"
>
<div
aria-autocomplete="list"
@ -297,7 +297,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;"
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Please select
@ -305,7 +305,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
<ul>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="unselectable"
>
@ -320,7 +320,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
</li>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
>
@ -360,7 +360,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -376,7 +376,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="Lucy"
>
Lucy
@ -384,7 +384,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -396,7 +396,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
exports[`renders ./components/select/demo/search.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -412,14 +412,14 @@ 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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Select a person
</div>
<div
class="ant-select-search ant-select-search--inline"
style="display:none;"
style="display:none"
>
<div
class="ant-select-search__field__wrap"
@ -439,7 +439,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -451,7 +451,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
<div
class="ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -466,7 +466,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
input search text
@ -499,7 +499,7 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
style="width:100%;"
style="width:100%"
>
<div
aria-autocomplete="list"
@ -514,7 +514,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Select users
@ -609,7 +609,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<br />
<div
class="ant-select ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -625,7 +625,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="a1"
>
a1
@ -633,7 +633,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -643,7 +643,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<br />
<div
class="ant-select ant-select-combobox ant-select-enabled"
style="width:200px;"
style="width:200px"
>
<div
aria-autocomplete="list"
@ -679,7 +679,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -689,7 +689,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<br />
<div
class="ant-select ant-select-enabled"
style="width:100%;"
style="width:100%"
>
<div
aria-autocomplete="list"
@ -704,7 +704,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;"
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Please select
@ -712,7 +712,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<ul>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="unselectable"
>
@ -727,7 +727,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
</li>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
>
@ -765,7 +765,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<br />
<div
class="ant-select ant-select-enabled"
style="width:100%;"
style="width:100%"
>
<div
aria-autocomplete="list"
@ -780,7 +780,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;"
style="display:none;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Please select
@ -788,7 +788,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<ul>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
title="a10"
unselectable="unselectable"
>
@ -803,7 +803,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
</li>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
title="c12"
unselectable="unselectable"
>
@ -844,7 +844,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
exports[`renders ./components/select/demo/tags.md correctly 1`] = `
<div
class="ant-select ant-select-enabled"
style="width:100%;"
style="width:100%"
>
<div
aria-autocomplete="list"
@ -859,7 +859,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;"
style="display:block;user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
Tags Mode

186
components/slider/__tests__/__snapshots__/demo.test.js.snap
View File

@ -10,7 +10,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:30%;"
style="visibility:visible;left:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -22,7 +22,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left:30%;"
style="left:30%"
tabindex="0"
/>
<div
@ -37,7 +37,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:20%;width:30%;"
style="visibility:visible;left:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -49,7 +49,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%;"
style="left:20%"
tabindex="0"
/>
<div
@ -59,7 +59,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%;"
style="left:50%"
tabindex="0"
/>
<div
@ -88,7 +88,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:30%;"
style="visibility:visible;left:0%;width:30%"
/>
<div
class="ant-slider-step"
@ -100,7 +100,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="left:30%;"
style="left:30%"
tabindex="0"
/>
<div
@ -115,7 +115,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:20%;width:30%;"
style="visibility:visible;left:20%;width:30%"
/>
<div
class="ant-slider-step"
@ -127,7 +127,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:20%;"
style="left:20%"
tabindex="0"
/>
<div
@ -137,7 +137,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:50%;"
style="left:50%"
tabindex="0"
/>
<div
@ -162,7 +162,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;"
style="visibility:visible;left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -174,7 +174,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
style="left:0%"
tabindex="0"
/>
<div
@ -203,7 +203,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;"
style="visibility:visible;left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -215,7 +215,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
aria-valuenow="1"
class="ant-slider-handle"
role="slider"
style="left:0%;"
style="left:0%"
tabindex="0"
/>
<div
@ -228,7 +228,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
>
<div
class="ant-input-number"
style="margin-left:16px;"
style="margin-left:16px"
>
<div
class="ant-input-number-handler-wrap"
@ -291,7 +291,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;"
style="visibility:visible;left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -303,7 +303,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
style="left:0%"
tabindex="0"
/>
<div
@ -316,7 +316,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
>
<div
class="ant-input-number"
style="margin-left:16px;"
style="margin-left:16px"
>
<div
class="ant-input-number-handler-wrap"
@ -381,26 +381,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;"
style="visibility:visible;left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:0%;"
style="left:0%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:26%;"
style="left:26%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:37%;"
style="left:37%"
/>
<span
class="ant-slider-dot"
style="left:100%;"
style="left:100%"
/>
</div>
<div
@ -410,7 +410,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
style="left:37%"
tabindex="0"
/>
<div
@ -418,25 +418,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
>
<strong>
100°C
@ -452,26 +452,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:26%;width:11%;"
style="visibility:visible;left:26%;width:11%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot"
style="left:0%;"
style="left:0%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:26%;"
style="left:26%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:37%;"
style="left:37%"
/>
<span
class="ant-slider-dot"
style="left:100%;"
style="left:100%"
/>
</div>
<div
@ -481,7 +481,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="left:26%;"
style="left:26%"
tabindex="0"
/>
<div
@ -491,7 +491,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="left:37%;"
style="left:37%"
tabindex="0"
/>
<div
@ -499,25 +499,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
>
<strong>
100°C
@ -536,26 +536,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:hidden;left:0%;width:37%;"
style="visibility:hidden;left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot"
style="left:0%;"
style="left:0%"
/>
<span
class="ant-slider-dot"
style="left:26%;"
style="left:26%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:37%;"
style="left:37%"
/>
<span
class="ant-slider-dot"
style="left:100%;"
style="left:100%"
/>
</div>
<div
@ -565,7 +565,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
style="left:37%"
tabindex="0"
/>
<div
@ -573,25 +573,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
>
<strong>
100°C
@ -610,26 +610,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;"
style="visibility:visible;left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:0%;"
style="left:0%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:26%;"
style="left:26%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:37%;"
style="left:37%"
/>
<span
class="ant-slider-dot"
style="left:100%;"
style="left:100%"
/>
</div>
<div
@ -639,7 +639,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
style="left:37%"
tabindex="0"
/>
<div
@ -647,25 +647,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
>
<strong>
100°C
@ -684,26 +684,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;"
style="visibility:visible;left:0%;width:37%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:0%;"
style="left:0%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:26%;"
style="left:26%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="left:37%;"
style="left:37%"
/>
<span
class="ant-slider-dot"
style="left:100%;"
style="left:100%"
/>
</div>
<div
@ -713,7 +713,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle"
role="slider"
style="left:37%;"
style="left:37%"
tabindex="0"
/>
<div
@ -721,25 +721,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50;"
style="width:30.000000000000004%;margin-left:-15.000000000000002%;left:100%;color:#f50"
>
<strong>
100°C
@ -760,7 +760,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;"
style="visibility:visible;left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -772,7 +772,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
style="left:0%"
tabindex="0"
/>
<div
@ -787,7 +787,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;"
style="visibility:visible;left:0%;width:0%"
/>
<div
class="ant-slider-step"
@ -799,7 +799,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
aria-valuenow="0"
class="ant-slider-handle"
role="slider"
style="left:0%;"
style="left:0%"
tabindex="0"
/>
<div
@ -811,10 +811,10 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
<div
style="height:300px;"
style="height:300px"
>
<div
style="float:left;height:300px;margin-left:70px;"
style="float:left;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-vertical"
@ -824,7 +824,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/>
<div
class="ant-slider-track"
style="visibility:visible;bottom:0%;height:30%;"
style="visibility:visible;bottom:0%;height:30%"
/>
<div
class="ant-slider-step"
@ -836,7 +836,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="30"
class="ant-slider-handle"
role="slider"
style="bottom:30%;"
style="bottom:30%"
tabindex="0"
/>
<div
@ -845,7 +845,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
</div>
</div>
<div
style="float:left;height:300px;margin-left:70px;"
style="float:left;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-vertical"
@ -855,7 +855,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="visibility:visible;bottom:20%;height:30%;"
style="visibility:visible;bottom:20%;height:30%"
/>
<div
class="ant-slider-step"
@ -867,7 +867,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:20%;"
style="bottom:20%"
tabindex="0"
/>
<div
@ -877,7 +877,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:50%;"
style="bottom:50%"
tabindex="0"
/>
<div
@ -886,7 +886,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
</div>
</div>
<div
style="float:left;height:300px;margin-left:70px;"
style="float:left;height:300px;margin-left:70px"
>
<div
class="ant-slider ant-slider-with-marks ant-slider-vertical"
@ -896,26 +896,26 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/>
<div
class="ant-slider-track ant-slider-track-1"
style="visibility:visible;bottom:26%;height:11%;"
style="visibility:visible;bottom:26%;height:11%"
/>
<div
class="ant-slider-step"
>
<span
class="ant-slider-dot"
style="bottom:0%;"
style="bottom:0%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="bottom:26%;"
style="bottom:26%"
/>
<span
class="ant-slider-dot ant-slider-dot-active"
style="bottom:37%;"
style="bottom:37%"
/>
<span
class="ant-slider-dot"
style="bottom:100%;"
style="bottom:100%"
/>
</div>
<div
@ -925,7 +925,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1"
role="slider"
style="bottom:26%;"
style="bottom:26%"
tabindex="0"
/>
<div
@ -935,7 +935,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2"
role="slider"
style="bottom:37%;"
style="bottom:37%"
tabindex="0"
/>
<div
@ -943,25 +943,25 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
>
<span
class="ant-slider-mark-text"
style="margin-bottom:-50%;bottom:0%;"
style="margin-bottom:-50%;bottom:0%"
>
0°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="margin-bottom:-50%;bottom:26%;"
style="margin-bottom:-50%;bottom:26%"
>
26°C
</span>
<span
class="ant-slider-mark-text ant-slider-mark-text-active"
style="margin-bottom:-50%;bottom:37%;"
style="margin-bottom:-50%;bottom:37%"
>
37°C
</span>
<span
class="ant-slider-mark-text"
style="margin-bottom:-50%;bottom:100%;color:#f50;"
style="margin-bottom:-50%;bottom:100%;color:#f50"
>
<strong>
100°C

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

@ -97,7 +97,7 @@ exports[`renders ./components/spin/demo/nested.md correctly 1`] = `
</div>
</div>
<div
style="margin-top:16px;"
style="margin-top:16px"
>
Loading state：
<span

20
components/table/__tests__/Table.filter.test.js
View File

@ -52,7 +52,7 @@ describe('Table.filter', () => {
it('renders menu correctly', () => {
const wrapper = mount(createTable());
const dropdownWrapper = render(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = render(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper).toMatchSnapshot();
});
@ -63,7 +63,7 @@ describe('Table.filter', () => {
filterMultiple: false,
}],
}));
const dropdownWrapper = render(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = render(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper).toMatchSnapshot();
});
@ -80,7 +80,7 @@ describe('Table.filter', () => {
}],
}));
const dropdownWrapper = render(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = render(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper).toMatchSnapshot();
});
@ -91,15 +91,18 @@ describe('Table.filter', () => {
filterDropdownVisible: true,
}],
}));
const dropdown = wrapper.find('Dropdown').first();
let dropdown = wrapper.find('Dropdown').first();
expect(dropdown.props().visible).toBe(true);
wrapper.setProps({
columns: [{
...column,
filterDropdownVisible: false,
}],
});
dropdown = wrapper.find('Dropdown').first();
expect(dropdown.props().visible).toBe(false);
});
@ -156,7 +159,7 @@ describe('Table.filter', () => {
it('fires change event', () => {
const handleChange = jest.fn();
const wrapper = mount(createTable({ onChange: handleChange }));
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
dropdownWrapper.find('MenuItem').first().simulate('click');
dropdownWrapper.find('.confirm').simulate('click');
@ -192,11 +195,12 @@ describe('Table.filter', () => {
filters,
}],
}));
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
dropdownWrapper.find('.ant-dropdown-menu-submenu-title').at(0).simulate('mouseEnter');
dropdownWrapper.find('.ant-dropdown-menu-submenu-title').at(1).simulate('mouseEnter');
dropdownWrapper.find('MenuItem').last().simulate('click');
dropdownWrapper.find('.confirm').simulate('click');
wrapper.update();
expect(renderedNames(wrapper)).toEqual(['Jack']);
});
@ -232,13 +236,15 @@ describe('Table.filter', () => {
}
const wrapper = mount(<App />);
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
dropdownWrapper.find('MenuItem').first().simulate('click');
dropdownWrapper.find('.confirm').simulate('click');
wrapper.update();
expect(renderedNames(wrapper)).toEqual(['Jack']);
dropdownWrapper.find('.clear').simulate('click');
wrapper.update();
expect(renderedNames(wrapper)).toEqual(['Jack', 'Lucy', 'Tom', 'Jerry']);
});

3
components/table/__tests__/Table.pagination.test.js
View File

@ -89,13 +89,14 @@ describe('Table.pagination', () => {
// https://github.com/ant-design/ant-design/issues/4532
// http://codepen.io/anon/pen/ZLbyjV?editors=001
it('should display pagination as prop pagination change between true and false', () => {
it.only('should display pagination as prop pagination change between true and false', () => {
const wrapper = mount(createTable());
expect(wrapper.find('.ant-pagination')).toHaveLength(1);
expect(wrapper.find('.ant-pagination-item')).toHaveLength(2);
wrapper.setProps({ pagination: false });
expect(wrapper.find('.ant-pagination')).toHaveLength(0);
wrapper.setProps({ pagination });
wrapper.update();
expect(wrapper.find('.ant-pagination')).toHaveLength(1);
expect(wrapper.find('.ant-pagination-item')).toHaveLength(2);
wrapper.find('.ant-pagination-item-2').simulate('click');

21
components/table/__tests__/Table.rowSelection.test.js
View File

@ -94,13 +94,13 @@ describe('Table.rowSelection', () => {
const pagers = wrapper.find('Pager');
checkboxAll.find('input').simulate('change', { target: { checked: true } });
expect(checkboxAll.node.state).toEqual({ checked: true, indeterminate: false });
expect(checkboxAll.instance().state).toEqual({ checked: true, indeterminate: false });
pagers.at(1).simulate('click');
expect(checkboxAll.node.state).toEqual({ checked: false, indeterminate: false });
expect(checkboxAll.instance().state).toEqual({ checked: false, indeterminate: false });
pagers.at(0).simulate('click');
expect(checkboxAll.node.state).toEqual({ checked: true, indeterminate: false });
expect(checkboxAll.instance().state).toEqual({ checked: true, indeterminate: false });
});
// https://github.com/ant-design/ant-design/issues/4020
@ -113,11 +113,12 @@ describe('Table.rowSelection', () => {
const wrapper = mount(createTable({ rowSelection }));
const checkboxs = wrapper.find('input');
let checkboxs = wrapper.find('input');
expect(checkboxs.at(1).props().checked).toBe(true);
expect(checkboxs.at(2).props().checked).toBe(false);
checkboxs.at(2).simulate('change', { target: { checked: true } });
checkboxs = wrapper.find('input');
expect(checkboxs.at(1).props().checked).toBe(true);
expect(checkboxs.at(2).props().checked).toBe(true);
});
@ -176,7 +177,7 @@ describe('Table.rowSelection', () => {
selections: true,
};
const wrapper = mount(createTable({ rowSelection }));
const dropdownWrapper = render(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = render(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper).toMatchSnapshot();
});
@ -188,7 +189,7 @@ describe('Table.rowSelection', () => {
};
const wrapper = mount(createTable({ rowSelection }));
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
dropdownWrapper.find('.ant-dropdown-menu-item > div').first().simulate('click');
expect(handleSelectAll).toBeCalledWith(true, data, data);
@ -204,7 +205,7 @@ describe('Table.rowSelection', () => {
const checkboxes = wrapper.find('input');
checkboxes.at(1).simulate('change', { target: { checked: true } });
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
dropdownWrapper.find('.ant-dropdown-menu-item > div').last().simulate('click');
expect(handleSelectInvert).toBeCalledWith([1, 2, 3]);
@ -226,7 +227,7 @@ describe('Table.rowSelection', () => {
};
const wrapper = mount(createTable({ rowSelection }));
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper.find('.ant-dropdown-menu-item').length).toBe(4);
dropdownWrapper.find('.ant-dropdown-menu-item > div').at(2).simulate('click');
@ -248,7 +249,7 @@ describe('Table.rowSelection', () => {
}],
};
const wrapper = mount(createTable({ rowSelection }));
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper.find('.ant-dropdown-menu-item').length).toBe(2);
});
@ -269,7 +270,7 @@ describe('Table.rowSelection', () => {
};
const wrapper = mount(createTable({ rowSelection }));
const dropdownWrapper = mount(wrapper.find('Trigger').node.getComponent());
const dropdownWrapper = mount(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper.find('.ant-dropdown-menu-item').length).toBe(2);
dropdownWrapper.find('.ant-dropdown-menu-item > div').at(0).simulate('click');

2
components/table/__tests__/Table.sorter.test.js
View File

@ -38,7 +38,7 @@ describe('Table.sorter', () => {
expect(wrapper.find('thead')).toMatchSnapshot();
});
it('sort records', () => {
it.only('sort records', () => {
const wrapper = mount(createTable());
wrapper.find('.ant-table-column-sorter-up').simulate('click');

1
components/table/__tests__/Table.test.js
View File

@ -73,6 +73,7 @@ describe('Table', () => {
expect(wrapper.find('.ant-spin')).toHaveLength(0);
await new Promise(resolve => setTimeout(resolve, 500));
wrapper.update();
expect(wrapper.find('.ant-spin')).toHaveLength(1);
});
});

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

@ -69,7 +69,7 @@ exports[`Table.filter renders filter correctly 1`] = `
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
style="padding-left:0px"
/>
Jack
</td>
@ -82,7 +82,7 @@ exports[`Table.filter renders filter correctly 1`] = `
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
style="padding-left:0px"
/>
Lucy
</td>
@ -95,7 +95,7 @@ exports[`Table.filter renders filter correctly 1`] = `
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
style="padding-left:0px"
/>
Tom
</td>
@ -108,7 +108,7 @@ exports[`Table.filter renders filter correctly 1`] = `
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
style="padding-left:0px"
/>
Jerry
</td>

24
components/table/__tests__/__snapshots__/Table.pagination.test.js.snap
View File

@ -23,7 +23,9 @@ exports[`Table.pagination renders pagination correctly 1`] = `
class=""
>
<colgroup>
<col />
<col>
</col>
</colgroup>
<thead
class="ant-table-thead"
@ -49,8 +51,10 @@ exports[`Table.pagination renders pagination correctly 1`] = `
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
style="padding-left:0px"
>
</span>
Jack
</td>
</tr>
@ -62,8 +66,10 @@ exports[`Table.pagination renders pagination correctly 1`] = `
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
/>
style="padding-left:0px"
>
</span>
Lucy
</td>
</tr>
@ -84,7 +90,9 @@ exports[`Table.pagination renders pagination correctly 1`] = `
>
<a
class="ant-pagination-item-link"
/>
>
</a>
</li>
<li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
@ -112,7 +120,9 @@ exports[`Table.pagination renders pagination correctly 1`] = `
>
<a
class="ant-pagination-item-link"
/>
>
</a>
</li>
</ul>
</div>

8
components/table/__tests__/__snapshots__/Table.sorter.test.js.snap
View File

@ -19,7 +19,9 @@ exports[`Table.sorter renders sorter icon correctly 1`] = `
>
<i
class="anticon anticon-caret-up"
/>
>
</i>
</span>
<span
class="ant-table-column-sorter-down off"
@ -27,7 +29,9 @@ exports[`Table.sorter renders sorter icon correctly 1`] = `
>
<i
class="anticon anticon-caret-down"
/>
>
</i>
</span>
</div>
</span>

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

@ -76,7 +76,7 @@ exports[`Table renders JSX correctly 1`] = `
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
style="padding-left:0px"
/>
John
</td>
@ -99,7 +99,7 @@ exports[`Table renders JSX correctly 1`] = `
>
<span
class="ant-table-row-indent indent-level-0"
style="padding-left:0px;"
style="padding-left:0px"
/>
Jim
</td>

508
components/table/__tests__/__snapshots__/demo.test.js.snap
View File

File diff suppressed because it is too large Load Diff

16
components/table/__tests__/__snapshots__/empty.test.js.snap
View File

@ -249,10 +249,10 @@ exports[`Table renders empty table with fixed columns 1`] = `
>
<colgroup>
<col
style="width:100px;min-width:100px;"
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px;"
style="width:100px;min-width:100px"
/>
<col />
<col />
@ -263,7 +263,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
<col />
<col />
<col
style="width:100px;min-width:100px;"
style="width:100px;min-width:100px"
/>
</colgroup>
<thead
@ -365,7 +365,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
>
<div
class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0);"
style="-webkit-transform:translate3d (0, 0, 0)"
>
<div
class="ant-table-body-inner"
@ -375,10 +375,10 @@ exports[`Table renders empty table with fixed columns 1`] = `
>
<colgroup>
<col
style="width:100px;min-width:100px;"
style="width:100px;min-width:100px"
/>
<col
style="width:100px;min-width:100px;"
style="width:100px;min-width:100px"
/>
</colgroup>
<thead
@ -413,7 +413,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
>
<div
class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0);"
style="-webkit-transform:translate3d (0, 0, 0)"
>
<div
class="ant-table-body-inner"
@ -423,7 +423,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
>
<colgroup>
<col
style="width:100px;min-width:100px;"
style="width:100px;min-width:100px"
/>
</colgroup>
<thead

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

@ -71,7 +71,7 @@ exports[`renders ./components/tabs/demo/basic.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
style="margin-left:0%"
>
<div
aria-hidden="false"
@ -295,7 +295,7 @@ exports[`renders ./components/tabs/demo/card-top.md correctly 1`] = `
exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px;"
style="margin-bottom:16px"
>
<button
class="ant-btn"
@ -467,7 +467,7 @@ exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
style="margin-left:0%"
>
<div
aria-hidden="false"
@ -501,7 +501,7 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
>
<div
class="ant-tabs-extra-content"
style="float:right;"
style="float:right"
>
<span>
<i
@ -618,7 +618,7 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
>
<div
class="ant-tabs-extra-content"
style="float:right;"
style="float:right"
>
<button
class="ant-btn"
@ -691,7 +691,7 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
style="margin-left:0%"
>
<div
aria-hidden="false"
@ -787,7 +787,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:-100%;"
style="margin-left:-100%"
>
<div
aria-hidden="true"
@ -808,7 +808,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
<div>
<div
style="margin-bottom:16px;"
style="margin-bottom:16px"
>
Tab position：
<div
@ -828,7 +828,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
>
<div
class="ant-select-selection-selected-value"
style="display:block;opacity:1;"
style="display:block;opacity:1"
title="top"
>
top
@ -836,7 +836,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
</div>
<span
class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
unselectable="unselectable"
>
<b />
@ -914,7 +914,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
style="margin-left:0%"
>
<div
aria-hidden="false"
@ -1009,7 +1009,7 @@ exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:-100%;"
style="margin-left:-100%"
>
<div
aria-hidden="true"
@ -1036,7 +1036,7 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
<div>
<div
class="ant-radio-group"
style="margin-bottom:8px;"
style="margin-bottom:8px"
>
<label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
@ -1078,7 +1078,7 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
</div>
<div
class="ant-tabs ant-tabs-top ant-tabs-line"
style="height:220px;"
style="height:220px"
>
<div
class="ant-tabs-bar"
@ -1211,7 +1211,7 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
</div>
<div
class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;"
style="margin-left:0%"
>
<div
aria-hidden="false"

11
components/tabs/__tests__/__snapshots__/index.test.js.snap
View File

@ -34,6 +34,7 @@ exports[`Tabs tabPosition remove card 1`] = `
</div>
}
inkBarAnimated={true}
key="tabBar"
onKeyDown={[Function]}
onNextClick={[Function]}
onPrevClick={[Function]}
@ -48,6 +49,7 @@ exports[`Tabs tabPosition remove card 1`] = `
}
prefixCls="ant-tabs"
scrollAnimated={true}
style={undefined}
styles={Object {}}
tabBarPosition="left"
>
@ -55,10 +57,12 @@ exports[`Tabs tabPosition remove card 1`] = `
className="ant-tabs-bar"
onKeyDown={[Function]}
role="tablist"
style={undefined}
tabIndex="0"
>
<div
className="ant-tabs-nav-container"
key="content"
>
<span
className="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
@ -90,11 +94,14 @@ exports[`Tabs tabPosition remove card 1`] = `
>
<div
className="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
key="inkBar"
style={undefined}
/>
<div
aria-disabled="false"
aria-selected="true"
className="ant-tabs-tab-active ant-tabs-tab"
key="1"
onClick={[Function]}
role="tab"
>
@ -106,6 +113,7 @@ exports[`Tabs tabPosition remove card 1`] = `
</div>
<div
className="ant-tabs-extra-content"
key="extra"
style={Object {}}
>
xxx
@ -117,6 +125,7 @@ exports[`Tabs tabPosition remove card 1`] = `
animated={true}
animatedWithMargin={true}
destroyInactiveTabPane={false}
key="tabContent"
onChange={[Function]}
prefixCls="ant-tabs"
tabBarPosition="left"
@ -132,6 +141,7 @@ exports[`Tabs tabPosition remove card 1`] = `
<TabPane
active={true}
destroyInactiveTabPane={false}
key="1"
placeholder={null}
rootPrefixCls="ant-tabs"
tab="foo"
@ -140,6 +150,7 @@ exports[`Tabs tabPosition remove card 1`] = `
aria-hidden="false"
className="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel"
style={undefined}
>
foo
</div>

2
components/tabs/__tests__/index.test.js
View File

@ -19,7 +19,7 @@ describe('Tabs', () => {
});
it('add card', () => {
wrapper.find('.ant-tabs-new-tab').simulate('click');
wrapper.find('.ant-tabs-new-tab').hostNodes().simulate('click');
expect(handleEdit.mock.calls[0][1]).toBe('add');
});

18
components/tag/__tests__/__snapshots__/demo.test.js.snap
View File

@ -78,7 +78,7 @@ exports[`renders ./components/tag/demo/checkable.md correctly 1`] = `
exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div>
<h4
style="margin-bottom:16px;"
style="margin-bottom:16px"
>
Presets:
</h4>
@ -86,7 +86,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div
class="ant-tag ant-tag-has-color"
data-show="true"
style="background-color:magenta;"
style="background-color:magenta"
>
<span
class="ant-tag-text"
@ -156,7 +156,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
</div>
</div>
<h4
style="margin:16px 0;"
style="margin:16px 0"
>
Custom:
</h4>
@ -164,7 +164,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div
class="ant-tag ant-tag-has-color"
data-show="true"
style="background-color:#f50;"
style="background-color:#f50"
>
<span
class="ant-tag-text"
@ -175,7 +175,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div
class="ant-tag ant-tag-has-color"
data-show="true"
style="background-color:#2db7f5;"
style="background-color:#2db7f5"
>
<span
class="ant-tag-text"
@ -186,7 +186,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div
class="ant-tag ant-tag-has-color"
data-show="true"
style="background-color:#87d068;"
style="background-color:#87d068"
>
<span
class="ant-tag-text"
@ -197,7 +197,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div
class="ant-tag ant-tag-has-color"
data-show="true"
style="background-color:#108ee9;"
style="background-color:#108ee9"
>
<span
class="ant-tag-text"
@ -250,7 +250,7 @@ exports[`renders ./components/tag/demo/control.md correctly 1`] = `
<div
class="ant-tag"
data-show="true"
style="background:#fff;border-style:dashed;"
style="background:#fff;border-style:dashed"
>
<span
class="ant-tag-text"
@ -264,7 +264,7 @@ exports[`renders ./components/tag/demo/control.md correctly 1`] = `
exports[`renders ./components/tag/demo/hot-tags.md correctly 1`] = `
<div>
<strong
style="margin-right:8px;"
style="margin-right:8px"
>
Categories:
</strong>

1
components/tag/__tests__/index.test.js
View File

@ -15,6 +15,7 @@ describe('Tag', () => {
wrapper.find('.anticon-cross').simulate('click');
expect(onClose).toBeCalled();
await delay(500);
wrapper.update();
expect(wrapper.find('.ant-tag').length).toBe(0);
});

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

@ -195,7 +195,7 @@ exports[`renders ./components/timeline/demo/custom.md correctly 1`] = `
>
<i
class="anticon anticon-clock-circle-o"
style="font-size:16px;"
style="font-size:16px"
/>
</div>
<div

10
components/tooltip/__tests__/__snapshots__/demo.test.js.snap
View File

@ -23,7 +23,7 @@ exports[`renders ./components/tooltip/demo/arrow-point-at-center.md correctly 1`
exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`] = `
<div
style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;"
style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9"
>
<button
class="ant-btn"
@ -54,7 +54,7 @@ exports[`renders ./components/tooltip/demo/basic.md correctly 1`] = `
exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
<div>
<div
style="margin-left:60px;"
style="margin-left:60px"
>
<a
href="#"
@ -73,7 +73,7 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
</a>
</div>
<div
style="width:60px;float:left;"
style="width:60px;float:left"
>
<a
href="#"
@ -92,7 +92,7 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
</a>
</div>
<div
style="width:60px;margin-left:270px;"
style="width:60px;margin-left:270px"
>
<a
href="#"
@ -111,7 +111,7 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
</a>
</div>
<div
style="margin-left:60px;clear:both;"
style="margin-left:60px;clear:both"
>
<a
href="#"

4
components/tooltip/__tests__/tooltip.test.js
View File

@ -148,7 +148,7 @@ describe('Tooltip', () => {
</Tooltip>
);
wrapper.find('button').at(0).simulate('click');
const popupLeftDefault = parseInt(wrapper.node.getPopupDomNode().style.left, 10);
const popupLeftDefault = parseInt(wrapper.instance().getPopupDomNode().style.left, 10);
const wrapper2 = mount(
<Tooltip
@ -165,7 +165,7 @@ describe('Tooltip', () => {
</Tooltip>
);
wrapper2.find('button').at(0).simulate('click');
const popupLeftArrowPointAtCenter = parseInt(wrapper2.node.getPopupDomNode().style.left, 10);
const popupLeftArrowPointAtCenter = parseInt(wrapper2.instance().getPopupDomNode().style.left, 10);
expect(popupLeftArrowPointAtCenter - popupLeftDefault).toBe((triggerWidth / 2) - horizontalArrowShift - arrowWidth);
});
});

52
components/transfer/__tests__/__snapshots__/demo.test.js.snap
View File

@ -6,7 +6,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
>
<div
class="ant-transfer-list ant-transfer-list-with-footer"
style="width:250px;height:300px;"
style="width:250px;height:300px"
>
<div
class="ant-transfer-list-header"
@ -73,7 +73,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
>
<button
class="ant-btn ant-btn-sm"
style="float:right;margin:5px;"
style="float:right;margin:5px"
type="button"
>
<span>
@ -112,7 +112,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
</div>
<div
class="ant-transfer-list ant-transfer-list-with-footer"
style="width:250px;height:300px;"
style="width:250px;height:300px"
>
<div
class="ant-transfer-list-header"
@ -179,7 +179,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
>
<button
class="ant-btn ant-btn-sm"
style="float:right;margin:5px;"
style="float:right;margin:5px"
type="button"
>
<span>
@ -237,59 +237,59 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
</ul>
<div
@ -367,27 +367,27 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
<div
class="LazyLoad"
style="height:32px;"
style="height:32px"
/>
</ul>
<div
@ -406,7 +406,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
>
<div
class="ant-transfer-list"
style="width:300px;height:300px;"
style="width:300px;height:300px"
>
<div
class="ant-transfer-list-header"
@ -478,7 +478,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
</div>
<div
class="ant-transfer-list"
style="width:300px;height:300px;"
style="width:300px;height:300px"
>
<div
class="ant-transfer-list-header"

2
components/transfer/__tests__/__snapshots__/search.test.js.snap
View File

@ -7,6 +7,7 @@ exports[`Search should show cross icon when input value exists 1`] = `
>
<div>
<Input
className={undefined}
disabled={false}
onChange={[Function]}
placeholder=""
@ -46,6 +47,7 @@ exports[`Search should show cross icon when input value exists 2`] = `
>
<div>
<Input
className={undefined}
disabled={false}
onChange={[Function]}
placeholder=""

18
components/tree-select/__tests__/__snapshots__/demo.test.js.snap
View File

@ -3,7 +3,7 @@
exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
style="width:300px"
>
<span
aria-autocomplete="list"
@ -24,7 +24,7 @@ exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
</span>
<span
class="ant-select-arrow"
style="outline:none;"
style="outline:none"
>
<b />
</span>
@ -35,7 +35,7 @@ exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
<span
class="ant-select ant-select-enabled"
style="width:300px;"
style="width:300px"
>
<span
aria-autocomplete="list"
@ -49,7 +49,7 @@ exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
>
<li
class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;"
style="user-select:none;-webkit-user-select:none"
title="Node1"
unselectable="unselectable"
>
@ -83,7 +83,7 @@ exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:none;"
style="display:none"
>
Please select
</span>
@ -94,7 +94,7 @@ exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
<span
class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;"
style="width:300px"
>
<span
aria-autocomplete="list"
@ -127,7 +127,7 @@ exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
</ul>
<span
class="ant-select-search__field__placeholder"
style="display:block;"
style="display:block"
>
Please select
</span>
@ -138,7 +138,7 @@ exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
<span
class="ant-select ant-select-enabled"
style="width:300px;"
style="width:300px"
>
<span
aria-autocomplete="list"
@ -159,7 +159,7 @@ exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
</span>
<span
class="ant-select-arrow"
style="outline:none;"
style="outline:none"
>
<b />
</span>

10
components/tree/__tests__/__snapshots__/demo.test.js.snap
View File

@ -158,7 +158,7 @@ exports[`renders ./components/tree/demo/basic.md correctly 1`] = `
class="ant-tree-title"
>
<span
style="color:#08c;"
style="color:#08c"
>
sss
</span>
@ -1040,7 +1040,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
<div>
<span
class="ant-input-search ant-input-affix-wrapper"
style="margin-bottom:8px;"
style="margin-bottom:8px"
>
<input
class="ant-input"
@ -1075,7 +1075,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
>
<span>
<span
style="color:#f50;"
style="color:#f50"
/>
0-0
</span>
@ -1097,7 +1097,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
>
<span>
<span
style="color:#f50;"
style="color:#f50"
/>
0-1
</span>
@ -1119,7 +1119,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
>
<span>
<span
style="color:#f50;"
style="color:#f50"
/>
0-2
</span>

18
components/upload/__tests__/__snapshots__/demo.test.js.snap
View File

@ -6,7 +6,7 @@ exports[`renders ./components/upload/demo/avatar.md correctly 1`] = `
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;"
style="display:"
/>
</span>
`;
@ -17,7 +17,7 @@ exports[`renders ./components/upload/demo/basic.md correctly 1`] = `
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;"
style="display:"
/>
<div
class="ant-upload-list ant-upload-list-text"
@ -31,7 +31,7 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;"
style="display:"
/>
<div
class="ant-upload-list ant-upload-list-text"
@ -120,7 +120,7 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
exports[`renders ./components/upload/demo/drag.md correctly 1`] = `
<div
style="margin-top:16px;height:180px;"
style="margin-top:16px;height:180px"
>
<span
class=""
@ -138,7 +138,7 @@ exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;"
style="display:"
/>
<div
class="ant-upload-list ant-upload-list-text"
@ -234,7 +234,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</div>
<div
class="ant-upload ant-upload-select ant-upload-select-picture-card"
style="display:;"
style="display:"
/>
</span>
</div>
@ -247,7 +247,7 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
style="display:;"
style="display:"
/>
<div
class="ant-upload-list ant-upload-list-picture"
@ -329,7 +329,7 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
>
<div
class="ant-upload ant-upload-select ant-upload-select-picture"
style="display:;"
style="display:"
/>
<div
class="ant-upload-list ant-upload-list-picture"
@ -414,7 +414,7 @@ exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = `
>
<div
class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;"
style="display:"
/>
<div
class="ant-upload-list ant-upload-list-text"

3
components/upload/__tests__/uploadlist.test.js
View File

@ -57,6 +57,7 @@ describe('Upload List', () => {
expect(wrapper.find('.ant-upload-list-item').length).toBe(2);
wrapper.find('.ant-upload-list-item').at(0).find('.anticon-cross').simulate('click');
await delay(400);
expect(wrapper.find('.ant-upload-list-item').length).toBe(1);
wrapper.update();
expect(wrapper.find('.ant-upload-list-item').hostNodes().length).toBe(1);
});
});

11
package.json
View File

@ -105,8 +105,9 @@
"delegate": "^3.1.2",
"dora-plugin-upload": "^0.3.1",
"enquire.js": "^2.1.1",
"enzyme": "^2.6.0",
"enzyme-to-json": "^1.3.0",
"enzyme": "^3.1.0",
"enzyme-adapter-react-16": "^1.0.0",
"enzyme-to-json": "^3.1.2",
"eslint": "^4.8.0",
"eslint-config-airbnb": "latest",
"eslint-plugin-babel": "^4.0.0",
@ -129,16 +130,16 @@
"rc-queue-anim": "^1.0.1",
"rc-scroll-anim": "^1.0.3",
"rc-tween-one": "^1.1.2",
"react": "^15.0.0",
"react": "^16.0.0",
"react-color": "^2.11.7",
"react-copy-to-clipboard": "^5.0.0",
"react-document-title": "^2.0.1",
"react-dom": "^15.0.0",
"react-dom": "^16.0.0",
"react-github-button": "^0.1.1",
"react-infinite-scroller": "^1.0.15",
"react-intl": "^2.0.1",
"react-sublime-video": "^0.2.0",
"react-test-renderer": "^15.5.4",
"react-test-renderer": "^16.0.0",
"react-virtualized": "^9.10.1",
"reqwest": "^2.0.5",
"rimraf": "^2.5.4",

5
tests/setup.js
View File

@ -16,3 +16,8 @@ if (typeof window !== 'undefined') {
global.requestAnimationFrame = global.requestAnimationFrame || function (cb) {
return setTimeout(cb, 0);
};
const Enzyme = require('enzyme');
const Adapter = require('enzyme-adapter-react-16');
Enzyme.configure({ adapter: new Adapter() });