mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-07 17:44:35 +08:00
Code Issues Actions 18 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') }); const wrapper = mount(<AffixMounter />, { attachTo: document.getElementById('mounter') });
jest.runAllTimers(); jest.runAllTimers();
wrapper.node.affix.fixedNode.parentNode.getBoundingClientRect = jest.fn(() => { wrapper.instance().affix.fixedNode.parentNode.getBoundingClientRect = jest.fn(() => {
return { return {
bottom: 100, height: 28, left: 0, right: 0, top: -50, width: 195, bottom: 100, height: 28, left: 0, right: 0, top: -50, width: 195,
}; };
@ -65,6 +65,6 @@ describe('Affix Render', () => {
}); });
jest.runAllTimers(); 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.find('a[href="#API"]').simulate('click');
wrapper.node.handleScroll(); wrapper.instance().handleScroll();
expect(wrapper.node.state).not.toBe(null); 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`] = ` exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -18,7 +18,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
input here input here
@ -46,7 +46,7 @@ exports[`renders ./components/auto-complete/demo/basic.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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`] = ` exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1`] = `
<div <div
class="certain-category-search-wrapper" class="certain-category-search-wrapper"
style="width:250px;" style="width:250px"
> >
<div <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" 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 <div
aria-autocomplete="list" aria-autocomplete="list"
@ -77,7 +77,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
input here input here
@ -116,7 +116,7 @@ exports[`renders ./components/auto-complete/demo/certain-category.md correctly 1
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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`] = ` exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -152,7 +152,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
<textarea <textarea
class="ant-input custom ant-select-search__field" class="ant-input custom ant-select-search__field"
placeholder="input here" placeholder="input here"
style="height:50px;" style="height:50px"
/> />
<span <span
class="ant-select-search__field__mirror" class="ant-select-search__field__mirror"
@ -165,7 +165,7 @@ exports[`renders ./components/auto-complete/demo/custom.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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`] = ` exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly 1`] = `
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -192,7 +192,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
try to type \`b\` try to type \`b\`
@ -220,7 +220,7 @@ exports[`renders ./components/auto-complete/demo/non-case-sensitive.md correctly
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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`] = ` exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -247,7 +247,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
input here input here
@ -275,7 +275,7 @@ exports[`renders ./components/auto-complete/demo/options.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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`] = ` exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly 1`] = `
<div <div
class="global-search-wrapper" class="global-search-wrapper"
style="width:300px;" style="width:300px"
> >
<div <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" 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 <div
aria-autocomplete="list" aria-autocomplete="list"
@ -306,7 +306,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
input here input here
@ -350,7 +350,7 @@ exports[`renders ./components/auto-complete/demo/uncertain-category.md correctly
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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); expect(wrapper.find('textarea').length).toBe(1);
wrapper.find('textarea').simulate('change', { target: { value: '123' } }); 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 // should not filter data source defaultly
expect(dropdownWrapper.find('MenuItem').length).toBe(3); 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`] = ` exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
<div> <div>
<span <span
style="margin-right:24px;" style="margin-right:24px"
> >
<span <span
class="ant-badge" class="ant-badge"
@ -22,7 +22,7 @@ exports[`renders ./components/avatar/demo/badge.md correctly 1`] = `
> >
<span <span
class="ant-scroll-number-only" 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 <p
class="" class=""
@ -253,7 +253,7 @@ exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
<div> <div>
<span <span
class="ant-avatar ant-avatar-lg ant-avatar-circle" class="ant-avatar ant-avatar-lg ant-avatar-circle"
style="background-color:#f56a00;" style="background-color:#f56a00"
> >
<span <span
class="ant-avatar-string" class="ant-avatar-string"
@ -263,7 +263,7 @@ exports[`renders ./components/avatar/demo/dynamic.md correctly 1`] = `
</span> </span>
<button <button
class="ant-btn ant-btn-sm" class="ant-btn ant-btn-sm"
style="margin-left:16px;" style="margin-left:16px"
type="button" type="button"
> >
<span> <span>
@ -309,7 +309,7 @@ exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
</span> </span>
<span <span
class="ant-avatar ant-avatar-circle" class="ant-avatar ant-avatar-circle"
style="color:#f56a00;background-color:#fde3cf;" style="color:#f56a00;background-color:#fde3cf"
> >
<span <span
class="ant-avatar-string" class="ant-avatar-string"
@ -319,7 +319,7 @@ exports[`renders ./components/avatar/demo/type.md correctly 1`] = `
</span> </span>
<span <span
class="ant-avatar ant-avatar-circle ant-avatar-icon" class="ant-avatar ant-avatar-circle ant-avatar-icon"
style="background-color:#87d068;" style="background-color:#87d068"
> >
<i <i
class="anticon anticon-user" 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> <div>
Scroll down to see the bottom-right Scroll down to see the bottom-right
<strong <strong
style="color:rgba(64, 64, 64, 0.6);" style="color:rgba(64, 64, 64, 0.6)"
> >
gray gray
</strong> </strong>
@ -16,7 +16,7 @@ exports[`renders ./components/back-top/demo/custom.md correctly 1`] = `
<div> <div>
Scroll down to see the bottom-right Scroll down to see the bottom-right
<strong <strong
style="color:#1088e9;" style="color:#1088e9"
> >
blue blue
</strong> </strong>

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

@ -9,7 +9,7 @@ describe('BackTop', () => {
const wrapper = mount(<BackTop visibilityHeight={-1} />); const wrapper = mount(<BackTop visibilityHeight={-1} />);
document.documentElement.scrollTop = 400; document.documentElement.scrollTop = 400;
// trigger scroll manually // trigger scroll manually
wrapper.node.handleScroll(); wrapper.instance().handleScroll();
await delay(500); await delay(500);
wrapper.find('.ant-back-top').simulate('click'); wrapper.find('.ant-back-top').simulate('click');
await delay(500); 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 <span
class="ant-scroll-number-only" 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 <p
class="" class=""
@ -206,7 +206,7 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
> >
<span <span
class="ant-scroll-number-only" 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 <p
class="" class=""
@ -383,7 +383,7 @@ exports[`renders ./components/badge/demo/change.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:10px;" style="margin-top:10px"
> >
<span <span
class="ant-badge" class="ant-badge"
@ -456,7 +456,7 @@ exports[`renders ./components/badge/demo/link.md correctly 1`] = `
> >
<span <span
class="ant-scroll-number-only" 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 <p
class="" class=""
@ -626,7 +626,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
> >
<span <span
class="ant-scroll-number-only" 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 <p
class="" class=""
@ -781,7 +781,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
</span> </span>
<span <span
class="ant-scroll-number-only" 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 <p
class="" class=""
@ -942,12 +942,12 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
<sup <sup
class="ant-scroll-number ant-badge-count" class="ant-scroll-number ant-badge-count"
data-show="true" 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" title="4"
> >
<span <span
class="ant-scroll-number-only" 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 <p
class="" class=""
@ -1108,7 +1108,7 @@ exports[`renders ./components/badge/demo/no-wrapper.md correctly 1`] = `
<sup <sup
class="ant-scroll-number ant-badge-count" class="ant-scroll-number ant-badge-count"
data-show="true" data-show="true"
style="background-color:#87d068;" style="background-color:#87d068"
title="109" title="109"
> >
99+ 99+
@ -1133,7 +1133,7 @@ exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
> >
<span <span
class="ant-scroll-number-only" 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 <p
class="" class=""
@ -1288,7 +1288,7 @@ exports[`renders ./components/badge/demo/overflow.md correctly 1`] = `
</span> </span>
<span <span
class="ant-scroll-number-only" 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 <p
class="" class=""

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

@ -1,11 +1,4 @@
import { render } from 'enzyme'; import { render } from 'enzyme';
import demoTest from '../../../tests/shared/demoTest'; import demoTest from '../../../tests/shared/demoTest';
import routerDemo from '../demo/router.md';
demoTest('breadcrumb', { skip: ['router.md', 'router-4.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`] = ` exports[`renders ./components/button/demo/ghost.md correctly 1`] = `
<div <div
style="background:rgb(190, 200, 200);padding:26px 16px 16px;" style="background:rgb(190, 200, 200);padding:26px 16px 16px"
> >
<button <button
class="ant-btn ant-btn-primary ant-btn-background-ghost" 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 /> <DefaultButton />
); );
wrapper.simulate('click'); 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', () => { 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 <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="2016" title="2016"
> >
2016 2016
@ -32,7 +32,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -56,7 +56,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Nov" title="Nov"
> >
Nov Nov
@ -64,7 +64,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -1006,7 +1006,7 @@ exports[`renders ./components/calendar/demo/basic.md correctly 1`] = `
exports[`renders ./components/calendar/demo/card.md correctly 1`] = ` exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
<div <div
style="width:300px;border:1px solid #d9d9d9;border-radius:4px;" style="width:300px;border:1px solid #d9d9d9;border-radius:4px"
> >
<div <div
class="" class=""
@ -1031,7 +1031,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="2016" title="2016"
> >
2016 2016
@ -1039,7 +1039,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -1063,7 +1063,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Nov" title="Nov"
> >
Nov Nov
@ -1071,7 +1071,7 @@ exports[`renders ./components/calendar/demo/card.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -2036,7 +2036,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="2016" title="2016"
> >
2016 2016
@ -2044,7 +2044,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -2068,7 +2068,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Nov" title="Nov"
> >
Nov Nov
@ -2076,7 +2076,7 @@ exports[`renders ./components/calendar/demo/notice-calendar.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -3355,7 +3355,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="2017" title="2017"
> >
2017 2017
@ -3363,7 +3363,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -3387,7 +3387,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Jan" title="Jan"
> >
Jan Jan
@ -3395,7 +3395,7 @@ exports[`renders ./components/calendar/demo/select.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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`] = ` exports[`renders ./components/card/demo/basic.md correctly 1`] = `
<div <div
class="ant-card ant-card-bordered" class="ant-card ant-card-bordered"
style="width:300px;" style="width:300px"
> >
<div> <div>
<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`] = ` exports[`renders ./components/card/demo/border-less.md correctly 1`] = `
<div <div
style="background:#ECECEC;padding:30px;" style="background:#ECECEC;padding:30px"
> >
<div <div
class="ant-card ant-card-hoverable" class="ant-card ant-card-hoverable"
style="width:300px;" style="width:300px"
> >
<div> <div>
<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`] = ` exports[`renders ./components/card/demo/flexible-content.md correctly 1`] = `
<div <div
class="ant-card ant-card-bordered ant-card-hoverable" class="ant-card ant-card-bordered ant-card-hoverable"
style="width:240px;" style="width:240px"
> >
<div> <div>
<div <div
@ -159,43 +159,43 @@ exports[`renders ./components/card/demo/grid-card.md correctly 1`] = `
<div> <div>
<div <div
class="ant-card-grid" class="ant-card-grid"
style="width:25%;text-align:center;" style="width:25%;text-align:center"
> >
Content Content
</div> </div>
<div <div
class="ant-card-grid" class="ant-card-grid"
style="width:25%;text-align:center;" style="width:25%;text-align:center"
> >
Content Content
</div> </div>
<div <div
class="ant-card-grid" class="ant-card-grid"
style="width:25%;text-align:center;" style="width:25%;text-align:center"
> >
Content Content
</div> </div>
<div <div
class="ant-card-grid" class="ant-card-grid"
style="width:25%;text-align:center;" style="width:25%;text-align:center"
> >
Content Content
</div> </div>
<div <div
class="ant-card-grid" class="ant-card-grid"
style="width:25%;text-align:center;" style="width:25%;text-align:center"
> >
Content Content
</div> </div>
<div <div
class="ant-card-grid" class="ant-card-grid"
style="width:25%;text-align:center;" style="width:25%;text-align:center"
> >
Content Content
</div> </div>
<div <div
class="ant-card-grid" class="ant-card-grid"
style="width:25%;text-align:center;" style="width:25%;text-align:center"
> >
Content Content
</div> </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`] = ` exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
<div <div
style="background:#ECECEC;padding:30px;" style="background:#ECECEC;padding:30px"
> >
<div <div
class="ant-row" class="ant-row"
style="margin-left:-8px;margin-right:-8px;" style="margin-left:-8px;margin-right:-8px"
> >
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-card" class="ant-card"
@ -246,7 +246,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-card" class="ant-card"
@ -277,7 +277,7 @@ exports[`renders ./components/card/demo/in-column.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-card" class="ant-card"
@ -333,7 +333,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
> >
<div> <div>
<p <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 Group title
</p> </p>
@ -374,7 +374,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
</div> </div>
<div <div
class="ant-card ant-card-bordered ant-card-type-inner" class="ant-card ant-card-bordered ant-card-type-inner"
style="margin-top:16px;" style="margin-top:16px"
> >
<div> <div>
<div <div
@ -417,7 +417,7 @@ exports[`renders ./components/card/demo/inner.md correctly 1`] = `
exports[`renders ./components/card/demo/loading.md correctly 1`] = ` exports[`renders ./components/card/demo/loading.md correctly 1`] = `
<div <div
class="ant-card ant-card-loading ant-card-bordered" class="ant-card ant-card-loading ant-card-bordered"
style="width:34%;" style="width:34%"
> >
<div> <div>
<div <div
@ -441,50 +441,50 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
> >
<p <p
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:94%;" style="width:94%"
/> />
<p> <p>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:28%;" style="width:28%"
/> />
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:62%;" style="width:62%"
/> />
</p> </p>
<p> <p>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:22%;" style="width:22%"
/> />
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:66%;" style="width:66%"
/> />
</p> </p>
<p> <p>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:56%;" style="width:56%"
/> />
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:39%;" style="width:39%"
/> />
</p> </p>
<p> <p>
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:21%;" style="width:21%"
/> />
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:15%;" style="width:15%"
/> />
<span <span
class="ant-card-loading-block" class="ant-card-loading-block"
style="width:40%;" style="width:40%"
/> />
</p> </p>
</div> </div>
@ -496,7 +496,7 @@ exports[`renders ./components/card/demo/loading.md correctly 1`] = `
exports[`renders ./components/card/demo/meta.md correctly 1`] = ` exports[`renders ./components/card/demo/meta.md correctly 1`] = `
<div <div
class="ant-card ant-card-bordered ant-card-hoverable" class="ant-card ant-card-bordered ant-card-hoverable"
style="width:300px;" style="width:300px"
> >
<div> <div>
<div <div
@ -551,7 +551,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
class="ant-card-actions" class="ant-card-actions"
> >
<li <li
style="width:33.333333333333336%;" style="width:33.333333333333336%"
> >
<span> <span>
<i <i
@ -560,7 +560,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
</span> </span>
</li> </li>
<li <li
style="width:33.333333333333336%;" style="width:33.333333333333336%"
> >
<span> <span>
<i <i
@ -569,7 +569,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
</span> </span>
</li> </li>
<li <li
style="width:33.333333333333336%;" style="width:33.333333333333336%"
> >
<span> <span>
<i <i
@ -584,7 +584,7 @@ exports[`renders ./components/card/demo/meta.md correctly 1`] = `
exports[`renders ./components/card/demo/simple.md correctly 1`] = ` exports[`renders ./components/card/demo/simple.md correctly 1`] = `
<div <div
class="ant-card ant-card-bordered" class="ant-card ant-card-bordered"
style="width:300px;" style="width:300px"
> >
<div> <div>
<div <div
@ -610,7 +610,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
<div> <div>
<div <div
class="ant-card ant-card-bordered ant-card-contain-tabs" class="ant-card ant-card-bordered ant-card-contain-tabs"
style="width:100%;" style="width:100%"
> >
<div> <div>
<div <div
@ -696,7 +696,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
</div> </div>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;" style="margin-left:0%"
> >
<div <div
aria-hidden="false" aria-hidden="false"
@ -726,7 +726,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
<br /> <br />
<div <div
class="ant-card ant-card-bordered ant-card-contain-tabs" class="ant-card ant-card-bordered ant-card-contain-tabs"
style="width:100%;" style="width:100%"
> >
<div> <div>
<div <div
@ -805,7 +805,7 @@ exports[`renders ./components/card/demo/tabs.md correctly 1`] = `
</div> </div>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;" style="margin-left:0%"
> >
<div <div
aria-hidden="false" 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', () => { describe('Card', () => {
function fakeResizeWindowTo(wrapper, width) { function fakeResizeWindowTo(wrapper, width) {
Object.defineProperties(wrapper.node.container, { Object.defineProperties(wrapper.instance().container, {
offsetWidth: { offsetWidth: {
get() { return width; }, get() { return width; },
configurable: true, configurable: true,
@ -20,9 +20,11 @@ describe('Card', () => {
const wrapper = mount(<Card title="xxx">xxx</Card>); const wrapper = mount(<Card title="xxx">xxx</Card>);
fakeResizeWindowTo(wrapper, 1000); fakeResizeWindowTo(wrapper, 1000);
await delay(0); 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); fakeResizeWindowTo(wrapper, 800);
await delay(0); 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 <div
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="0" data-index="0"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -34,7 +34,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="1" data-index="1"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -44,7 +44,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="2" data-index="2"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -54,7 +54,7 @@ exports[`renders ./components/carousel/demo/autoplay.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="3" data-index="3"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -99,7 +99,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div <div
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="0" data-index="0"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -109,7 +109,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="1" data-index="1"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -119,7 +119,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="2" data-index="2"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -129,7 +129,7 @@ exports[`renders ./components/carousel/demo/basic.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="3" data-index="3"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -166,7 +166,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div <div
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="0" 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" tabindex="-1"
> >
<h3> <h3>
@ -176,7 +176,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="1" 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" tabindex="-1"
> >
<h3> <h3>
@ -186,7 +186,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="2" 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" tabindex="-1"
> >
<h3> <h3>
@ -196,7 +196,7 @@ exports[`renders ./components/carousel/demo/fade.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="3" 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" tabindex="-1"
> >
<h3> <h3>
@ -233,7 +233,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div <div
class="slick-slide slick-active slick-cloned" class="slick-slide slick-active slick-cloned"
data-index="0" data-index="0"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -243,7 +243,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="1" data-index="1"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -253,7 +253,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="2" data-index="2"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>
@ -263,7 +263,7 @@ exports[`renders ./components/carousel/demo/vertical.md correctly 1`] = `
<div <div
class="slick-slide slick-cloned" class="slick-slide slick-cloned"
data-index="3" data-index="3"
style="outline:none;" style="outline:none"
tabindex="-1" tabindex="-1"
> >
<h3> <h3>

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

@ -5,8 +5,8 @@ import Carousel from '..';
describe('Carousel', () => { describe('Carousel', () => {
it('should has innerSlider', () => { it('should has innerSlider', () => {
const wrapper = mount(<Carousel><div /></Carousel>); const wrapper = mount(<Carousel><div /></Carousel>);
const { innerSlider } = wrapper.node; const { innerSlider } = wrapper.instance();
const innerSliderFromRefs = wrapper.node.slick.innerSlider; const innerSliderFromRefs = wrapper.instance().slick.innerSlider;
expect(innerSlider).toBe(innerSliderFromRefs); expect(innerSlider).toBe(innerSliderFromRefs);
expect(typeof innerSlider.slickNext).toBe('function'); 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`] = ` exports[`renders ./components/cascader/demo/custom-render.md correctly 1`] = `
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
style="width:100%;" style="width:100%"
tabindex="0" tabindex="0"
> >
<span <span

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

@ -32,7 +32,7 @@ describe('Cascader', () => {
const wrapper = mount( const wrapper = mount(
<Cascader options={options} /> <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', () => { it('popup correctly when panel is open', () => {
@ -40,7 +40,7 @@ describe('Cascader', () => {
<Cascader options={options} /> <Cascader options={options} />
); );
wrapper.find('input').simulate('click'); 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', () => { it('popup correctly with defaultValue', () => {
@ -48,24 +48,24 @@ describe('Cascader', () => {
<Cascader options={options} defaultValue={['zhejiang', 'hangzhou']} /> <Cascader options={options} defaultValue={['zhejiang', 'hangzhou']} />
); );
wrapper.find('input').simulate('click'); 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', () => { it('can be selected', () => {
const wrapper = mount(<Cascader options={options} />); const wrapper = mount(<Cascader options={options} />);
wrapper.find('input').simulate('click'); 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) popupWrapper.find('.ant-cascader-menu').at(0).find('.ant-cascader-menu-item').at(0)
.simulate('click'); .simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot(); expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
popupWrapper = mount(wrapper.find('Trigger').node.getComponent()); popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
popupWrapper.find('.ant-cascader-menu').at(1).find('.ant-cascader-menu-item').at(0) popupWrapper.find('.ant-cascader-menu').at(1).find('.ant-cascader-menu-item').at(0)
.simulate('click'); .simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot(); expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
popupWrapper = mount(wrapper.find('Trigger').node.getComponent()); popupWrapper = mount(wrapper.find('Trigger').instance().getComponent());
popupWrapper.find('.ant-cascader-menu').at(2).find('.ant-cascader-menu-item').at(0) popupWrapper.find('.ant-cascader-menu').at(2).find('.ant-cascader-menu-item').at(0)
.simulate('click'); .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]`', () => { 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`] = ` exports[`renders ./components/checkbox/demo/check-all.md correctly 1`] = `
<div> <div>
<div <div
style="border-bottom:1px solid #E9E9E9;" style="border-bottom:1px solid #E9E9E9"
> >
<label <label
class="ant-checkbox-wrapper" 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`] = ` exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
<div> <div>
<p <p
style="margin-bottom:20px;" style="margin-bottom:20px"
> >
<label <label
class="ant-checkbox-wrapper" class="ant-checkbox-wrapper"
@ -145,7 +145,7 @@ exports[`renders ./components/checkbox/demo/controller.md correctly 1`] = `
</button> </button>
<button <button
class="ant-btn ant-btn-primary ant-btn-sm" class="ant-btn ant-btn-primary ant-btn-sm"
style="margin-left:10px;" style="margin-left:10px"
type="button" type="button"
> >
<span> <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 <div
class="ant-collapse-item ant-collapse-item-active" 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 <div
aria-expanded="true" aria-expanded="true"
@ -216,7 +216,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
</div> </div>
<div <div
class="ant-collapse-item" 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 <div
aria-expanded="false" aria-expanded="false"
@ -231,7 +231,7 @@ exports[`renders ./components/collapse/demo/custom.md correctly 1`] = `
</div> </div>
<div <div
class="ant-collapse-item" 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 <div
aria-expanded="false" aria-expanded="false"

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

@ -16,7 +16,7 @@ describe('RangePicker', () => {
); );
wrapper.setProps({ value: [birthday, birthday] }); wrapper.setProps({ value: [birthday, birthday] });
expect(render(wrapper.find('Trigger').node.getComponent())) expect(render(wrapper.find('Trigger').instance().getComponent()))
.toMatchSnapshot(); .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') rangeCalendarWrapper.find('.ant-calendar-range-quick-selector a')
.simulate('click'); .simulate('click');
expect(render(wrapper.find('Trigger').node.getComponent())) expect(render(wrapper.find('Trigger').instance().getComponent()))
.toMatchSnapshot(); .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') rangeCalendarWrapper.find('.ant-calendar-range-quick-selector a')
.simulate('mouseEnter'); .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); expect(rangeCalendarWrapper.find('.ant-calendar-selected-day').length).toBe(2);
}); });
@ -71,7 +71,7 @@ describe('RangePicker', () => {
/> />
); );
wrapper.setProps({ value: [] }); 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')) expect(() => rangeCalendarWrapper.find('.ant-calendar-cell').at(15).simulate('click').simulate('click'))
.not.toThrow(); .not.toThrow();
}); });
@ -84,11 +84,12 @@ describe('RangePicker', () => {
open 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'); 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'); 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')) expect(() => rangeCalendarWrapper.find('.ant-calendar-cell').at(15).simulate('click').simulate('click'))
.not.toThrow(); .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> </div>
<div <div
style="outline:none;" style="outline:none"
> >
<div <div
class="ant-calendar-header" class="ant-calendar-header"
> >
<div <div
style="position:relative;" style="position:relative"
> >
<a <a
class="ant-calendar-prev-year-btn" class="ant-calendar-prev-year-btn"
@ -767,13 +767,13 @@ exports[`RangePicker show month panel according to value 1`] = `
</div> </div>
</div> </div>
<div <div
style="outline:none;" style="outline:none"
> >
<div <div
class="ant-calendar-header" class="ant-calendar-header"
> >
<div <div
style="position:relative;" style="position:relative"
> >
<span <span
class="ant-calendar-my-select" class="ant-calendar-my-select"
@ -1537,13 +1537,13 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
</div> </div>
</div> </div>
<div <div
style="outline:none;" style="outline:none"
> >
<div <div
class="ant-calendar-header" class="ant-calendar-header"
> >
<div <div
style="position:relative;" style="position:relative"
> >
<a <a
class="ant-calendar-prev-year-btn" class="ant-calendar-prev-year-btn"
@ -2272,13 +2272,13 @@ exports[`RangePicker switch to corresponding month panel when click presetted ra
</div> </div>
</div> </div>
<div <div
style="outline:none;" style="outline:none"
> >
<div <div
class="ant-calendar-header" class="ant-calendar-header"
> >
<div <div
style="position:relative;" style="position:relative"
> >
<span <span
class="ant-calendar-my-select" 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 /> <br />
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;" style="width:300px"
> >
<span <span
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
@ -326,7 +326,7 @@ exports[`renders ./components/date-picker/demo/extra-footer.md correctly 1`] = `
</span> </span>
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;" style="width:300px"
> >
<span <span
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
@ -512,7 +512,7 @@ exports[`renders ./components/date-picker/demo/presetted-ranges.md correctly 1`]
<br /> <br />
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;" style="width:300px"
> >
<span <span
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
@ -739,7 +739,7 @@ exports[`renders ./components/date-picker/demo/time.md correctly 1`] = `
<br /> <br />
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;" style="width:300px"
> >
<span <span
class="ant-calendar-picker-input ant-input" 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" class="ant-calendar-header"
> >
<div <div
style="position:relative;" style="position:relative"
> >
<a <a
class="ant-calendar-prev-year-btn" class="ant-calendar-prev-year-btn"
@ -275,7 +275,7 @@ exports[`MonthPicker and WeekPicker render WeekPicker 1`] = `
class="ant-calendar-header" class="ant-calendar-header"
> >
<div <div
style="position:relative;" style="position:relative"
> >
<a <a
class="ant-calendar-prev-year-btn" 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 /> <MonthPicker open />
); );
wrapper.setProps({ value: birthday }); wrapper.setProps({ value: birthday });
expect(render(wrapper.find('Trigger').node.getComponent())).toMatchSnapshot(); expect(render(wrapper.find('Trigger').instance().getComponent())).toMatchSnapshot();
}); });
it('render WeekPicker', () => { it('render WeekPicker', () => {
@ -19,6 +19,6 @@ describe('MonthPicker and WeekPicker', () => {
<WeekPicker open /> <WeekPicker open />
); );
wrapper.setProps({ value: birthday }); 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} /> <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'); calendarWrapper.find('.ant-calendar-date').at(0).simulate('click');
expect(onChangeFn).toHaveBeenCalled(); expect(onChangeFn).toHaveBeenCalled();
expect(onOpenChangeFn).not.toHaveBeenCalled(); expect(onOpenChangeFn).not.toHaveBeenCalled();
@ -25,7 +25,7 @@ describe('DatePicker with showTime', () => {
<DatePicker showTime open onChange={onChangeFn} onOk={onOkFn} onOpenChange={onOpenChangeFn} /> <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'); calendarWrapper.find('.ant-calendar-ok-btn').simulate('click');
expect(onOkFn).toHaveBeenCalled(); expect(onOkFn).toHaveBeenCalled();
expect(onOpenChangeFn).toHaveBeenCalledWith(false); expect(onOpenChangeFn).toHaveBeenCalledWith(false);
@ -40,7 +40,7 @@ describe('DatePicker with showTime', () => {
<DatePicker showTime open onChange={onChangeFn} onOpenChange={onOpenChangeFn} /> <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'); calendarWrapper.find('.ant-calendar-today-btn').simulate('click');
expect(onOpenChangeFn).toHaveBeenCalledWith(false); expect(onOpenChangeFn).toHaveBeenCalledWith(false);
expect(onChangeFn).toHaveBeenCalled(); expect(onChangeFn).toHaveBeenCalled();
@ -50,10 +50,10 @@ describe('DatePicker with showTime', () => {
const wrapper = mount( const wrapper = mount(
<DatePicker showTime={{ use12Hours: true }} open /> <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); expect(calendarWrapper.find('.ant-calendar-time-picker-column-4').length).toBe(0);
calendarWrapper.find('.ant-calendar-time-picker-btn').at(0).simulate('click'); 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} /> <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-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); expect(calendarWrapper.find('.ant-calendar-ok-btn').hasClass('ant-calendar-ok-btn-disabled')).toBe(true);
calendarWrapper.find('.ant-calendar-date').at(10).simulate('click'); 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} /> <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(10).simulate('click');
calendarWrapper.find('.ant-calendar-date').at(11).simulate('click'); calendarWrapper.find('.ant-calendar-date').at(11).simulate('click');
onChangeFn.mockClear(); 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>
<div <div
class="ant-btn-group ant-dropdown-button" class="ant-btn-group ant-dropdown-button"
style="margin-left:8px;" style="margin-left:8px"
> >
<button <button
class="ant-btn ant-btn-default" class="ant-btn ant-btn-default"
@ -58,7 +58,7 @@ exports[`renders ./components/dropdown/demo/dropdown-button.md correctly 1`] = `
</div> </div>
<button <button
class="ant-btn ant-dropdown-trigger" class="ant-btn ant-dropdown-trigger"
style="margin-left:8px;" style="margin-left:8px"
type="button" type="button"
> >
<span> <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 <div
class="ant-row" class="ant-row"
style="margin-left:-20px;margin-right:-20px;" style="margin-left:-20px;margin-right:-20px"
> >
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;" style="padding-left:20px;padding-right:20px;display:block"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -47,7 +47,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;" style="padding-left:20px;padding-right:20px;display:block"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -83,7 +83,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;" style="padding-left:20px;padding-right:20px;display:block"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -119,7 +119,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;" style="padding-left:20px;padding-right:20px;display:block"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -155,7 +155,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;" style="padding-left:20px;padding-right:20px;display:block"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -191,7 +191,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:block;" style="padding-left:20px;padding-right:20px;display:block"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -227,7 +227,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:none;" style="padding-left:20px;padding-right:20px;display:none"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -263,7 +263,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:none;" style="padding-left:20px;padding-right:20px;display:none"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -299,7 +299,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:none;" style="padding-left:20px;padding-right:20px;display:none"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -335,7 +335,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-8" class="ant-col-8"
style="padding-left:20px;padding-right:20px;display:none;" style="padding-left:20px;padding-right:20px;display:none"
> >
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
@ -375,7 +375,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
> >
<div <div
class="ant-col-24" class="ant-col-24"
style="text-align:right;" style="text-align:right"
> >
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
@ -387,7 +387,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</button> </button>
<button <button
class="ant-btn" class="ant-btn"
style="margin-left:8px;" style="margin-left:8px"
type="button" type="button"
> >
<span> <span>
@ -395,7 +395,7 @@ exports[`renders ./components/form/demo/advanced-search.md correctly 1`] = `
</span> </span>
</button> </button>
<a <a
style="margin-left:8px;font-size:12px;" style="margin-left:8px;font-size:12px"
> >
Collapse Collapse
<i <i
@ -484,7 +484,7 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Select a option and change input text above Select a option and change input text above
@ -492,7 +492,7 @@ exports[`renders ./components/form/demo/coordinated.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -552,13 +552,13 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
<span> <span>
<input <input
class="ant-input" class="ant-input"
style="width:65%;margin-right:3%;" style="width:65%;margin-right:3%"
type="text" type="text"
value="0" value="0"
/> />
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:32%;" style="width:32%"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -574,7 +574,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="RMB" title="RMB"
> >
RMB RMB
@ -582,7 +582,7 @@ exports[`renders ./components/form/demo/customized-form-controls.md correctly 1`
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -631,7 +631,7 @@ exports[`renders ./components/form/demo/dynamic-form-item.md correctly 1`] = `
> >
<button <button
class="ant-btn ant-btn-dashed" class="ant-btn ant-btn-dashed"
style="width:60%;" style="width:60%"
type="button" type="button"
> >
<i <i
@ -866,7 +866,7 @@ exports[`renders ./components/form/demo/horizontal-login.md correctly 1`] = `
> >
<i <i
class="anticon anticon-user" class="anticon anticon-user"
style="font-size:13px;" style="font-size:13px"
/> />
</span> </span>
<input <input
@ -898,7 +898,7 @@ exports[`renders ./components/form/demo/horizontal-login.md correctly 1`] = `
> >
<i <i
class="anticon anticon-lock" class="anticon anticon-lock"
style="font-size:13px;" style="font-size:13px"
/> />
</span> </span>
<input <input
@ -1121,7 +1121,7 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
> >
<i <i
class="anticon anticon-user" class="anticon anticon-user"
style="font-size:13px;" style="font-size:13px"
/> />
</span> </span>
<input <input
@ -1153,7 +1153,7 @@ exports[`renders ./components/form/demo/normal-login.md correctly 1`] = `
> >
<i <i
class="anticon anticon-lock" class="anticon anticon-lock"
style="font-size:13px;" style="font-size:13px"
/> />
</span> </span>
<input <input
@ -1422,7 +1422,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
> >
<span <span
class="ant-input-group-wrapper" class="ant-input-group-wrapper"
style="width:100%;" style="width:100%"
> >
<span <span
class="ant-input-wrapper ant-input-group" class="ant-input-wrapper ant-input-group"
@ -1432,7 +1432,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
> >
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:60px;" style="width:60px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -1448,7 +1448,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="+86" title="+86"
> >
+86 +86
@ -1456,7 +1456,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -1512,7 +1512,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
website website
@ -1540,7 +1540,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -1572,11 +1572,11 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
> >
<div <div
class="ant-row" class="ant-row"
style="margin-left:-4px;margin-right:-4px;" style="margin-left:-4px;margin-right:-4px"
> >
<div <div
class="ant-col-12" class="ant-col-12"
style="padding-left:4px;padding-right:4px;" style="padding-left:4px;padding-right:4px"
> >
<input <input
class="ant-input" class="ant-input"
@ -1588,7 +1588,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-12" class="ant-col-12"
style="padding-left:4px;padding-right:4px;" style="padding-left:4px;padding-right:4px"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -1610,7 +1610,7 @@ exports[`renders ./components/form/demo/register.md correctly 1`] = `
</div> </div>
<div <div
class="ant-row ant-form-item" class="ant-row ant-form-item"
style="margin-bottom:8px;" style="margin-bottom:8px"
> >
<div <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" 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 <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:300px;" style="width:300px"
> >
<span <span
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
@ -2017,7 +2017,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Please select a country Please select a country
@ -2025,7 +2025,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -2071,7 +2071,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Please select favourite colors Please select favourite colors
@ -2241,34 +2241,34 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" style="visibility:visible;left:0%;width:0%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" style="left:0%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:20%;" style="left:20%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:40%;" style="left:40%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:60%;" style="left:60%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:80%;" style="left:80%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" style="left:100%"
/> />
</div> </div>
<div <div
@ -2278,7 +2278,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
aria-valuenow="0" aria-valuenow="0"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:0%;" style="left:0%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -2286,37 +2286,37 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 A
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:20%;" style="width:18%;margin-left:-9%;left:20%"
> >
B B
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:40%;" style="width:18%;margin-left:-9%;left:40%"
> >
C C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:60%;" style="width:18%;margin-left:-9%;left:60%"
> >
D D
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:80%;" style="width:18%;margin-left:-9%;left:80%"
> >
E E
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:100%;" style="width:18%;margin-left:-9%;left:100%"
> >
F F
</span> </span>
@ -2512,7 +2512,7 @@ exports[`renders ./components/form/demo/validate-other.md correctly 1`] = `
> >
<div <div
class="ant-upload ant-upload-select ant-upload-select-picture" class="ant-upload ant-upload-select ant-upload-select-picture"
style="display:;" style="display:"
/> />
<div <div
class="ant-upload-list ant-upload-list-picture" class="ant-upload-list ant-upload-list-picture"
@ -2794,7 +2794,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
> >
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:100%;" style="width:100%"
> >
<div> <div>
<input <input
@ -2832,7 +2832,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
> >
<span <span
class="ant-time-picker " class="ant-time-picker "
style="width:100%;" style="width:100%"
> >
<input <input
class="ant-time-picker-input" class="ant-time-picker-input"
@ -2884,7 +2884,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Option 1" title="Option 1"
> >
Option 1 Option 1
@ -2892,7 +2892,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -3009,7 +3009,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
class="ant-col-2" class="ant-col-2"
> >
<span <span
style="display:inline-block;width:100%;text-align:center;" style="display:inline-block;width:100%;text-align:center"
> >
- -
</span> </span>
@ -3069,7 +3069,7 @@ exports[`renders ./components/form/demo/validate-static.md correctly 1`] = `
> >
<div <div
class="ant-input-number" class="ant-input-number"
style="width:100%;" style="width:100%"
> >
<div <div
class="ant-input-number-handler-wrap" 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.Item>input</Form.Item>
</Form> </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); 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>); const wrapper = mount(<div><Form1 /><Form2 /></div>);
wrapper.find('Form label').at(0).simulate('click'); 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'); 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 // https://github.com/ant-design/ant-design/issues/7693
@ -87,6 +87,6 @@ describe('Form', () => {
expect(() => { expect(() => {
wrapper.find('Form label').at(0).simulate('click'); wrapper.find('Form label').at(0).simulate('click');
}).not.toThrow(); }).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 <div
class="ant-row" class="ant-row"
style="margin-left:-8px;margin-right:-8px;" style="margin-left:-8px;margin-right:-8px"
> >
<div <div
class="ant-col-6 gutter-row" class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="gutter-box" class="gutter-box"
@ -385,7 +385,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-6 gutter-row" class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="gutter-box" class="gutter-box"
@ -395,7 +395,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-6 gutter-row" class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="gutter-box" class="gutter-box"
@ -405,7 +405,7 @@ exports[`renders ./components/grid/demo/gutter.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-6 gutter-row" class="ant-col-6 gutter-row"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="gutter-box" 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`] = ` exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
<div> <div>
<div <div
style="margin-bottom:16px;" style="margin-bottom:16px"
> >
<span <span
style="margin-right:6px;" style="margin-right:6px"
> >
Gutter (px): Gutter (px):
</span> </span>
<div <div
style="width:50%;" style="width:50%"
> >
<div <div
class="ant-slider ant-slider-with-marks" class="ant-slider ant-slider-with-marks"
@ -480,34 +480,34 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:20%;" style="visibility:visible;left:0%;width:20%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" style="left:0%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:20%;" style="left:20%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:40%;" style="left:40%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:60%;" style="left:60%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:80%;" style="left:80%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" style="left:100%"
/> />
</div> </div>
<div <div
@ -517,7 +517,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
aria-valuenow="1" aria-valuenow="1"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:20%;" style="left:20%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -525,37 +525,37 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 8
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 16
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:40%;" style="width:18%;margin-left:-9%;left:40%"
> >
24 24
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:60%;" style="width:18%;margin-left:-9%;left:60%"
> >
32 32
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:80%;" style="width:18%;margin-left:-9%;left:80%"
> >
40 40
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:100%;" style="width:18%;margin-left:-9%;left:100%"
> >
48 48
</span> </span>
@ -563,12 +563,12 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div> </div>
</div> </div>
<span <span
style="margin-right:6px;" style="margin-right:6px"
> >
Column Count: Column Count:
</span> </span>
<div <div
style="width:50%;" style="width:50%"
> >
<div <div
class="ant-slider ant-slider-with-marks" class="ant-slider ant-slider-with-marks"
@ -578,34 +578,34 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:40%;" style="visibility:visible;left:0%;width:40%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" style="left:0%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:20%;" style="left:20%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:40%;" style="left:40%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:60%;" style="left:60%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:80%;" style="left:80%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" style="left:100%"
/> />
</div> </div>
<div <div
@ -615,7 +615,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
aria-valuenow="2" aria-valuenow="2"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:40%;" style="left:40%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -623,37 +623,37 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 2
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 3
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 4
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:60%;" style="width:18%;margin-left:-9%;left:60%"
> >
6 6
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:80%;" style="width:18%;margin-left:-9%;left:80%"
> >
8 8
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="width:18%;margin-left:-9%;left:100%;" style="width:18%;margin-left:-9%;left:100%"
> >
12 12
</span> </span>
@ -663,11 +663,11 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div> </div>
<div <div
class="ant-row" class="ant-row"
style="margin-left:-8px;margin-right:-8px;" style="margin-left:-8px;margin-right:-8px"
> >
<div <div
class="ant-col-6" class="ant-col-6"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div> <div>
Column Column
@ -675,7 +675,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-6" class="ant-col-6"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div> <div>
Column Column
@ -683,7 +683,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-6" class="ant-col-6"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div> <div>
Column Column
@ -691,7 +691,7 @@ exports[`renders ./components/grid/demo/playground.md correctly 1`] = `
</div> </div>
<div <div
class="ant-col-6" class="ant-col-6"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div> <div>
Column 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> </div>
<div <div
style="margin-top:20px;" style="margin-top:20px"
> >
<button <button
class="ant-btn ant-btn-primary" 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`] = ` exports[`renders ./components/input/demo/addon.md correctly 1`] = `
<div> <div>
<div <div
style="margin-bottom:16px;" style="margin-bottom:16px"
> >
<span <span
class="ant-input-group-wrapper" class="ant-input-group-wrapper"
@ -30,7 +30,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
style="margin-bottom:16px;" style="margin-bottom:16px"
> >
<span <span
class="ant-input-group-wrapper" class="ant-input-group-wrapper"
@ -43,7 +43,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
> >
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:80px;" style="width:80px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -59,7 +59,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Http://" title="Http://"
> >
Http:// Http://
@ -67,7 +67,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -85,7 +85,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
> >
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:70px;" style="width:70px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -101,7 +101,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title=".com" title=".com"
> >
.com .com
@ -109,7 +109,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -121,7 +121,7 @@ exports[`renders ./components/input/demo/addon.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
style="margin-bottom:16px;" style="margin-bottom:16px"
> >
<span <span
class="ant-input-group-wrapper" 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" placeholder="Autosize height based on content lines"
/> />
<div <div
style="margin:24px 0;" style="margin:24px 0"
/> />
<textarea <textarea
class="ant-input" class="ant-input"
@ -201,13 +201,13 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<input <input
class="ant-input" class="ant-input"
style="width:20%;" style="width:20%"
type="text" type="text"
value="0571" value="0571"
/> />
<input <input
class="ant-input" class="ant-input"
style="width:30%;" style="width:30%"
type="text" type="text"
value="26888888" value="26888888"
/> />
@ -233,7 +233,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Zhejiang" title="Zhejiang"
> >
Zhejiang Zhejiang
@ -241,7 +241,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -250,7 +250,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<input <input
class="ant-input" class="ant-input"
style="width:50%;" style="width:50%"
type="text" type="text"
value="Xihu District, Hangzhou" value="Xihu District, Hangzhou"
/> />
@ -276,7 +276,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Option1" title="Option1"
> >
Option1 Option1
@ -284,7 +284,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -293,7 +293,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<input <input
class="ant-input" class="ant-input"
style="width:50%;" style="width:50%"
type="text" type="text"
value="input content" value="input content"
/> />
@ -351,7 +351,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<input <input
class="ant-input" class="ant-input"
style="width:50%;" style="width:50%"
type="text" type="text"
value="input content" value="input content"
/> />
@ -392,7 +392,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Option1-1" title="Option1-1"
> >
Option1-1 Option1-1
@ -400,7 +400,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -424,7 +424,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Option2-2" title="Option2-2"
> >
Option2-2 Option2-2
@ -432,7 +432,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -461,7 +461,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Between" title="Between"
> >
Between Between
@ -469,7 +469,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -479,20 +479,20 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
<input <input
class="ant-input" class="ant-input"
placeholder="Minimum" placeholder="Minimum"
style="width:100px;text-align:center;" style="width:100px;text-align:center"
type="text" type="text"
/> />
<input <input
class="ant-input ant-input-disabled" class="ant-input ant-input-disabled"
disabled="" disabled=""
placeholder="~" 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" type="text"
/> />
<input <input
class="ant-input" class="ant-input"
placeholder="Maximum" placeholder="Maximum"
style="width:100px;text-align:center;border-left:0;" style="width:100px;text-align:center;border-left:0"
type="text" type="text"
/> />
</span> </span>
@ -517,7 +517,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Sign Up" title="Sign Up"
> >
Sign Up Sign Up
@ -525,7 +525,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -534,7 +534,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<div <div
class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled" class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -549,7 +549,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Email Email
@ -577,7 +577,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -591,7 +591,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:30%;" style="width:30%"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -607,7 +607,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Home" title="Home"
> >
Home Home
@ -615,7 +615,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -624,7 +624,7 @@ exports[`renders ./components/input/demo/group.md correctly 1`] = `
</div> </div>
<span <span
class="ant-cascader-picker" class="ant-cascader-picker"
style="width:70%;" style="width:70%"
tabindex="0" tabindex="0"
> >
<span <span
@ -670,7 +670,7 @@ exports[`renders ./components/input/demo/search-input.md correctly 1`] = `
<div> <div>
<span <span
class="ant-input-search ant-input-affix-wrapper" class="ant-input-search ant-input-affix-wrapper"
style="width:200px;" style="width:200px"
> >
<input <input
class="ant-input" class="ant-input"
@ -768,7 +768,7 @@ exports[`renders ./components/input/demo/tooltip.md correctly 1`] = `
class="ant-input" class="ant-input"
maxlength="25" maxlength="25"
placeholder="Input a number" placeholder="Input a number"
style="width:120px;" style="width:120px"
type="text" type="text"
value="" value=""
/> />

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

@ -21,7 +21,7 @@ describe('TextArea', () => {
const wrapper = mount( const wrapper = mount(
<TextArea value="" readOnly autosize /> <TextArea value="" readOnly autosize />
); );
const mockFunc = jest.spyOn(wrapper.node, 'resizeTextarea'); const mockFunc = jest.spyOn(wrapper.instance(), 'resizeTextarea');
wrapper.setProps({ value: '1111\n2222\n3333' }); wrapper.setProps({ value: '1111\n2222\n3333' });
await delay(0); await delay(0);
expect(mockFunc).toHaveBeenCalledTimes(1); 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 <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -72,7 +72,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -92,7 +92,7 @@ exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
> >
<div <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -129,7 +129,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
> >
<div <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -147,7 +147,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-user" class="anticon anticon-user"
@ -160,7 +160,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-video-camera" class="anticon anticon-video-camera"
@ -173,7 +173,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-upload" class="anticon anticon-upload"
@ -190,7 +190,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
> >
<div <div
class="ant-layout-header" class="ant-layout-header"
style="background:#fff;padding:0;" style="background:#fff;padding:0"
> >
<i <i
class="anticon anticon-menu-fold trigger" class="anticon anticon-menu-fold trigger"
@ -198,7 +198,7 @@ exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-content" 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 Content
</div> </div>
@ -212,7 +212,7 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
> >
<div <div
class="ant-layout-header" class="ant-layout-header"
style="position:fixed;width:100%;" style="position:fixed;width:100%"
> >
<div <div
class="logo" class="logo"
@ -221,7 +221,7 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root" class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu" role="menu"
style="line-height:64px;" style="line-height:64px"
tabindex="0" tabindex="0"
> >
<li <li
@ -249,11 +249,11 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-content" class="ant-layout-content"
style="padding:0 50px;margin-top:64px;" style="padding:0 50px;margin-top:64px"
> >
<div <div
class="ant-breadcrumb" class="ant-breadcrumb"
style="margin:12px 0;" style="margin:12px 0"
> >
<span> <span>
<span <span
@ -293,14 +293,14 @@ exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
style="background:#fff;padding:24px;min-height:380px;" style="background:#fff;padding:24px;min-height:380px"
> >
Content Content
</div> </div>
</div> </div>
<div <div
class="ant-layout-footer" class="ant-layout-footer"
style="text-align:center;" style="text-align:center"
> >
Ant Design ©2016 Created by Ant UED Ant Design ©2016 Created by Ant UED
</div> </div>
@ -313,7 +313,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
> >
<div <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -331,7 +331,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-user" class="anticon anticon-user"
@ -346,7 +346,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-video-camera" class="anticon anticon-video-camera"
@ -361,7 +361,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-upload" class="anticon anticon-upload"
@ -376,7 +376,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-bar-chart" class="anticon anticon-bar-chart"
@ -391,7 +391,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-cloud-o" class="anticon anticon-cloud-o"
@ -406,7 +406,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-appstore-o" class="anticon anticon-appstore-o"
@ -421,7 +421,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-team" class="anticon anticon-team"
@ -436,7 +436,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-shop" class="anticon anticon-shop"
@ -452,18 +452,18 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout" class="ant-layout"
style="margin-left:200px;" style="margin-left:200px"
> >
<div <div
class="ant-layout-header" class="ant-layout-header"
style="background:#fff;padding:0;" style="background:#fff;padding:0"
/> />
<div <div
class="ant-layout-content" class="ant-layout-content"
style="margin:24px 16px 0;overflow:initial;" style="margin:24px 16px 0;overflow:initial"
> >
<div <div
style="padding:24px;background:#fff;text-align:center;" style="padding:24px;background:#fff;text-align:center"
> >
... ...
<br /> <br />
@ -564,7 +564,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-footer" class="ant-layout-footer"
style="text-align:center;" style="text-align:center"
> >
Ant Design ©2016 Created by Ant UED Ant Design ©2016 Created by Ant UED
</div> </div>
@ -578,7 +578,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
> >
<div <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -596,7 +596,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-user" class="anticon anticon-user"
@ -611,7 +611,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-video-camera" class="anticon anticon-video-camera"
@ -626,7 +626,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-upload" class="anticon anticon-upload"
@ -641,7 +641,7 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-user" class="anticon anticon-user"
@ -660,21 +660,21 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
> >
<div <div
class="ant-layout-header" class="ant-layout-header"
style="background:#fff;padding:0;" style="background:#fff;padding:0"
/> />
<div <div
class="ant-layout-content" class="ant-layout-content"
style="margin:24px 16px 0;" style="margin:24px 16px 0"
> >
<div <div
style="padding:24px;background:#fff;min-height:360px;" style="padding:24px;background:#fff;min-height:360px"
> >
content content
</div> </div>
</div> </div>
<div <div
class="ant-layout-footer" class="ant-layout-footer"
style="text-align:center;" style="text-align:center"
> >
Ant Design ©2016 Created by Ant UED Ant Design ©2016 Created by Ant UED
</div> </div>
@ -685,11 +685,11 @@ exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
exports[`renders ./components/layout/demo/side.md correctly 1`] = ` exports[`renders ./components/layout/demo/side.md correctly 1`] = `
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout ant-layout-has-sider"
style="min-height:100vh;" style="min-height:100vh"
> >
<div <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -707,7 +707,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-pie-chart" class="anticon anticon-pie-chart"
@ -720,7 +720,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-desktop" class="anticon anticon-desktop"
@ -737,7 +737,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -760,7 +760,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -779,7 +779,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-file" class="anticon anticon-file"
@ -792,7 +792,7 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-sider-trigger" class="ant-layout-sider-trigger"
style="width:200px;" style="width:200px"
> >
<i <i
class="anticon anticon-left" class="anticon anticon-left"
@ -804,15 +804,15 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
> >
<div <div
class="ant-layout-header" class="ant-layout-header"
style="background:#fff;padding:0;" style="background:#fff;padding:0"
/> />
<div <div
class="ant-layout-content" class="ant-layout-content"
style="margin:0 16px;" style="margin:0 16px"
> >
<div <div
class="ant-breadcrumb" class="ant-breadcrumb"
style="margin:12px 0;" style="margin:12px 0"
> >
<span> <span>
<span <span
@ -840,14 +840,14 @@ exports[`renders ./components/layout/demo/side.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
style="padding:24px;background:#fff;min-height:360px;" style="padding:24px;background:#fff;min-height:360px"
> >
Bill is a cat. Bill is a cat.
</div> </div>
</div> </div>
<div <div
class="ant-layout-footer" class="ant-layout-footer"
style="text-align:center;" style="text-align:center"
> >
Ant Design ©2016 Created by Ant UED Ant Design ©2016 Created by Ant UED
</div> </div>
@ -869,7 +869,7 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root" class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu" role="menu"
style="line-height:64px;" style="line-height:64px"
tabindex="0" tabindex="0"
> >
<li <li
@ -897,11 +897,11 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-content" class="ant-layout-content"
style="padding:0 50px;" style="padding:0 50px"
> >
<div <div
class="ant-breadcrumb" class="ant-breadcrumb"
style="margin:12px 0;" style="margin:12px 0"
> >
<span> <span>
<span <span
@ -941,14 +941,14 @@ exports[`renders ./components/layout/demo/top.md correctly 1`] = `
</span> </span>
</div> </div>
<div <div
style="background:#fff;padding:24px;min-height:280px;" style="background:#fff;padding:24px;min-height:280px"
> >
Content Content
</div> </div>
</div> </div>
<div <div
class="ant-layout-footer" class="ant-layout-footer"
style="text-align:center;" style="text-align:center"
> >
Ant Design ©2016 Created by Ant UED Ant Design ©2016 Created by Ant UED
</div> </div>
@ -969,7 +969,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root" class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu" role="menu"
style="line-height:64px;" style="line-height:64px"
tabindex="0" tabindex="0"
> >
<li <li
@ -997,11 +997,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-content" class="ant-layout-content"
style="padding:0 50px;" style="padding:0 50px"
> >
<div <div
class="ant-breadcrumb" class="ant-breadcrumb"
style="margin:12px 0;" style="margin:12px 0"
> >
<span> <span>
<span <span
@ -1042,11 +1042,11 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout ant-layout-has-sider" class="ant-layout ant-layout-has-sider"
style="padding:24px 0;background:#fff;" style="padding:24px 0;background:#fff"
> >
<div <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -1055,7 +1055,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root" class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu" role="menu"
style="height:100%;" style="height:100%"
tabindex="0" tabindex="0"
> >
<li <li
@ -1066,7 +1066,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -1088,7 +1088,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
option1 option1
</li> </li>
@ -1096,7 +1096,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
option2 option2
</li> </li>
@ -1104,7 +1104,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
option3 option3
</li> </li>
@ -1112,7 +1112,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
option4 option4
</li> </li>
@ -1126,7 +1126,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -1147,7 +1147,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub3$Menu" aria-owns="sub3$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -1165,7 +1165,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-content" class="ant-layout-content"
style="padding:0 24px;min-height:280px;" style="padding:0 24px;min-height:280px"
> >
Content Content
</div> </div>
@ -1173,7 +1173,7 @@ exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-footer" class="ant-layout-footer"
style="text-align:center;" style="text-align:center"
> >
Ant Design ©2016 Created by Ant UED Ant Design ©2016 Created by Ant UED
</div> </div>
@ -1194,7 +1194,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root" class="ant-menu ant-menu-horizontal ant-menu-dark ant-menu-root"
role="menu" role="menu"
style="line-height:64px;" style="line-height:64px"
tabindex="0" tabindex="0"
> >
<li <li
@ -1225,7 +1225,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
> >
<div <div
class="ant-layout-sider" 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 <div
class="ant-layout-sider-children" class="ant-layout-sider-children"
@ -1234,7 +1234,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root" class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu" role="menu"
style="height:100%;border-right:0;" style="height:100%;border-right:0"
tabindex="0" tabindex="0"
> >
<li <li
@ -1245,7 +1245,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -1267,7 +1267,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
option1 option1
</li> </li>
@ -1275,7 +1275,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
option2 option2
</li> </li>
@ -1283,7 +1283,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
option3 option3
</li> </li>
@ -1291,7 +1291,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
option4 option4
</li> </li>
@ -1305,7 +1305,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -1326,7 +1326,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub3$Menu" aria-owns="sub3$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -1344,11 +1344,11 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout" class="ant-layout"
style="padding:0 24px 24px;" style="padding:0 24px 24px"
> >
<div <div
class="ant-breadcrumb" class="ant-breadcrumb"
style="margin:12px 0;" style="margin:12px 0"
> >
<span> <span>
<span <span
@ -1389,7 +1389,7 @@ exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
</div> </div>
<div <div
class="ant-layout-content" 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 Content
</div> </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> </ul>
</div> </div>
<div <div
style="text-align:center;margin-top:8px;" style="text-align:center;margin-top:8px"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -272,14 +272,14 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
<div> <div>
<div <div
class="ant-row" class="ant-row"
style="margin-left:-8px;margin-right:-8px;" style="margin-left:-8px;margin-right:-8px"
> >
<div <div
class="ant-col-6" class="ant-col-6"
> >
<div <div
class="ant-list-item" class="ant-list-item"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-list-item-content ant-list-item-content-single" class="ant-list-item-content ant-list-item-content-single"
@ -318,7 +318,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
> >
<div <div
class="ant-list-item" class="ant-list-item"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-list-item-content ant-list-item-content-single" class="ant-list-item-content ant-list-item-content-single"
@ -357,7 +357,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
> >
<div <div
class="ant-list-item" class="ant-list-item"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-list-item-content ant-list-item-content-single" class="ant-list-item-content ant-list-item-content-single"
@ -396,7 +396,7 @@ exports[`renders ./components/list/demo/grid.md correctly 1`] = `
> >
<div <div
class="ant-list-item" class="ant-list-item"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-list-item-content ant-list-item-content-single" 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 />
<div <div
style="overflow:visible;width:0;" style="overflow:visible;width:0"
> >
<div <div
aria-label="grid" aria-label="grid"
aria-readonly="true" aria-readonly="true"
class="ReactVirtualized__Grid ReactVirtualized__List" class="ReactVirtualized__Grid ReactVirtualized__List"
role="grid" 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" tabindex="0"
/> />
</div> </div>
@ -641,14 +641,14 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
<div> <div>
<div <div
class="ant-row" class="ant-row"
style="margin-left:-8px;margin-right:-8px;" style="margin-left:-8px;margin-right:-8px"
> >
<div <div
class="ant-col-xs-12 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4" class="ant-col-xs-12 ant-col-sm-12 ant-col-md-6 ant-col-lg-6 ant-col-xl-4"
> >
<div <div
class="ant-list-item" class="ant-list-item"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-list-item-content ant-list-item-content-single" class="ant-list-item-content ant-list-item-content-single"
@ -687,7 +687,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
> >
<div <div
class="ant-list-item" class="ant-list-item"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-list-item-content ant-list-item-content-single" class="ant-list-item-content ant-list-item-content-single"
@ -726,7 +726,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
> >
<div <div
class="ant-list-item" class="ant-list-item"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-list-item-content ant-list-item-content-single" class="ant-list-item-content ant-list-item-content-single"
@ -765,7 +765,7 @@ exports[`renders ./components/list/demo/resposive.md correctly 1`] = `
> >
<div <div
class="ant-list-item" class="ant-list-item"
style="padding-left:8px;padding-right:8px;" style="padding-left:8px;padding-right:8px"
> >
<div <div
class="ant-list-item-content ant-list-item-content-single" 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`] = ` exports[`renders ./components/list/demo/simple.md correctly 1`] = `
<div> <div>
<h3 <h3
style="margin-bottom:16px;" style="margin-bottom:16px"
> >
Default Size Default Size
</h3> </h3>
@ -877,7 +877,7 @@ exports[`renders ./components/list/demo/simple.md correctly 1`] = `
</div> </div>
</div> </div>
<h3 <h3
style="margin:16px 0;" style="margin:16px 0"
> >
Small Size Small Size
</h3> </h3>
@ -947,7 +947,7 @@ exports[`renders ./components/list/demo/simple.md correctly 1`] = `
</div> </div>
</div> </div>
<h3 <h3
style="margin:16px 0;" style="margin:16px 0"
> >
Large Size Large Size
</h3> </h3>
@ -1078,7 +1078,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1090,7 +1090,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1102,7 +1102,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1174,7 +1174,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1186,7 +1186,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1198,7 +1198,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1270,7 +1270,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1282,7 +1282,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1294,7 +1294,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1366,7 +1366,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1378,7 +1378,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1390,7 +1390,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1462,7 +1462,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1474,7 +1474,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1486,7 +1486,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1558,7 +1558,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1570,7 +1570,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1582,7 +1582,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1654,7 +1654,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1666,7 +1666,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1678,7 +1678,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1750,7 +1750,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1762,7 +1762,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1774,7 +1774,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1846,7 +1846,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1858,7 +1858,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1870,7 +1870,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </span>
@ -1942,7 +1942,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-star-o" class="anticon anticon-star-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1954,7 +1954,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-like-o" class="anticon anticon-like-o"
style="margin-right:8px;" style="margin-right:8px"
/> />
156 156
</span> </span>
@ -1966,7 +1966,7 @@ exports[`renders ./components/list/demo/vertical.md correctly 1`] = `
<span> <span>
<i <i
class="anticon anticon-message" class="anticon anticon-message"
style="margin-right:8px;" style="margin-right:8px"
/> />
2 2
</span> </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" class="change-locale"
> >
<span <span
style="margin-right:16px;" style="margin-right:16px"
> >
Change locale of components: Change locale of components:
</span> </span>
@ -147,7 +147,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="10 / page" title="10 / page"
> >
10 / page 10 / page
@ -155,7 +155,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -170,7 +170,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
> >
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -186,7 +186,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
> >
<div <div
class="ant-select-search ant-select-search--inline" class="ant-select-search ant-select-search--inline"
style="display:none;" style="display:none"
> >
<div <div
class="ant-select-search__field__wrap" class="ant-select-search__field__wrap"
@ -206,7 +206,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -244,7 +244,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</span> </span>
<span <span
class="ant-calendar-picker" class="ant-calendar-picker"
style="width:200px;" style="width:200px"
> >
<span <span
class="ant-calendar-picker-input ant-input" class="ant-calendar-picker-input ant-input"
@ -468,7 +468,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="width:319px;border:1px solid #d9d9d9;border-radius:4px;" style="width:319px;border:1px solid #d9d9d9;border-radius:4px"
> >
<div <div
class="" class=""
@ -493,7 +493,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="2016" title="2016"
> >
2016 2016
@ -501,7 +501,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -525,7 +525,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Nov" title="Nov"
> >
Nov Nov
@ -533,7 +533,7 @@ exports[`renders ./components/locale-provider/demo/all.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -1635,7 +1635,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="10 / page" title="10 / page"
> >
10 / page 10 / page
@ -1643,7 +1643,7 @@ exports[`renders ./components/locale-provider/demo/basic.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root" class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px"
tabindex="0" tabindex="0"
> >
<li <li
@ -80,7 +80,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -116,7 +116,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 1 Option 1
</li> </li>
@ -124,7 +124,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 2 Option 2
</li> </li>
@ -146,7 +146,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 3 Option 3
</li> </li>
@ -154,7 +154,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 4 Option 4
</li> </li>
@ -170,7 +170,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -193,7 +193,7 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub4$Menu" aria-owns="sub4$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -213,11 +213,11 @@ exports[`renders ./components/menu/demo/inline.md correctly 1`] = `
exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = ` exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
<div <div
style="width:240px;" style="width:240px"
> >
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
style="margin-bottom:16px;" style="margin-bottom:16px"
type="button" type="button"
> >
<i <i
@ -234,7 +234,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-pie-chart" class="anticon anticon-pie-chart"
@ -247,7 +247,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-desktop" class="anticon anticon-desktop"
@ -260,7 +260,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-inbox" class="anticon anticon-inbox"
@ -277,7 +277,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -301,7 +301,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 5 Option 5
</li> </li>
@ -309,7 +309,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 6 Option 6
</li> </li>
@ -317,7 +317,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 7 Option 7
</li> </li>
@ -325,7 +325,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 8 Option 8
</li> </li>
@ -339,7 +339,7 @@ exports[`renders ./components/menu/demo/inline-collapsed.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -363,7 +363,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root" class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px"
tabindex="0" tabindex="0"
> >
<li <li
@ -374,7 +374,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -398,7 +398,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 1 Option 1
</li> </li>
@ -406,7 +406,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 2 Option 2
</li> </li>
@ -414,7 +414,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 3 Option 3
</li> </li>
@ -422,7 +422,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 4 Option 4
</li> </li>
@ -436,7 +436,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -459,7 +459,7 @@ exports[`renders ./components/menu/demo/sider-current.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub4$Menu" aria-owns="sub4$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -490,7 +490,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
Change Mode Change Mode
<span <span
class="ant-divider" class="ant-divider"
style="margin:0 1em;" style="margin:0 1em"
/> />
<span <span
class="ant-switch" class="ant-switch"
@ -507,14 +507,14 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-light ant-menu-root" class="ant-menu ant-menu-inline ant-menu-light ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px"
tabindex="0" tabindex="0"
> >
<li <li
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-mail" class="anticon anticon-mail"
@ -525,7 +525,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:24px;" style="padding-left:24px"
> >
<i <i
class="anticon anticon-calendar" class="anticon anticon-calendar"
@ -540,7 +540,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -564,7 +564,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 3 Option 3
</li> </li>
@ -572,7 +572,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 4 Option 4
</li> </li>
@ -584,7 +584,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:48px;" style="padding-left:48px"
title="Submenu" title="Submenu"
> >
Submenu Submenu
@ -603,7 +603,7 @@ exports[`renders ./components/menu/demo/switch-mode.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -641,7 +641,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root" class="ant-menu ant-menu-inline ant-menu-dark ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px"
tabindex="0" tabindex="0"
> >
<li <li
@ -652,7 +652,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub1$Menu" aria-owns="sub1$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -676,7 +676,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-selected="true" aria-selected="true"
class="ant-menu-item-selected ant-menu-item" class="ant-menu-item-selected ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 1 Option 1
</li> </li>
@ -684,7 +684,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 2 Option 2
</li> </li>
@ -692,7 +692,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 3 Option 3
</li> </li>
@ -700,7 +700,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-selected="false" aria-selected="false"
class="ant-menu-item" class="ant-menu-item"
role="menuitem" role="menuitem"
style="padding-left:48px;" style="padding-left:48px"
> >
Option 4 Option 4
</li> </li>
@ -714,7 +714,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub2$Menu" aria-owns="sub2$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -737,7 +737,7 @@ exports[`renders ./components/menu/demo/theme.md correctly 1`] = `
aria-haspopup="true" aria-haspopup="true"
aria-owns="sub4$Menu" aria-owns="sub4$Menu"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
style="padding-left:24px;" style="padding-left:24px"
> >
<span> <span>
<i <i
@ -761,7 +761,7 @@ exports[`renders ./components/menu/demo/vertical.md correctly 1`] = `
aria-activedescendant="" aria-activedescendant=""
class="ant-menu ant-menu-vertical ant-menu-light ant-menu-root" class="ant-menu ant-menu-vertical ant-menu-light ant-menu-root"
role="menu" role="menu"
style="width:240px;" style="width:240px"
tabindex="0" tabindex="0"
> >
<li <li

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

@ -56,11 +56,12 @@ describe('Menu', () => {
<Menu.Item key="2">menu2</Menu.Item> <Menu.Item key="2">menu2</Menu.Item>
</Menu> </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: [] }); 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'] }); 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', () => { it('should accept openKeys in mode inline', () => {
@ -73,11 +74,12 @@ describe('Menu', () => {
<Menu.Item key="2">menu2</Menu.Item> <Menu.Item key="2">menu2</Menu.Item>
</Menu> </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: [] }); 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'] }); 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', () => { it('should accept openKeys in mode vertical', () => {
@ -90,11 +92,12 @@ describe('Menu', () => {
<Menu.Item key="2">menu2</Menu.Item> <Menu.Item key="2">menu2</Menu.Item>
</Menu> </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: [] }); 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'] }); 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 // https://github.com/ant-design/ant-design/pulls/4677
@ -172,11 +175,12 @@ describe('Menu', () => {
); );
expect(wrapper.find('.ant-menu-sub').length).toBe(0); expect(wrapper.find('.ant-menu-sub').length).toBe(0);
wrapper.find('.ant-menu-submenu-title').simulate('click'); wrapper.find('.ant-menu-submenu-title').simulate('click');
expect(wrapper.find('.ant-menu-sub').length).toBe(1); expect(wrapper.find('.ant-menu-sub').hostNodes().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().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.find('.ant-menu-submenu-title').simulate('click'); wrapper.find('.ant-menu-submenu-title').simulate('click');
await delay(300); 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 () => { 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); expect(wrapper.find('.ant-menu-sub').length).toBe(0);
wrapper.find('.ant-menu-submenu-title').simulate('mouseenter'); wrapper.find('.ant-menu-submenu-title').simulate('mouseenter');
expect(wrapper.find('.ant-menu-sub').length).toBe(1); expect(wrapper.find('.ant-menu-sub').hostNodes().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().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.find('.ant-menu-submenu').simulate('mouseleave'); wrapper.find('.ant-menu-submenu').simulate('mouseleave');
await delay(300); 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 () => { 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); expect(wrapper.find('.ant-menu-sub').length).toBe(0);
wrapper.find('.ant-menu-submenu-title').simulate('mouseenter'); wrapper.find('.ant-menu-submenu-title').simulate('mouseenter');
expect(wrapper.find('.ant-menu-sub').length).toBe(1); expect(wrapper.find('.ant-menu-sub').hostNodes().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().at(0).hasClass('ant-menu-hidden')).not.toBe(true);
wrapper.find('.ant-menu-submenu').simulate('mouseleave'); wrapper.find('.ant-menu-submenu').simulate('mouseleave');
await delay(300); 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>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:120px;margin-right:10px;" style="width:120px;margin-right:10px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -64,7 +64,7 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="topRight" title="topRight"
> >
topRight topRight
@ -72,7 +72,7 @@ exports[`renders ./components/notification/demo/placement.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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 <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="10 / page" title="10 / page"
> >
10 / page 10 / page
@ -189,7 +189,7 @@ exports[`renders ./components/pagination/demo/changer.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -629,7 +629,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="10 / page" title="10 / page"
> >
10 / page 10 / page
@ -637,7 +637,7 @@ exports[`renders ./components/pagination/demo/mini.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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" class="demo"
> >
<div <div
style="margin-left:70px;white-space:nowrap;" style="margin-left:70px;white-space:nowrap"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -70,7 +70,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button> </button>
</div> </div>
<div <div
style="width:70px;float:left;" style="width:70px;float:left"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -98,7 +98,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button> </button>
</div> </div>
<div <div
style="width:70px;margin-left:304px;" style="width:70px;margin-left:304px"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -126,7 +126,7 @@ exports[`renders ./components/popconfirm/demo/placement.md correctly 1`] = `
</button> </button>
</div> </div>
<div <div
style="margin-left:70px;clear:both;white-space:nowrap;" style="margin-left:70px;clear:both;white-space:nowrap"
> >
<button <button
class="ant-btn" class="ant-btn"

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

@ -35,11 +35,11 @@ describe('Popconfirm', () => {
</Popconfirm> </Popconfirm>
); );
expect(popconfirm.node.getPopupDomNode()).toBe(null); expect(popconfirm.instance().getPopupDomNode()).toBe(null);
popconfirm.find('span').simulate('click'); popconfirm.find('span').simulate('click');
const popup = popconfirm.node.getPopupDomNode(); const popup = popconfirm.instance().getPopupDomNode();
expect(popup).not.toBe(null); expect(popup).not.toBe(null);
expect(popup.className).toContain('ant-popover-placement-top'); expect(popup.className).toContain('ant-popover-placement-top');
expect(popup.innerHTML).toMatchSnapshot(); 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" class="demo"
> >
<div <div
style="margin-left:70px;white-space:nowrap;" style="margin-left:70px;white-space:nowrap"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -76,7 +76,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button> </button>
</div> </div>
<div <div
style="width:70px;float:left;" style="width:70px;float:left"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -104,7 +104,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button> </button>
</div> </div>
<div <div
style="width:70px;margin-left:304px;" style="width:70px;margin-left:304px"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -132,7 +132,7 @@ exports[`renders ./components/popover/demo/placement.md correctly 1`] = `
</button> </button>
</div> </div>
<div <div
style="margin-left:70px;clear:both;white-space:nowrap;" style="margin-left:70px;clear:both;white-space:nowrap"
> >
<button <button
class="ant-btn" class="ant-btn"

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

@ -10,11 +10,11 @@ describe('Popover', () => {
</Popover> </Popover>
); );
expect(popover.node.getPopupDomNode()).toBe(null); expect(popover.instance().getPopupDomNode()).toBe(null);
popover.find('span').simulate('click'); popover.find('span').simulate('click');
const popup = popover.node.getPopupDomNode(); const popup = popover.instance().getPopupDomNode();
expect(popup).not.toBe(null); expect(popup).not.toBe(null);
expect(popup.className).toContain('ant-popover-placement-top'); expect(popup.className).toContain('ant-popover-placement-top');
expect(popup.innerHTML).toMatchSnapshot(); 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 <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;" style="width:120px;height:120px;font-size:24px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -21,7 +21,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -32,7 +32,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#108ee9" stroke="#108ee9"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -47,11 +47,11 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;" style="width:120px;height:120px;font-size:24px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -61,7 +61,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -72,7 +72,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#ff5500" stroke="#ff5500"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -89,11 +89,11 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;" style="width:120px;height:120px;font-size:24px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -103,7 +103,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -114,7 +114,7 @@ exports[`renders ./components/progress/demo/circle.md correctly 1`] = `
stroke="#87d068" stroke="#87d068"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -136,11 +136,11 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;" style="width:120px;height:120px;font-size:24px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -150,7 +150,7 @@ exports[`renders ./components/progress/demo/circle-dynamic.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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> </svg>
<span <span
@ -190,11 +190,11 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:80px;height:80px;font-size:18px;" style="width:80px;height:80px;font-size:18px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -204,7 +204,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -215,7 +215,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
stroke="#108ee9" stroke="#108ee9"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -230,11 +230,11 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:80px;height:80px;font-size:18px;" style="width:80px;height:80px;font-size:18px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -244,7 +244,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -255,7 +255,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
stroke="#ff5500" stroke="#ff5500"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -272,11 +272,11 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:80px;height:80px;font-size:18px;" style="width:80px;height:80px;font-size:18px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -286,7 +286,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -297,7 +297,7 @@ exports[`renders ./components/progress/demo/circle-mini.md correctly 1`] = `
stroke="#87d068" stroke="#87d068"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -318,11 +318,11 @@ exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;" style="width:120px;height:120px;font-size:24px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -332,7 +332,7 @@ exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -343,7 +343,7 @@ exports[`renders ./components/progress/demo/dashboard.md correctly 1`] = `
stroke="#108ee9" stroke="#108ee9"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -369,7 +369,7 @@ exports[`renders ./components/progress/demo/dynamic.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:0%;height:8px;" style="width:0%;height:8px"
/> />
</div> </div>
</div> </div>
@ -410,11 +410,11 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;" style="width:120px;height:120px;font-size:24px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -424,7 +424,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -435,7 +435,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
stroke="#108ee9" stroke="#108ee9"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -450,11 +450,11 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
> >
<div <div
class="ant-progress-inner" class="ant-progress-inner"
style="width:120px;height:120px;font-size:24px;" style="width:120px;height:120px;font-size:24px"
> >
<svg <svg
class="ant-progress-circle " class="ant-progress-circle "
viewbox="0 0 100 100" viewBox="0 0 100 100"
> >
<path <path
class="ant-progress-circle-trail" class="ant-progress-circle-trail"
@ -464,7 +464,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
fill-opacity="0" fill-opacity="0"
stroke="#f3f3f3" stroke="#f3f3f3"
stroke-width="6" 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 <path
class="ant-progress-circle-path" class="ant-progress-circle-path"
@ -475,7 +475,7 @@ exports[`renders ./components/progress/demo/format.md correctly 1`] = `
stroke="#87d068" stroke="#87d068"
stroke-linecap="round" stroke-linecap="round"
stroke-width="6" 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> </svg>
<span <span
@ -502,7 +502,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:30%;height:8px;" style="width:30%;height:8px"
/> />
</div> </div>
</div> </div>
@ -525,7 +525,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:50%;height:8px;" style="width:50%;height:8px"
/> />
</div> </div>
</div> </div>
@ -548,7 +548,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:70%;height:8px;" style="width:70%;height:8px"
/> />
</div> </div>
</div> </div>
@ -573,7 +573,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:100%;height:8px;" style="width:100%;height:8px"
/> />
</div> </div>
</div> </div>
@ -598,7 +598,7 @@ exports[`renders ./components/progress/demo/line.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:50%;height:8px;" style="width:50%;height:8px"
/> />
</div> </div>
</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`] = ` exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
<div <div
style="width:170px;" style="width:170px"
> >
<div <div
class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-small" 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 <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:30%;height:8px;" style="width:30%;height:8px"
/> />
</div> </div>
</div> </div>
@ -646,7 +646,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:50%;height:8px;" style="width:50%;height:8px"
/> />
</div> </div>
</div> </div>
@ -669,7 +669,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:70%;height:8px;" style="width:70%;height:8px"
/> />
</div> </div>
</div> </div>
@ -694,7 +694,7 @@ exports[`renders ./components/progress/demo/line-mini.md correctly 1`] = `
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:100%;height:8px;" style="width:100%;height:8px"
/> />
</div> </div>
</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> </span>
</label> </label>
<div <div
style="margin-top:20px;" style="margin-top:20px"
> >
<button <button
class="ant-btn ant-btn-primary" class="ant-btn ant-btn-primary"
@ -160,7 +160,7 @@ exports[`renders ./components/radio/demo/radiobutton.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:16px;" style="margin-top:16px"
> >
<div <div
class="ant-radio-group" class="ant-radio-group"
@ -242,7 +242,7 @@ exports[`renders ./components/radio/demo/radiobutton.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:16px;" style="margin-top:16px"
> >
<div <div
class="ant-radio-group" class="ant-radio-group"
@ -415,7 +415,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
> >
<label <label
class="ant-radio-wrapper ant-radio-wrapper-checked" 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 <span
class="ant-radio ant-radio-checked" class="ant-radio ant-radio-checked"
@ -435,7 +435,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
</label> </label>
<label <label
class="ant-radio-wrapper" class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;" style="display:block;height:30px;line-height:30px"
> >
<span <span
class="ant-radio" class="ant-radio"
@ -454,7 +454,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
</label> </label>
<label <label
class="ant-radio-wrapper" class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;" style="display:block;height:30px;line-height:30px"
> >
<span <span
class="ant-radio" class="ant-radio"
@ -473,7 +473,7 @@ exports[`renders ./components/radio/demo/radiogroup-more.md correctly 1`] = `
</label> </label>
<label <label
class="ant-radio-wrapper" class="ant-radio-wrapper"
style="display:block;height:30px;line-height:30px;" style="display:block;height:30px;line-height:30px"
> >
<span <span
class="ant-radio" class="ant-radio"
@ -841,7 +841,7 @@ exports[`renders ./components/radio/demo/size.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:16px;" style="margin-top:16px"
> >
<div <div
class="ant-radio-group" class="ant-radio-group"
@ -922,7 +922,7 @@ exports[`renders ./components/radio/demo/size.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="margin-top:16px;" style="margin-top:16px"
> >
<div <div
class="ant-radio-group ant-radio-group-small" 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 /> <br />
<ul <ul
class="ant-rate" class="ant-rate"
style="font-size:36px;" style="font-size:36px"
> >
<li <li
class="ant-rate-star ant-rate-star-zero" 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`] = ` exports[`renders ./components/select/demo/automatic-tokenization.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;" style="width:100%"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -45,7 +45,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
<div> <div>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:120px;" style="width:120px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -61,7 +61,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Lucy" title="Lucy"
> >
Lucy Lucy
@ -69,7 +69,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -78,7 +78,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
</div> </div>
<div <div
class="ant-select ant-select-disabled ant-select-allow-clear" class="ant-select ant-select-disabled ant-select-allow-clear"
style="width:120px;" style="width:120px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -94,7 +94,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Lucy" title="Lucy"
> >
Lucy Lucy
@ -102,12 +102,12 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-selection__clear" 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" unselectable="unselectable"
/> />
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -120,7 +120,7 @@ exports[`renders ./components/select/demo/basic.md correctly 1`] = `
exports[`renders ./components/select/demo/combobox.md correctly 1`] = ` exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
<div <div
class="ant-select ant-select-combobox ant-select-enabled" class="ant-select ant-select-combobox ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -135,7 +135,7 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Enter the account name Enter the account name
@ -163,7 +163,7 @@ exports[`renders ./components/select/demo/combobox.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -176,7 +176,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
<div> <div>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:90px;" style="width:90px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -192,7 +192,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Zhejiang" title="Zhejiang"
> >
Zhejiang Zhejiang
@ -200,7 +200,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -209,7 +209,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
</div> </div>
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:90px;" style="width:90px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -225,7 +225,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Hangzhou" title="Hangzhou"
> >
Hangzhou Hangzhou
@ -233,7 +233,7 @@ exports[`renders ./components/select/demo/coordinate.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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`] = ` exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:120px;" style="width:120px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -262,7 +262,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Lucy (101)" title="Lucy (101)"
> >
Lucy (101) Lucy (101)
@ -270,7 +270,7 @@ exports[`renders ./components/select/demo/label-in-value.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <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`] = ` exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;" style="width:100%"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -297,7 +297,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Please select Please select
@ -305,7 +305,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
<ul> <ul>
<li <li
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
title="a10" title="a10"
unselectable="unselectable" unselectable="unselectable"
> >
@ -320,7 +320,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
</li> </li>
<li <li
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
title="c12" title="c12"
unselectable="unselectable" unselectable="unselectable"
> >
@ -360,7 +360,7 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
exports[`renders ./components/select/demo/optgroup.md correctly 1`] = ` exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -376,7 +376,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="Lucy" title="Lucy"
> >
Lucy Lucy
@ -384,7 +384,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -396,7 +396,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
exports[`renders ./components/select/demo/search.md correctly 1`] = ` exports[`renders ./components/select/demo/search.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -412,14 +412,14 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Select a person Select a person
</div> </div>
<div <div
class="ant-select-search ant-select-search--inline" class="ant-select-search ant-select-search--inline"
style="display:none;" style="display:none"
> >
<div <div
class="ant-select-search__field__wrap" class="ant-select-search__field__wrap"
@ -439,7 +439,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -451,7 +451,7 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
exports[`renders ./components/select/demo/search-box.md correctly 1`] = ` exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
<div <div
class="ant-select ant-select-combobox ant-select-enabled" class="ant-select ant-select-combobox ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -466,7 +466,7 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
input search text 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`] = ` exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;" style="width:100%"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -514,7 +514,7 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Select users Select users
@ -609,7 +609,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<br /> <br />
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -625,7 +625,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="a1" title="a1"
> >
a1 a1
@ -633,7 +633,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -643,7 +643,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<br /> <br />
<div <div
class="ant-select ant-select-combobox ant-select-enabled" class="ant-select ant-select-combobox ant-select-enabled"
style="width:200px;" style="width:200px"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -679,7 +679,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -689,7 +689,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<br /> <br />
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;" style="width:100%"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -704,7 +704,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Please select Please select
@ -712,7 +712,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<ul> <ul>
<li <li
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
title="a10" title="a10"
unselectable="unselectable" unselectable="unselectable"
> >
@ -727,7 +727,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
</li> </li>
<li <li
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
title="c12" title="c12"
unselectable="unselectable" unselectable="unselectable"
> >
@ -765,7 +765,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<br /> <br />
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;" style="width:100%"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -780,7 +780,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Please select Please select
@ -788,7 +788,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
<ul> <ul>
<li <li
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
title="a10" title="a10"
unselectable="unselectable" unselectable="unselectable"
> >
@ -803,7 +803,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
</li> </li>
<li <li
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
title="c12" title="c12"
unselectable="unselectable" unselectable="unselectable"
> >
@ -844,7 +844,7 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
exports[`renders ./components/select/demo/tags.md correctly 1`] = ` exports[`renders ./components/select/demo/tags.md correctly 1`] = `
<div <div
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:100%;" style="width:100%"
> >
<div <div
aria-autocomplete="list" aria-autocomplete="list"
@ -859,7 +859,7 @@ exports[`renders ./components/select/demo/tags.md correctly 1`] = `
> >
<div <div
class="ant-select-selection__placeholder" 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" unselectable="unselectable"
> >
Tags Mode 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 <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:30%;" style="visibility:visible;left:0%;width:30%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -22,7 +22,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="30" aria-valuenow="30"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:30%;" style="left:30%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -37,7 +37,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:20%;width:30%;" style="visibility:visible;left:20%;width:30%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -49,7 +49,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="20" aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
role="slider" role="slider"
style="left:20%;" style="left:20%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -59,7 +59,7 @@ exports[`renders ./components/slider/demo/basic.md correctly 1`] = `
aria-valuenow="50" aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
role="slider" role="slider"
style="left:50%;" style="left:50%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -88,7 +88,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:30%;" style="visibility:visible;left:0%;width:30%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -100,7 +100,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="30" aria-valuenow="30"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:30%;" style="left:30%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -115,7 +115,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:20%;width:30%;" style="visibility:visible;left:20%;width:30%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -127,7 +127,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="20" aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
role="slider" role="slider"
style="left:20%;" style="left:20%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -137,7 +137,7 @@ exports[`renders ./components/slider/demo/event.md correctly 1`] = `
aria-valuenow="50" aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
role="slider" role="slider"
style="left:50%;" style="left:50%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -162,7 +162,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" style="visibility:visible;left:0%;width:0%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -174,7 +174,7 @@ exports[`renders ./components/slider/demo/icon-slider.md correctly 1`] = `
aria-valuenow="0" aria-valuenow="0"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:0%;" style="left:0%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -203,7 +203,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" style="visibility:visible;left:0%;width:0%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -215,7 +215,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
aria-valuenow="1" aria-valuenow="1"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:0%;" style="left:0%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -228,7 +228,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
> >
<div <div
class="ant-input-number" class="ant-input-number"
style="margin-left:16px;" style="margin-left:16px"
> >
<div <div
class="ant-input-number-handler-wrap" class="ant-input-number-handler-wrap"
@ -291,7 +291,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" style="visibility:visible;left:0%;width:0%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -303,7 +303,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
aria-valuenow="0" aria-valuenow="0"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:0%;" style="left:0%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -316,7 +316,7 @@ exports[`renders ./components/slider/demo/input-number.md correctly 1`] = `
> >
<div <div
class="ant-input-number" class="ant-input-number"
style="margin-left:16px;" style="margin-left:16px"
> >
<div <div
class="ant-input-number-handler-wrap" class="ant-input-number-handler-wrap"
@ -381,26 +381,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;" style="visibility:visible;left:0%;width:37%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" style="left:0%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:26%;" style="left:26%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" style="left:37%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" style="left:100%"
/> />
</div> </div>
<div <div
@ -410,7 +410,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37" aria-valuenow="37"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:37%;" style="left:37%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -418,25 +418,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" 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> <strong>
100°C 100°C
@ -452,26 +452,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;left:26%;width:11%;" style="visibility:visible;left:26%;width:11%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:0%;" style="left:0%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:26%;" style="left:26%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" style="left:37%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" style="left:100%"
/> />
</div> </div>
<div <div
@ -481,7 +481,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="26" aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
role="slider" role="slider"
style="left:26%;" style="left:26%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -491,7 +491,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37" aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
role="slider" role="slider"
style="left:37%;" style="left:37%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -499,25 +499,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text" 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 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" 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> <strong>
100°C 100°C
@ -536,26 +536,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:hidden;left:0%;width:37%;" style="visibility:hidden;left:0%;width:37%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:0%;" style="left:0%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:26%;" style="left:26%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" style="left:37%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" style="left:100%"
/> />
</div> </div>
<div <div
@ -565,7 +565,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37" aria-valuenow="37"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:37%;" style="left:37%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -573,25 +573,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text" 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 0°C
</span> </span>
<span <span
class="ant-slider-mark-text" 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 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" 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> <strong>
100°C 100°C
@ -610,26 +610,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;" style="visibility:visible;left:0%;width:37%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" style="left:0%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:26%;" style="left:26%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" style="left:37%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" style="left:100%"
/> />
</div> </div>
<div <div
@ -639,7 +639,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37" aria-valuenow="37"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:37%;" style="left:37%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -647,25 +647,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" 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> <strong>
100°C 100°C
@ -684,26 +684,26 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:37%;" style="visibility:visible;left:0%;width:37%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:0%;" style="left:0%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:26%;" style="left:26%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="left:37%;" style="left:37%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="left:100%;" style="left:100%"
/> />
</div> </div>
<div <div
@ -713,7 +713,7 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
aria-valuenow="37" aria-valuenow="37"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:37%;" style="left:37%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -721,25 +721,25 @@ exports[`renders ./components/slider/demo/mark.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" 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 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" 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> <strong>
100°C 100°C
@ -760,7 +760,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" style="visibility:visible;left:0%;width:0%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -772,7 +772,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
aria-valuenow="0" aria-valuenow="0"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:0%;" style="left:0%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -787,7 +787,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;left:0%;width:0%;" style="visibility:visible;left:0%;width:0%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -799,7 +799,7 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
aria-valuenow="0" aria-valuenow="0"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="left:0%;" style="left:0%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -811,10 +811,10 @@ exports[`renders ./components/slider/demo/tip-formatter.md correctly 1`] = `
exports[`renders ./components/slider/demo/vertical.md correctly 1`] = ` exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
<div <div
style="height:300px;" style="height:300px"
> >
<div <div
style="float:left;height:300px;margin-left:70px;" style="float:left;height:300px;margin-left:70px"
> >
<div <div
class="ant-slider ant-slider-vertical" class="ant-slider ant-slider-vertical"
@ -824,7 +824,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="visibility:visible;bottom:0%;height:30%;" style="visibility:visible;bottom:0%;height:30%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -836,7 +836,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="30" aria-valuenow="30"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="bottom:30%;" style="bottom:30%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -845,7 +845,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="float:left;height:300px;margin-left:70px;" style="float:left;height:300px;margin-left:70px"
> >
<div <div
class="ant-slider ant-slider-vertical" class="ant-slider ant-slider-vertical"
@ -855,7 +855,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;bottom:20%;height:30%;" style="visibility:visible;bottom:20%;height:30%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -867,7 +867,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="20" aria-valuenow="20"
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
role="slider" role="slider"
style="bottom:20%;" style="bottom:20%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -877,7 +877,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="50" aria-valuenow="50"
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
role="slider" role="slider"
style="bottom:50%;" style="bottom:50%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -886,7 +886,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
</div> </div>
</div> </div>
<div <div
style="float:left;height:300px;margin-left:70px;" style="float:left;height:300px;margin-left:70px"
> >
<div <div
class="ant-slider ant-slider-with-marks ant-slider-vertical" class="ant-slider ant-slider-with-marks ant-slider-vertical"
@ -896,26 +896,26 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
/> />
<div <div
class="ant-slider-track ant-slider-track-1" class="ant-slider-track ant-slider-track-1"
style="visibility:visible;bottom:26%;height:11%;" style="visibility:visible;bottom:26%;height:11%"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
> >
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="bottom:0%;" style="bottom:0%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="bottom:26%;" style="bottom:26%"
/> />
<span <span
class="ant-slider-dot ant-slider-dot-active" class="ant-slider-dot ant-slider-dot-active"
style="bottom:37%;" style="bottom:37%"
/> />
<span <span
class="ant-slider-dot" class="ant-slider-dot"
style="bottom:100%;" style="bottom:100%"
/> />
</div> </div>
<div <div
@ -925,7 +925,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="26" aria-valuenow="26"
class="ant-slider-handle ant-slider-handle-1" class="ant-slider-handle ant-slider-handle-1"
role="slider" role="slider"
style="bottom:26%;" style="bottom:26%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -935,7 +935,7 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
aria-valuenow="37" aria-valuenow="37"
class="ant-slider-handle ant-slider-handle-2" class="ant-slider-handle ant-slider-handle-2"
role="slider" role="slider"
style="bottom:37%;" style="bottom:37%"
tabindex="0" tabindex="0"
/> />
<div <div
@ -943,25 +943,25 @@ exports[`renders ./components/slider/demo/vertical.md correctly 1`] = `
> >
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="margin-bottom:-50%;bottom:0%;" style="margin-bottom:-50%;bottom:0%"
> >
0°C 0°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="margin-bottom:-50%;bottom:26%;" style="margin-bottom:-50%;bottom:26%"
> >
26°C 26°C
</span> </span>
<span <span
class="ant-slider-mark-text ant-slider-mark-text-active" class="ant-slider-mark-text ant-slider-mark-text-active"
style="margin-bottom:-50%;bottom:37%;" style="margin-bottom:-50%;bottom:37%"
> >
37°C 37°C
</span> </span>
<span <span
class="ant-slider-mark-text" class="ant-slider-mark-text"
style="margin-bottom:-50%;bottom:100%;color:#f50;" style="margin-bottom:-50%;bottom:100%;color:#f50"
> >
<strong> <strong>
100°C 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> </div>
<div <div
style="margin-top:16px;" style="margin-top:16px"
> >
Loading state： Loading state：
<span <span

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

@ -52,7 +52,7 @@ describe('Table.filter', () => {
it('renders menu correctly', () => { it('renders menu correctly', () => {
const wrapper = mount(createTable()); const wrapper = mount(createTable());
const dropdownWrapper = render(wrapper.find('Trigger').node.getComponent()); const dropdownWrapper = render(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper).toMatchSnapshot(); expect(dropdownWrapper).toMatchSnapshot();
}); });
@ -63,7 +63,7 @@ describe('Table.filter', () => {
filterMultiple: false, filterMultiple: false,
}], }],
})); }));
const dropdownWrapper = render(wrapper.find('Trigger').node.getComponent()); const dropdownWrapper = render(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper).toMatchSnapshot(); 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(); expect(dropdownWrapper).toMatchSnapshot();
}); });
@ -91,15 +91,18 @@ describe('Table.filter', () => {
filterDropdownVisible: true, filterDropdownVisible: true,
}], }],
})); }));
const dropdown = wrapper.find('Dropdown').first();
let dropdown = wrapper.find('Dropdown').first();
expect(dropdown.props().visible).toBe(true); expect(dropdown.props().visible).toBe(true);
wrapper.setProps({ wrapper.setProps({
columns: [{ columns: [{
...column, ...column,
filterDropdownVisible: false, filterDropdownVisible: false,
}], }],
}); });
dropdown = wrapper.find('Dropdown').first();
expect(dropdown.props().visible).toBe(false); expect(dropdown.props().visible).toBe(false);
}); });
@ -156,7 +159,7 @@ describe('Table.filter', () => {
it('fires change event', () => { it('fires change event', () => {
const handleChange = jest.fn(); const handleChange = jest.fn();
const wrapper = mount(createTable({ onChange: handleChange })); 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('MenuItem').first().simulate('click');
dropdownWrapper.find('.confirm').simulate('click'); dropdownWrapper.find('.confirm').simulate('click');
@ -192,11 +195,12 @@ describe('Table.filter', () => {
filters, 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(0).simulate('mouseEnter');
dropdownWrapper.find('.ant-dropdown-menu-submenu-title').at(1).simulate('mouseEnter'); dropdownWrapper.find('.ant-dropdown-menu-submenu-title').at(1).simulate('mouseEnter');
dropdownWrapper.find('MenuItem').last().simulate('click'); dropdownWrapper.find('MenuItem').last().simulate('click');
dropdownWrapper.find('.confirm').simulate('click'); dropdownWrapper.find('.confirm').simulate('click');
wrapper.update();
expect(renderedNames(wrapper)).toEqual(['Jack']); expect(renderedNames(wrapper)).toEqual(['Jack']);
}); });
@ -232,13 +236,15 @@ describe('Table.filter', () => {
} }
const wrapper = mount(<App />); 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('MenuItem').first().simulate('click');
dropdownWrapper.find('.confirm').simulate('click'); dropdownWrapper.find('.confirm').simulate('click');
wrapper.update();
expect(renderedNames(wrapper)).toEqual(['Jack']); expect(renderedNames(wrapper)).toEqual(['Jack']);
dropdownWrapper.find('.clear').simulate('click'); dropdownWrapper.find('.clear').simulate('click');
wrapper.update();
expect(renderedNames(wrapper)).toEqual(['Jack', 'Lucy', 'Tom', 'Jerry']); 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 // https://github.com/ant-design/ant-design/issues/4532
// http://codepen.io/anon/pen/ZLbyjV?editors=001 // 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()); const wrapper = mount(createTable());
expect(wrapper.find('.ant-pagination')).toHaveLength(1); expect(wrapper.find('.ant-pagination')).toHaveLength(1);
expect(wrapper.find('.ant-pagination-item')).toHaveLength(2); expect(wrapper.find('.ant-pagination-item')).toHaveLength(2);
wrapper.setProps({ pagination: false }); wrapper.setProps({ pagination: false });
expect(wrapper.find('.ant-pagination')).toHaveLength(0); expect(wrapper.find('.ant-pagination')).toHaveLength(0);
wrapper.setProps({ pagination }); wrapper.setProps({ pagination });
wrapper.update();
expect(wrapper.find('.ant-pagination')).toHaveLength(1); expect(wrapper.find('.ant-pagination')).toHaveLength(1);
expect(wrapper.find('.ant-pagination-item')).toHaveLength(2); expect(wrapper.find('.ant-pagination-item')).toHaveLength(2);
wrapper.find('.ant-pagination-item-2').simulate('click'); 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'); const pagers = wrapper.find('Pager');
checkboxAll.find('input').simulate('change', { target: { checked: true } }); 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'); 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'); 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 // https://github.com/ant-design/ant-design/issues/4020
@ -113,11 +113,12 @@ describe('Table.rowSelection', () => {
const wrapper = mount(createTable({ 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(1).props().checked).toBe(true);
expect(checkboxs.at(2).props().checked).toBe(false); expect(checkboxs.at(2).props().checked).toBe(false);
checkboxs.at(2).simulate('change', { target: { checked: true } }); checkboxs.at(2).simulate('change', { target: { checked: true } });
checkboxs = wrapper.find('input');
expect(checkboxs.at(1).props().checked).toBe(true); expect(checkboxs.at(1).props().checked).toBe(true);
expect(checkboxs.at(2).props().checked).toBe(true); expect(checkboxs.at(2).props().checked).toBe(true);
}); });
@ -176,7 +177,7 @@ describe('Table.rowSelection', () => {
selections: true, selections: true,
}; };
const wrapper = mount(createTable({ rowSelection })); const wrapper = mount(createTable({ rowSelection }));
const dropdownWrapper = render(wrapper.find('Trigger').node.getComponent()); const dropdownWrapper = render(wrapper.find('Trigger').instance().getComponent());
expect(dropdownWrapper).toMatchSnapshot(); expect(dropdownWrapper).toMatchSnapshot();
}); });
@ -188,7 +189,7 @@ describe('Table.rowSelection', () => {
}; };
const wrapper = mount(createTable({ 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'); dropdownWrapper.find('.ant-dropdown-menu-item > div').first().simulate('click');
expect(handleSelectAll).toBeCalledWith(true, data, data); expect(handleSelectAll).toBeCalledWith(true, data, data);
@ -204,7 +205,7 @@ describe('Table.rowSelection', () => {
const checkboxes = wrapper.find('input'); const checkboxes = wrapper.find('input');
checkboxes.at(1).simulate('change', { target: { checked: true } }); 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'); dropdownWrapper.find('.ant-dropdown-menu-item > div').last().simulate('click');
expect(handleSelectInvert).toBeCalledWith([1, 2, 3]); expect(handleSelectInvert).toBeCalledWith([1, 2, 3]);
@ -226,7 +227,7 @@ describe('Table.rowSelection', () => {
}; };
const wrapper = mount(createTable({ 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); expect(dropdownWrapper.find('.ant-dropdown-menu-item').length).toBe(4);
dropdownWrapper.find('.ant-dropdown-menu-item > div').at(2).simulate('click'); dropdownWrapper.find('.ant-dropdown-menu-item > div').at(2).simulate('click');
@ -248,7 +249,7 @@ describe('Table.rowSelection', () => {
}], }],
}; };
const wrapper = mount(createTable({ 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); expect(dropdownWrapper.find('.ant-dropdown-menu-item').length).toBe(2);
}); });
@ -269,7 +270,7 @@ describe('Table.rowSelection', () => {
}; };
const wrapper = mount(createTable({ 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); expect(dropdownWrapper.find('.ant-dropdown-menu-item').length).toBe(2);
dropdownWrapper.find('.ant-dropdown-menu-item > div').at(0).simulate('click'); 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(); expect(wrapper.find('thead')).toMatchSnapshot();
}); });
it('sort records', () => { it.only('sort records', () => {
const wrapper = mount(createTable()); const wrapper = mount(createTable());
wrapper.find('.ant-table-column-sorter-up').simulate('click'); 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); expect(wrapper.find('.ant-spin')).toHaveLength(0);
await new Promise(resolve => setTimeout(resolve, 500)); await new Promise(resolve => setTimeout(resolve, 500));
wrapper.update();
expect(wrapper.find('.ant-spin')).toHaveLength(1); 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 <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" style="padding-left:0px"
/> />
Jack Jack
</td> </td>
@ -82,7 +82,7 @@ exports[`Table.filter renders filter correctly 1`] = `
> >
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" style="padding-left:0px"
/> />
Lucy Lucy
</td> </td>
@ -95,7 +95,7 @@ exports[`Table.filter renders filter correctly 1`] = `
> >
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" style="padding-left:0px"
/> />
Tom Tom
</td> </td>
@ -108,7 +108,7 @@ exports[`Table.filter renders filter correctly 1`] = `
> >
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" style="padding-left:0px"
/> />
Jerry Jerry
</td> </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="" class=""
> >
<colgroup> <colgroup>
<col /> <col>
</col>
</colgroup> </colgroup>
<thead <thead
class="ant-table-thead" class="ant-table-thead"
@ -49,8 +51,10 @@ exports[`Table.pagination renders pagination correctly 1`] = `
> >
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" style="padding-left:0px"
/> >
</span>
Jack Jack
</td> </td>
</tr> </tr>
@ -62,8 +66,10 @@ exports[`Table.pagination renders pagination correctly 1`] = `
> >
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" style="padding-left:0px"
/> >
</span>
Lucy Lucy
</td> </td>
</tr> </tr>
@ -84,7 +90,9 @@ exports[`Table.pagination renders pagination correctly 1`] = `
> >
<a <a
class="ant-pagination-item-link" class="ant-pagination-item-link"
/> >
</a>
</li> </li>
<li <li
class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active" class="ant-pagination-item ant-pagination-item-1 ant-pagination-item-active"
@ -112,7 +120,9 @@ exports[`Table.pagination renders pagination correctly 1`] = `
> >
<a <a
class="ant-pagination-item-link" class="ant-pagination-item-link"
/> >
</a>
</li> </li>
</ul> </ul>
</div> </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 <i
class="anticon anticon-caret-up" class="anticon anticon-caret-up"
/> >
</i>
</span> </span>
<span <span
class="ant-table-column-sorter-down off" class="ant-table-column-sorter-down off"
@ -27,7 +29,9 @@ exports[`Table.sorter renders sorter icon correctly 1`] = `
> >
<i <i
class="anticon anticon-caret-down" class="anticon anticon-caret-down"
/> >
</i>
</span> </span>
</div> </div>
</span> </span>

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

@ -76,7 +76,7 @@ exports[`Table renders JSX correctly 1`] = `
> >
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" style="padding-left:0px"
/> />
John John
</td> </td>
@ -99,7 +99,7 @@ exports[`Table renders JSX correctly 1`] = `
> >
<span <span
class="ant-table-row-indent indent-level-0" class="ant-table-row-indent indent-level-0"
style="padding-left:0px;" style="padding-left:0px"
/> />
Jim Jim
</td> </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> <colgroup>
<col <col
style="width:100px;min-width:100px;" style="width:100px;min-width:100px"
/> />
<col <col
style="width:100px;min-width:100px;" style="width:100px;min-width:100px"
/> />
<col /> <col />
<col /> <col />
@ -263,7 +263,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
<col /> <col />
<col /> <col />
<col <col
style="width:100px;min-width:100px;" style="width:100px;min-width:100px"
/> />
</colgroup> </colgroup>
<thead <thead
@ -365,7 +365,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
> >
<div <div
class="ant-table-body-outer" class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0);" style="-webkit-transform:translate3d (0, 0, 0)"
> >
<div <div
class="ant-table-body-inner" class="ant-table-body-inner"
@ -375,10 +375,10 @@ exports[`Table renders empty table with fixed columns 1`] = `
> >
<colgroup> <colgroup>
<col <col
style="width:100px;min-width:100px;" style="width:100px;min-width:100px"
/> />
<col <col
style="width:100px;min-width:100px;" style="width:100px;min-width:100px"
/> />
</colgroup> </colgroup>
<thead <thead
@ -413,7 +413,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
> >
<div <div
class="ant-table-body-outer" class="ant-table-body-outer"
style="-webkit-transform:translate3d (0, 0, 0);" style="-webkit-transform:translate3d (0, 0, 0)"
> >
<div <div
class="ant-table-body-inner" class="ant-table-body-inner"
@ -423,7 +423,7 @@ exports[`Table renders empty table with fixed columns 1`] = `
> >
<colgroup> <colgroup>
<col <col
style="width:100px;min-width:100px;" style="width:100px;min-width:100px"
/> />
</colgroup> </colgroup>
<thead <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>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;" style="margin-left:0%"
> >
<div <div
aria-hidden="false" 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`] = ` exports[`renders ./components/tabs/demo/custom-add-trigger.md correctly 1`] = `
<div> <div>
<div <div
style="margin-bottom:16px;" style="margin-bottom:16px"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -467,7 +467,7 @@ exports[`renders ./components/tabs/demo/disabled.md correctly 1`] = `
</div> </div>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;" style="margin-left:0%"
> >
<div <div
aria-hidden="false" aria-hidden="false"
@ -501,7 +501,7 @@ exports[`renders ./components/tabs/demo/editable-card.md correctly 1`] = `
> >
<div <div
class="ant-tabs-extra-content" class="ant-tabs-extra-content"
style="float:right;" style="float:right"
> >
<span> <span>
<i <i
@ -618,7 +618,7 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
> >
<div <div
class="ant-tabs-extra-content" class="ant-tabs-extra-content"
style="float:right;" style="float:right"
> >
<button <button
class="ant-btn" class="ant-btn"
@ -691,7 +691,7 @@ exports[`renders ./components/tabs/demo/extra.md correctly 1`] = `
</div> </div>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;" style="margin-left:0%"
> >
<div <div
aria-hidden="false" aria-hidden="false"
@ -787,7 +787,7 @@ exports[`renders ./components/tabs/demo/icon.md correctly 1`] = `
</div> </div>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:-100%;" style="margin-left:-100%"
> >
<div <div
aria-hidden="true" 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`] = ` exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
<div> <div>
<div <div
style="margin-bottom:16px;" style="margin-bottom:16px"
> >
Tab position： Tab position：
<div <div
@ -828,7 +828,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
> >
<div <div
class="ant-select-selection-selected-value" class="ant-select-selection-selected-value"
style="display:block;opacity:1;" style="display:block;opacity:1"
title="top" title="top"
> >
top top
@ -836,7 +836,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
</div> </div>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
unselectable="unselectable" unselectable="unselectable"
> >
<b /> <b />
@ -914,7 +914,7 @@ exports[`renders ./components/tabs/demo/position.md correctly 1`] = `
</div> </div>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;" style="margin-left:0%"
> >
<div <div
aria-hidden="false" aria-hidden="false"
@ -1009,7 +1009,7 @@ exports[`renders ./components/tabs/demo/size.md correctly 1`] = `
</div> </div>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:-100%;" style="margin-left:-100%"
> >
<div <div
aria-hidden="true" aria-hidden="true"
@ -1036,7 +1036,7 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
<div> <div>
<div <div
class="ant-radio-group" class="ant-radio-group"
style="margin-bottom:8px;" style="margin-bottom:8px"
> >
<label <label
class="ant-radio-button-wrapper ant-radio-button-wrapper-checked" 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>
<div <div
class="ant-tabs ant-tabs-top ant-tabs-line" class="ant-tabs ant-tabs-top ant-tabs-line"
style="height:220px;" style="height:220px"
> >
<div <div
class="ant-tabs-bar" class="ant-tabs-bar"
@ -1211,7 +1211,7 @@ exports[`renders ./components/tabs/demo/slide.md correctly 1`] = `
</div> </div>
<div <div
class="ant-tabs-content ant-tabs-content-animated" class="ant-tabs-content ant-tabs-content-animated"
style="margin-left:0%;" style="margin-left:0%"
> >
<div <div
aria-hidden="false" 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> </div>
} }
inkBarAnimated={true} inkBarAnimated={true}
key="tabBar"
onKeyDown={[Function]} onKeyDown={[Function]}
onNextClick={[Function]} onNextClick={[Function]}
onPrevClick={[Function]} onPrevClick={[Function]}
@ -48,6 +49,7 @@ exports[`Tabs tabPosition remove card 1`] = `
} }
prefixCls="ant-tabs" prefixCls="ant-tabs"
scrollAnimated={true} scrollAnimated={true}
style={undefined}
styles={Object {}} styles={Object {}}
tabBarPosition="left" tabBarPosition="left"
> >
@ -55,10 +57,12 @@ exports[`Tabs tabPosition remove card 1`] = `
className="ant-tabs-bar" className="ant-tabs-bar"
onKeyDown={[Function]} onKeyDown={[Function]}
role="tablist" role="tablist"
style={undefined}
tabIndex="0" tabIndex="0"
> >
<div <div
className="ant-tabs-nav-container" className="ant-tabs-nav-container"
key="content"
> >
<span <span
className="ant-tabs-tab-prev ant-tabs-tab-btn-disabled" className="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
@ -90,11 +94,14 @@ exports[`Tabs tabPosition remove card 1`] = `
> >
<div <div
className="ant-tabs-ink-bar ant-tabs-ink-bar-animated" className="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
key="inkBar"
style={undefined}
/> />
<div <div
aria-disabled="false" aria-disabled="false"
aria-selected="true" aria-selected="true"
className="ant-tabs-tab-active ant-tabs-tab" className="ant-tabs-tab-active ant-tabs-tab"
key="1"
onClick={[Function]} onClick={[Function]}
role="tab" role="tab"
> >
@ -106,6 +113,7 @@ exports[`Tabs tabPosition remove card 1`] = `
</div> </div>
<div <div
className="ant-tabs-extra-content" className="ant-tabs-extra-content"
key="extra"
style={Object {}} style={Object {}}
> >
xxx xxx
@ -117,6 +125,7 @@ exports[`Tabs tabPosition remove card 1`] = `
animated={true} animated={true}
animatedWithMargin={true} animatedWithMargin={true}
destroyInactiveTabPane={false} destroyInactiveTabPane={false}
key="tabContent"
onChange={[Function]} onChange={[Function]}
prefixCls="ant-tabs" prefixCls="ant-tabs"
tabBarPosition="left" tabBarPosition="left"
@ -132,6 +141,7 @@ exports[`Tabs tabPosition remove card 1`] = `
<TabPane <TabPane
active={true} active={true}
destroyInactiveTabPane={false} destroyInactiveTabPane={false}
key="1"
placeholder={null} placeholder={null}
rootPrefixCls="ant-tabs" rootPrefixCls="ant-tabs"
tab="foo" tab="foo"
@ -140,6 +150,7 @@ exports[`Tabs tabPosition remove card 1`] = `
aria-hidden="false" aria-hidden="false"
className="ant-tabs-tabpane ant-tabs-tabpane-active" className="ant-tabs-tabpane ant-tabs-tabpane-active"
role="tabpanel" role="tabpanel"
style={undefined}
> >
foo foo
</div> </div>

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

@ -19,7 +19,7 @@ describe('Tabs', () => {
}); });
it('add card', () => { 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'); 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`] = ` exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div> <div>
<h4 <h4
style="margin-bottom:16px;" style="margin-bottom:16px"
> >
Presets: Presets:
</h4> </h4>
@ -86,7 +86,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:magenta;" style="background-color:magenta"
> >
<span <span
class="ant-tag-text" class="ant-tag-text"
@ -156,7 +156,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
</div> </div>
</div> </div>
<h4 <h4
style="margin:16px 0;" style="margin:16px 0"
> >
Custom: Custom:
</h4> </h4>
@ -164,7 +164,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:#f50;" style="background-color:#f50"
> >
<span <span
class="ant-tag-text" class="ant-tag-text"
@ -175,7 +175,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:#2db7f5;" style="background-color:#2db7f5"
> >
<span <span
class="ant-tag-text" class="ant-tag-text"
@ -186,7 +186,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:#87d068;" style="background-color:#87d068"
> >
<span <span
class="ant-tag-text" class="ant-tag-text"
@ -197,7 +197,7 @@ exports[`renders ./components/tag/demo/colorful.md correctly 1`] = `
<div <div
class="ant-tag ant-tag-has-color" class="ant-tag ant-tag-has-color"
data-show="true" data-show="true"
style="background-color:#108ee9;" style="background-color:#108ee9"
> >
<span <span
class="ant-tag-text" class="ant-tag-text"
@ -250,7 +250,7 @@ exports[`renders ./components/tag/demo/control.md correctly 1`] = `
<div <div
class="ant-tag" class="ant-tag"
data-show="true" data-show="true"
style="background:#fff;border-style:dashed;" style="background:#fff;border-style:dashed"
> >
<span <span
class="ant-tag-text" 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`] = ` exports[`renders ./components/tag/demo/hot-tags.md correctly 1`] = `
<div> <div>
<strong <strong
style="margin-right:8px;" style="margin-right:8px"
> >
Categories: Categories:
</strong> </strong>

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

@ -15,6 +15,7 @@ describe('Tag', () => {
wrapper.find('.anticon-cross').simulate('click'); wrapper.find('.anticon-cross').simulate('click');
expect(onClose).toBeCalled(); expect(onClose).toBeCalled();
await delay(500); await delay(500);
wrapper.update();
expect(wrapper.find('.ant-tag').length).toBe(0); 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 <i
class="anticon anticon-clock-circle-o" class="anticon anticon-clock-circle-o"
style="font-size:16px;" style="font-size:16px"
/> />
</div> </div>
<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`] = ` exports[`renders ./components/tooltip/demo/auto-adjust-overflow.md correctly 1`] = `
<div <div
style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9;" style="overflow:hidden;position:relative;padding:24px;border:1px solid #e9e9e9"
> >
<button <button
class="ant-btn" 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`] = ` exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
<div> <div>
<div <div
style="margin-left:60px;" style="margin-left:60px"
> >
<a <a
href="#" href="#"
@ -73,7 +73,7 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
</a> </a>
</div> </div>
<div <div
style="width:60px;float:left;" style="width:60px;float:left"
> >
<a <a
href="#" href="#"
@ -92,7 +92,7 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
</a> </a>
</div> </div>
<div <div
style="width:60px;margin-left:270px;" style="width:60px;margin-left:270px"
> >
<a <a
href="#" href="#"
@ -111,7 +111,7 @@ exports[`renders ./components/tooltip/demo/placement.md correctly 1`] = `
</a> </a>
</div> </div>
<div <div
style="margin-left:60px;clear:both;" style="margin-left:60px;clear:both"
> >
<a <a
href="#" href="#"

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

@ -148,7 +148,7 @@ describe('Tooltip', () => {
</Tooltip> </Tooltip>
); );
wrapper.find('button').at(0).simulate('click'); 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( const wrapper2 = mount(
<Tooltip <Tooltip
@ -165,7 +165,7 @@ describe('Tooltip', () => {
</Tooltip> </Tooltip>
); );
wrapper2.find('button').at(0).simulate('click'); 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); 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 <div
class="ant-transfer-list ant-transfer-list-with-footer" class="ant-transfer-list ant-transfer-list-with-footer"
style="width:250px;height:300px;" style="width:250px;height:300px"
> >
<div <div
class="ant-transfer-list-header" class="ant-transfer-list-header"
@ -73,7 +73,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
> >
<button <button
class="ant-btn ant-btn-sm" class="ant-btn ant-btn-sm"
style="float:right;margin:5px;" style="float:right;margin:5px"
type="button" type="button"
> >
<span> <span>
@ -112,7 +112,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
</div> </div>
<div <div
class="ant-transfer-list ant-transfer-list-with-footer" class="ant-transfer-list ant-transfer-list-with-footer"
style="width:250px;height:300px;" style="width:250px;height:300px"
> >
<div <div
class="ant-transfer-list-header" class="ant-transfer-list-header"
@ -179,7 +179,7 @@ exports[`renders ./components/transfer/demo/advanced.md correctly 1`] = `
> >
<button <button
class="ant-btn ant-btn-sm" class="ant-btn ant-btn-sm"
style="float:right;margin:5px;" style="float:right;margin:5px"
type="button" type="button"
> >
<span> <span>
@ -237,59 +237,59 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
> >
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
</ul> </ul>
<div <div
@ -367,27 +367,27 @@ exports[`renders ./components/transfer/demo/basic.md correctly 1`] = `
> >
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
<div <div
class="LazyLoad" class="LazyLoad"
style="height:32px;" style="height:32px"
/> />
</ul> </ul>
<div <div
@ -406,7 +406,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
> >
<div <div
class="ant-transfer-list" class="ant-transfer-list"
style="width:300px;height:300px;" style="width:300px;height:300px"
> >
<div <div
class="ant-transfer-list-header" class="ant-transfer-list-header"
@ -478,7 +478,7 @@ exports[`renders ./components/transfer/demo/custom-item.md correctly 1`] = `
</div> </div>
<div <div
class="ant-transfer-list" class="ant-transfer-list"
style="width:300px;height:300px;" style="width:300px;height:300px"
> >
<div <div
class="ant-transfer-list-header" 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> <div>
<Input <Input
className={undefined}
disabled={false} disabled={false}
onChange={[Function]} onChange={[Function]}
placeholder="" placeholder=""
@ -46,6 +47,7 @@ exports[`Search should show cross icon when input value exists 2`] = `
> >
<div> <div>
<Input <Input
className={undefined}
disabled={false} disabled={false}
onChange={[Function]} onChange={[Function]}
placeholder="" 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`] = ` exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
<span <span
class="ant-select ant-select-enabled ant-select-allow-clear" class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;" style="width:300px"
> >
<span <span
aria-autocomplete="list" aria-autocomplete="list"
@ -24,7 +24,7 @@ exports[`renders ./components/tree-select/demo/basic.md correctly 1`] = `
</span> </span>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="outline:none;" style="outline:none"
> >
<b /> <b />
</span> </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`] = ` exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
<span <span
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:300px;" style="width:300px"
> >
<span <span
aria-autocomplete="list" aria-autocomplete="list"
@ -49,7 +49,7 @@ exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
> >
<li <li
class="ant-select-selection__choice" class="ant-select-selection__choice"
style="user-select:none;-webkit-user-select:none;" style="user-select:none;-webkit-user-select:none"
title="Node1" title="Node1"
unselectable="unselectable" unselectable="unselectable"
> >
@ -83,7 +83,7 @@ exports[`renders ./components/tree-select/demo/checkable.md correctly 1`] = `
</ul> </ul>
<span <span
class="ant-select-search__field__placeholder" class="ant-select-search__field__placeholder"
style="display:none;" style="display:none"
> >
Please select Please select
</span> </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`] = ` exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
<span <span
class="ant-select ant-select-enabled ant-select-allow-clear" class="ant-select ant-select-enabled ant-select-allow-clear"
style="width:300px;" style="width:300px"
> >
<span <span
aria-autocomplete="list" aria-autocomplete="list"
@ -127,7 +127,7 @@ exports[`renders ./components/tree-select/demo/multiple.md correctly 1`] = `
</ul> </ul>
<span <span
class="ant-select-search__field__placeholder" class="ant-select-search__field__placeholder"
style="display:block;" style="display:block"
> >
Please select Please select
</span> </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`] = ` exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
<span <span
class="ant-select ant-select-enabled" class="ant-select ant-select-enabled"
style="width:300px;" style="width:300px"
> >
<span <span
aria-autocomplete="list" aria-autocomplete="list"
@ -159,7 +159,7 @@ exports[`renders ./components/tree-select/demo/treeData.md correctly 1`] = `
</span> </span>
<span <span
class="ant-select-arrow" class="ant-select-arrow"
style="outline:none;" style="outline:none"
> >
<b /> <b />
</span> </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" class="ant-tree-title"
> >
<span <span
style="color:#08c;" style="color:#08c"
> >
sss sss
</span> </span>
@ -1040,7 +1040,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
<div> <div>
<span <span
class="ant-input-search ant-input-affix-wrapper" class="ant-input-search ant-input-affix-wrapper"
style="margin-bottom:8px;" style="margin-bottom:8px"
> >
<input <input
class="ant-input" class="ant-input"
@ -1075,7 +1075,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
> >
<span> <span>
<span <span
style="color:#f50;" style="color:#f50"
/> />
0-0 0-0
</span> </span>
@ -1097,7 +1097,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
> >
<span> <span>
<span <span
style="color:#f50;" style="color:#f50"
/> />
0-1 0-1
</span> </span>
@ -1119,7 +1119,7 @@ exports[`renders ./components/tree/demo/search.md correctly 1`] = `
> >
<span> <span>
<span <span
style="color:#f50;" style="color:#f50"
/> />
0-2 0-2
</span> </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 <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" style="display:"
/> />
</span> </span>
`; `;
@ -17,7 +17,7 @@ exports[`renders ./components/upload/demo/basic.md correctly 1`] = `
> >
<div <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" style="display:"
/> />
<div <div
class="ant-upload-list ant-upload-list-text" class="ant-upload-list ant-upload-list-text"
@ -31,7 +31,7 @@ exports[`renders ./components/upload/demo/defaultFileList.md correctly 1`] = `
> >
<div <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" style="display:"
/> />
<div <div
class="ant-upload-list ant-upload-list-text" 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`] = ` exports[`renders ./components/upload/demo/drag.md correctly 1`] = `
<div <div
style="margin-top:16px;height:180px;" style="margin-top:16px;height:180px"
> >
<span <span
class="" class=""
@ -138,7 +138,7 @@ exports[`renders ./components/upload/demo/fileList.md correctly 1`] = `
> >
<div <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" style="display:"
/> />
<div <div
class="ant-upload-list ant-upload-list-text" class="ant-upload-list ant-upload-list-text"
@ -234,7 +234,7 @@ exports[`renders ./components/upload/demo/picture-card.md correctly 1`] = `
</div> </div>
<div <div
class="ant-upload ant-upload-select ant-upload-select-picture-card" class="ant-upload ant-upload-select ant-upload-select-picture-card"
style="display:;" style="display:"
/> />
</span> </span>
</div> </div>
@ -247,7 +247,7 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
> >
<div <div
class="ant-upload ant-upload-select ant-upload-select-picture" class="ant-upload ant-upload-select ant-upload-select-picture"
style="display:;" style="display:"
/> />
<div <div
class="ant-upload-list ant-upload-list-picture" class="ant-upload-list ant-upload-list-picture"
@ -329,7 +329,7 @@ exports[`renders ./components/upload/demo/picture-style.md correctly 1`] = `
> >
<div <div
class="ant-upload ant-upload-select ant-upload-select-picture" class="ant-upload ant-upload-select ant-upload-select-picture"
style="display:;" style="display:"
/> />
<div <div
class="ant-upload-list ant-upload-list-picture" class="ant-upload-list ant-upload-list-picture"
@ -414,7 +414,7 @@ exports[`renders ./components/upload/demo/upload-manually.md correctly 1`] = `
> >
<div <div
class="ant-upload ant-upload-select ant-upload-select-text" class="ant-upload ant-upload-select ant-upload-select-text"
style="display:;" style="display:"
/> />
<div <div
class="ant-upload-list ant-upload-list-text" 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); expect(wrapper.find('.ant-upload-list-item').length).toBe(2);
wrapper.find('.ant-upload-list-item').at(0).find('.anticon-cross').simulate('click'); wrapper.find('.ant-upload-list-item').at(0).find('.anticon-cross').simulate('click');
await delay(400); 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", "delegate": "^3.1.2",
"dora-plugin-upload": "^0.3.1", "dora-plugin-upload": "^0.3.1",
"enquire.js": "^2.1.1", "enquire.js": "^2.1.1",
"enzyme": "^2.6.0", "enzyme": "^3.1.0",
"enzyme-to-json": "^1.3.0", "enzyme-adapter-react-16": "^1.0.0",
"enzyme-to-json": "^3.1.2",
"eslint": "^4.8.0", "eslint": "^4.8.0",
"eslint-config-airbnb": "latest", "eslint-config-airbnb": "latest",
"eslint-plugin-babel": "^4.0.0", "eslint-plugin-babel": "^4.0.0",
@ -129,16 +130,16 @@
"rc-queue-anim": "^1.0.1", "rc-queue-anim": "^1.0.1",
"rc-scroll-anim": "^1.0.3", "rc-scroll-anim": "^1.0.3",
"rc-tween-one": "^1.1.2", "rc-tween-one": "^1.1.2",
"react": "^15.0.0", "react": "^16.0.0",
"react-color": "^2.11.7", "react-color": "^2.11.7",
"react-copy-to-clipboard": "^5.0.0", "react-copy-to-clipboard": "^5.0.0",
"react-document-title": "^2.0.1", "react-document-title": "^2.0.1",
"react-dom": "^15.0.0", "react-dom": "^16.0.0",
"react-github-button": "^0.1.1", "react-github-button": "^0.1.1",
"react-infinite-scroller": "^1.0.15", "react-infinite-scroller": "^1.0.15",
"react-intl": "^2.0.1", "react-intl": "^2.0.1",
"react-sublime-video": "^0.2.0", "react-sublime-video": "^0.2.0",
"react-test-renderer": "^15.5.4", "react-test-renderer": "^16.0.0",
"react-virtualized": "^9.10.1", "react-virtualized": "^9.10.1",
"reqwest": "^2.0.5", "reqwest": "^2.0.5",
"rimraf": "^2.5.4", "rimraf": "^2.5.4",

5
tests/setup.js
View File

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