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

test: fix ci warnings (#33160)

Browse Source
This commit is contained in:
afc163 2021-12-04 17:06:36 +08:00 committed by GitHub
parent b9a381e51d
commit b34f72b1b6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
47 changed files with 478 additions and 299 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

297
components/alert/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -1,77 +1,238 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Alert action of Alert custom action 1`] = ` exports[`Alert action of Alert custom action 1`] = `
<div <Alert
class="ant-alert ant-alert-success" action={
data-show="true" <Button
role="alert" size="small"
type="text"
>
UNDO
</Button>
}
closable={true}
message="Success Tips"
showIcon={true}
type="success"
> >
<span <CSSMotion
aria-label="check-circle" motionAppear={false}
class="anticon anticon-check-circle ant-alert-icon" motionEnter={false}
role="img" motionName="ant-alert-motion"
onLeaveStart={[Function]}
visible={true}
> >
<svg <DomWrapper>
aria-hidden="true" <div
data-icon="check-circle" className="ant-alert ant-alert-success"
fill="currentColor" data-show={true}
focusable="false" role="alert"
height="1em" style={Object {}}
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
/>
</svg>
</span>
<div
class="ant-alert-content"
>
<div
class="ant-alert-message"
>
Success Tips
</div>
</div>
<div
class="ant-alert-action"
>
<button
class="ant-btn ant-btn-text ant-btn-sm"
type="button"
>
<span>
UNDO
</span>
</button>
</div>
<button
class="ant-alert-close-icon"
tabindex="0"
type="button"
>
<span
aria-label="close"
class="anticon anticon-close"
role="img"
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
> >
<path <ForwardRef(CheckCircleFilled)
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" className="ant-alert-icon"
/> >
</svg> <AntdIcon
</span> className="ant-alert-icon"
</button> icon={
</div> Object {
"icon": Object {
"attrs": Object {
"focusable": "false",
"viewBox": "64 64 896 896",
},
"children": Array [
Object {
"attrs": Object {
"d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z",
},
"tag": "path",
},
],
"tag": "svg",
},
"name": "check-circle",
"theme": "filled",
}
}
>
<span
aria-label="check-circle"
className="anticon anticon-check-circle ant-alert-icon"
role="img"
>
<IconReact
icon={
Object {
"icon": Object {
"attrs": Object {
"focusable": "false",
"viewBox": "64 64 896 896",
},
"children": Array [
Object {
"attrs": Object {
"d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z",
},
"tag": "path",
},
],
"tag": "svg",
},
"name": "check-circle",
"theme": "filled",
}
}
>
<svg
aria-hidden="true"
data-icon="check-circle"
fill="currentColor"
focusable="false"
height="1em"
key="svg-check-circle"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm193.5 301.7l-210.6 292a31.8 31.8 0 01-51.7 0L318.5 484.9c-3.8-5.3 0-12.7 6.5-12.7h46.9c10.2 0 19.9 4.9 25.9 13.3l71.2 98.8 157.2-218c6-8.3 15.6-13.3 25.9-13.3H699c6.5 0 10.3 7.4 6.5 12.7z"
key="svg-check-circle-svg-0"
/>
</svg>
</IconReact>
</span>
</AntdIcon>
</ForwardRef(CheckCircleFilled)>
<div
className="ant-alert-content"
>
<div
className="ant-alert-message"
>
Success Tips
</div>
</div>
<div
className="ant-alert-action"
>
<Button
size="small"
type="text"
>
<button
className="ant-btn ant-btn-text ant-btn-sm"
onClick={[Function]}
type="button"
>
<LoadingIcon
existIcon={false}
loading={false}
prefixCls="ant-btn"
>
<CSSMotion
motionName="ant-btn-loading-icon-motion"
onAppearActive={[Function]}
onAppearStart={[Function]}
onEnterActive={[Function]}
onEnterStart={[Function]}
onLeaveActive={[Function]}
onLeaveStart={[Function]}
removeOnLeave={true}
visible={false}
>
<DomWrapper />
</CSSMotion>
</LoadingIcon>
<span
key=".0"
>
UNDO
</span>
</button>
</Button>
</div>
<button
className="ant-alert-close-icon"
onClick={[Function]}
tabIndex={0}
type="button"
>
<ForwardRef(CloseOutlined)>
<AntdIcon
icon={
Object {
"icon": Object {
"attrs": Object {
"focusable": "false",
"viewBox": "64 64 896 896",
},
"children": Array [
Object {
"attrs": Object {
"d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
},
"tag": "path",
},
],
"tag": "svg",
},
"name": "close",
"theme": "outlined",
}
}
>
<span
aria-label="close"
className="anticon anticon-close"
role="img"
>
<IconReact
icon={
Object {
"icon": Object {
"attrs": Object {
"focusable": "false",
"viewBox": "64 64 896 896",
},
"children": Array [
Object {
"attrs": Object {
"d": "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z",
},
"tag": "path",
},
],
"tag": "svg",
},
"name": "close",
"theme": "outlined",
}
}
>
<svg
aria-hidden="true"
data-icon="close"
fill="currentColor"
focusable="false"
height="1em"
key="svg-close"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
key="svg-close-svg-0"
/>
</svg>
</IconReact>
</span>
</AntdIcon>
</ForwardRef(CloseOutlined)>
</button>
</div>
</DomWrapper>
</CSSMotion>
</Alert>
`; `;
exports[`Alert could accept none react element icon 1`] = ` exports[`Alert could accept none react element icon 1`] = `

15
components/alert/__tests__/index.test.tsx
View File

@ -1,5 +1,6 @@
import React from 'react'; import React from 'react';
import { mount, render } from 'enzyme'; import { mount } from 'enzyme';
import { act } from 'react-dom/test-utils';
import Alert from '..'; import Alert from '..';
import Button from '../../button'; import Button from '../../button';
import Tooltip from '../../tooltip'; import Tooltip from '../../tooltip';
@ -32,14 +33,18 @@ describe('Alert', () => {
onClose={onClose} onClose={onClose}
/>, />,
); );
wrapper.find('.ant-alert-close-icon').simulate('click'); act(() => {
jest.runAllTimers(); jest.useFakeTimers();
wrapper.find('.ant-alert-close-icon').simulate('click');
jest.runAllTimers();
jest.useRealTimers();
});
expect(onClose).toHaveBeenCalled(); expect(onClose).toHaveBeenCalled();
}); });
describe('action of Alert', () => { describe('action of Alert', () => {
it('custom action', () => { it('custom action', () => {
const wrapper = render( const wrapper = mount(
<Alert <Alert
message="Success Tips" message="Success Tips"
type="success" type="success"
@ -131,7 +136,7 @@ describe('Alert', () => {
it('could accept none react element icon', () => { it('could accept none react element icon', () => {
const wrapper = mount(<Alert message="Success Tips" type="success" showIcon icon="icon" />); const wrapper = mount(<Alert message="Success Tips" type="success" showIcon icon="icon" />);
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('should not render message div when no message', () => { it('should not render message div when no message', () => {

34
components/auto-complete/__tests__/__snapshots__/index.test.js.snap
View File

@ -11,14 +11,15 @@ exports[`AutoComplete legacy dataSource should accept react element option 1`] =
class="ant-select-selection-search" class="ant-select-selection-search"
> >
<input <input
aria-activedescendant="undefined_list_0" aria-activedescendant="rc_select_TEST_OR_SSR_list_-1"
aria-autocomplete="list" aria-autocomplete="list"
aria-controls="undefined_list" aria-controls="rc_select_TEST_OR_SSR_list"
aria-expanded="true" aria-expanded="true"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-owns="undefined_list" aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off" autocomplete="off"
class="ant-select-selection-search-input" class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox" role="combobox"
type="search" type="search"
value="" value=""
@ -30,19 +31,19 @@ exports[`AutoComplete legacy dataSource should accept react element option 1`] =
</div> </div>
<div> <div>
<div <div
class="ant-select-dropdown" class="ant-select-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity:0;pointer-events:none" style="opacity: 0; pointer-events: none; min-width: 0; width: 0px;"
> >
<div> <div>
<div <div
id="undefined_list" id="rc_select_TEST_OR_SSR_list"
role="listbox" role="listbox"
style="height:0;width:0;overflow:hidden" style="height: 0px; width: 0px; overflow: hidden;"
> >
<div <div
aria-label="ReactNode" aria-label="ReactNode"
aria-selected="false" aria-selected="false"
id="undefined_list_0" id="rc_select_TEST_OR_SSR_list_0"
role="option" role="option"
> >
key key
@ -50,20 +51,20 @@ exports[`AutoComplete legacy dataSource should accept react element option 1`] =
</div> </div>
<div <div
class="rc-virtual-list" class="rc-virtual-list"
style="position:relative" style="position: relative;"
> >
<div <div
class="rc-virtual-list-holder" class="rc-virtual-list-holder"
style="max-height:256px;overflow-y:auto;overflow-anchor:none" style="max-height: 256px; overflow-y: auto;"
> >
<div> <div>
<div <div
class="rc-virtual-list-holder-inner" class="rc-virtual-list-holder-inner"
style="display:flex;flex-direction:column" style="display: flex; flex-direction: column;"
> >
<div <div
aria-selected="false" aria-selected="false"
class="ant-select-item ant-select-item-option ant-select-item-option-active" class="ant-select-item ant-select-item-option"
title="ReactNode" title="ReactNode"
> >
<div <div
@ -74,7 +75,7 @@ exports[`AutoComplete legacy dataSource should accept react element option 1`] =
<span <span
aria-hidden="true" aria-hidden="true"
class="ant-select-item-option-state" class="ant-select-item-option-state"
style="user-select:none;-webkit-user-select:none" style="user-select: none;"
unselectable="on" unselectable="on"
/> />
</div> </div>
@ -99,13 +100,14 @@ exports[`AutoComplete rtl render component should be rendered correctly in RTL d
class="ant-select-selection-search" class="ant-select-selection-search"
> >
<input <input
aria-activedescendant="undefined_list_0" aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list" aria-autocomplete="list"
aria-controls="undefined_list" aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-owns="undefined_list" aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off" autocomplete="off"
class="ant-select-selection-search-input" class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
role="combobox" role="combobox"
type="search" type="search"
value="" value=""

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

@ -56,7 +56,7 @@ describe('AutoComplete', () => {
it('legacy dataSource should accept react element option', () => { it('legacy dataSource should accept react element option', () => {
const wrapper = mount(<AutoComplete open dataSource={[<span key="key">ReactNode</span>]} />); const wrapper = mount(<AutoComplete open dataSource={[<span key="key">ReactNode</span>]} />);
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('legacy AutoComplete.Option should be compatiable', () => { it('legacy AutoComplete.Option should be compatiable', () => {

4
components/avatar/__tests__/Avatar.test.js
View File

@ -155,7 +155,7 @@ describe('Avatar Render', () => {
it('support size is number', () => { it('support size is number', () => {
const wrapper = mount(<Avatar size={100}>TestString</Avatar>); const wrapper = mount(<Avatar size={100}>TestString</Avatar>);
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
Object.entries(sizes).forEach(([key, value]) => { Object.entries(sizes).forEach(([key, value]) => {
@ -189,7 +189,7 @@ describe('Avatar Render', () => {
); );
wrapper.find('img').simulate('error'); wrapper.find('img').simulate('error');
wrapper.update(); wrapper.update();
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
wrapper.detach(); wrapper.detach();
global.document.body.removeChild(div); global.document.body.removeChild(div);
}); });

17
components/avatar/__tests__/__snapshots__/Avatar.test.js.snap
View File

@ -86,11 +86,14 @@ exports[`Avatar Render adjusts component size to 100 when window size is xxl 1`]
exports[`Avatar Render fallback 1`] = ` exports[`Avatar Render fallback 1`] = `
<span <span
class="ant-avatar ant-avatar-circle ant-avatar-image" class="ant-avatar ant-avatar-circle"
> >
<img <span
src="http://error.url" class="ant-avatar-string"
/> style="transform: scale(1) translateX(-50%);"
>
A
</span>
</span> </span>
`; `;
@ -100,7 +103,7 @@ exports[`Avatar Render rtl render component should be rendered correctly in RTL
> >
<span <span
class="ant-avatar-string" class="ant-avatar-string"
style="opacity:0" style="transform: scale(0.72) translateX(-50%);"
/> />
</span> </span>
`; `;
@ -229,11 +232,11 @@ exports[`Avatar Render should show image on success after a failure state 2`] =
exports[`Avatar Render support size is number 1`] = ` exports[`Avatar Render support size is number 1`] = `
<span <span
class="ant-avatar ant-avatar-circle" class="ant-avatar ant-avatar-circle"
style="width:100px;height:100px;line-height:100px;font-size:18px" style="width: 100px; height: 100px; line-height: 100px; font-size: 18px;"
> >
<span <span
class="ant-avatar-string" class="ant-avatar-string"
style="opacity:0" style="line-height: 100px; transform: scale(0.32) translateX(-50%);"
> >
TestString TestString
</span> </span>

4
components/badge/__tests__/__snapshots__/index.test.js.snap
View File

@ -173,12 +173,12 @@ exports[`Badge rtl render component should be rendered correctly in RTL directio
<sup <sup
class="ant-scroll-number ant-badge-count" class="ant-scroll-number ant-badge-count"
data-show="true" data-show="true"
style="margin-top:10px;left:10px" style="margin-top: 10px; left: 10px;"
title="5" title="5"
> >
<span <span
class="ant-scroll-number-only" class="ant-scroll-number-only"
style="transition:none" style="transition: none;"
> >
<span <span
class="ant-scroll-number-only-unit current" class="ant-scroll-number-only-unit current"

64
components/button/__tests__/__snapshots__/index.test.tsx.snap
View File

@ -69,63 +69,18 @@ exports[`Button renders Chinese characters correctly 2`] = `
`; `;
exports[`Button renders Chinese characters correctly 3`] = ` exports[`Button renders Chinese characters correctly 3`] = `
<button <Button>
class="ant-btn" <ForwardRef(SearchOutlined) />
type="button" 按钮
> </Button>
<span
aria-label="search"
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
<span>
按钮
</span>
</button>
`; `;
exports[`Button renders Chinese characters correctly 4`] = ` exports[`Button renders Chinese characters correctly 4`] = `
<button <Button
class="ant-btn" icon={<ForwardRef(SearchOutlined) />}
type="button"
> >
<span 按钮
aria-label="search" </Button>
class="anticon anticon-search"
role="img"
>
<svg
aria-hidden="true"
data-icon="search"
fill="currentColor"
focusable="false"
height="1em"
viewBox="64 64 896 896"
width="1em"
>
<path
d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0011.6 0l43.6-43.5a8.2 8.2 0 000-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
/>
</svg>
</span>
<span>
按钮
</span>
</button>
`; `;
exports[`Button renders Chinese characters correctly 5`] = ` exports[`Button renders Chinese characters correctly 5`] = `
@ -169,10 +124,11 @@ exports[`Button renders Chinese characters correctly 6`] = `
> >
<span <span
class="ant-btn-loading-icon" class="ant-btn-loading-icon"
style="width: 0px; opacity: 0; transform: scale(0);"
> >
<span <span
aria-label="loading" aria-label="loading"
class="anticon anticon-loading anticon-spin" class="anticon anticon-loading anticon-spin ant-btn-loading-icon-motion-appear ant-btn-loading-icon-motion-appear-start ant-btn-loading-icon-motion"
role="img" role="img"
> >
<svg <svg

40
components/button/__tests__/index.test.tsx
View File

@ -28,7 +28,7 @@ describe('Button', () => {
rtlTest(() => <Button.Group size="middle" />); rtlTest(() => <Button.Group size="middle" />);
it('renders correctly', () => { it('renders correctly', () => {
expect(<Button>Follow</Button>).toMatchRenderedSnapshot(); expect(mount(<Button>Follow</Button>).render()).toMatchSnapshot();
}); });
it('mount correctly', () => { it('mount correctly', () => {
@ -47,33 +47,37 @@ describe('Button', () => {
}); });
it('renders Chinese characters correctly', () => { it('renders Chinese characters correctly', () => {
expect(<Button>按钮</Button>).toMatchRenderedSnapshot(); expect(mount(<Button>按钮</Button>).render()).toMatchSnapshot();
// should not insert space when there is icon // should not insert space when there is icon
expect(<Button icon={<SearchOutlined />}>按钮</Button>).toMatchRenderedSnapshot(); expect(mount(<Button icon={<SearchOutlined />}>按钮</Button>).render()).toMatchSnapshot();
// should not insert space when there is icon // should not insert space when there is icon
expect( expect(
<Button> <Button>
<SearchOutlined /> <SearchOutlined />
按钮 按钮
</Button>, </Button>,
).toMatchRenderedSnapshot(); ).toMatchSnapshot();
// should not insert space when there is icon // should not insert space when there is icon
expect(<Button icon={<SearchOutlined />}>按钮</Button>).toMatchRenderedSnapshot(); expect(<Button icon={<SearchOutlined />}>按钮</Button>).toMatchSnapshot();
// should not insert space when there is icon while loading // should not insert space when there is icon while loading
expect( expect(
<Button icon={<SearchOutlined />} loading> mount(
按钮 <Button icon={<SearchOutlined />} loading>
</Button>, 按钮
).toMatchRenderedSnapshot(); </Button>,
).render(),
).toMatchSnapshot();
// should insert space while loading // should insert space while loading
expect(<Button loading>按钮</Button>).toMatchRenderedSnapshot(); expect(mount(<Button loading>按钮</Button>).render()).toMatchSnapshot();
// should insert space while only one nested element // should insert space while only one nested element
expect( expect(
<Button> mount(
<span>按钮</span> <Button>
</Button>, <span>按钮</span>
).toMatchRenderedSnapshot(); </Button>,
).render(),
).toMatchSnapshot();
}); });
it('renders Chinese characters correctly in HOC', () => { it('renders Chinese characters correctly in HOC', () => {
@ -206,9 +210,9 @@ describe('Button', () => {
}); });
it('fixbug renders {0} , 0 and {false}', () => { it('fixbug renders {0} , 0 and {false}', () => {
expect(<Button>{0}</Button>).toMatchRenderedSnapshot(); expect(mount(<Button>{0}</Button>).render()).toMatchSnapshot();
expect(<Button>0</Button>).toMatchRenderedSnapshot(); expect(mount(<Button>0</Button>).render()).toMatchSnapshot();
expect(<Button>{false}</Button>).toMatchRenderedSnapshot(); expect(mount(<Button>{false}</Button>).render()).toMatchSnapshot();
}); });
it('should not render as link button when href is undefined', async () => { it('should not render as link button when href is undefined', async () => {
@ -320,6 +324,6 @@ describe('Button', () => {
<>text</> <>text</>
</Button>, </Button>,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
}); });

22
components/calendar/__tests__/__snapshots__/index.test.js.snap
View File

@ -1905,16 +1905,17 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
class="ant-select-selection-search" class="ant-select-selection-search"
> >
<input <input
aria-activedescendant="undefined_list_0" aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list" aria-autocomplete="list"
aria-controls="undefined_list" aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-owns="undefined_list" aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off" autocomplete="off"
class="ant-select-selection-search-input" class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly="" readonly=""
role="combobox" role="combobox"
style="opacity:0" style="opacity: 0;"
type="search" type="search"
unselectable="on" unselectable="on"
value="" value=""
@ -1930,7 +1931,7 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
<span <span
aria-hidden="true" aria-hidden="true"
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none" style="user-select: none;"
unselectable="on" unselectable="on"
> >
<span <span
@ -1964,16 +1965,17 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
class="ant-select-selection-search" class="ant-select-selection-search"
> >
<input <input
aria-activedescendant="undefined_list_0" aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list" aria-autocomplete="list"
aria-controls="undefined_list" aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-owns="undefined_list" aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off" autocomplete="off"
class="ant-select-selection-search-input" class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly="" readonly=""
role="combobox" role="combobox"
style="opacity:0" style="opacity: 0;"
type="search" type="search"
unselectable="on" unselectable="on"
value="" value=""
@ -1989,7 +1991,7 @@ exports[`Calendar rtl render component should be rendered correctly in RTL direc
<span <span
aria-hidden="true" aria-hidden="true"
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none" style="user-select: none;"
unselectable="on" unselectable="on"
> >
<span <span

2
components/carousel/__tests__/__snapshots__/index.test.js.snap
View File

@ -12,7 +12,7 @@ exports[`Carousel rtl render component should be rendered correctly in RTL direc
> >
<div <div
class="slick-track" class="slick-track"
style="width:0%;left:NaN%" style="opacity: 1; transform: translate3d(0px, 0px, 0px);"
/> />
</div> </div>
</div> </div>

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

@ -1264,16 +1264,17 @@ exports[`Cascader rtl render component should be rendered correctly in RTL direc
class="ant-select-selection-search" class="ant-select-selection-search"
> >
<input <input
aria-activedescendant="undefined_list_0" aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list" aria-autocomplete="list"
aria-controls="undefined_list" aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-owns="undefined_list" aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off" autocomplete="off"
class="ant-select-selection-search-input" class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly="" readonly=""
role="combobox" role="combobox"
style="opacity:0" style="opacity: 0;"
type="search" type="search"
unselectable="on" unselectable="on"
value="" value=""
@ -1286,7 +1287,7 @@ exports[`Cascader rtl render component should be rendered correctly in RTL direc
<span <span
aria-hidden="true" aria-hidden="true"
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none" style="user-select: none;"
unselectable="on" unselectable="on"
> >
<span <span

1
components/checkbox/__tests__/__snapshots__/checkbox.test.js.snap
View File

@ -10,6 +10,7 @@ exports[`Checkbox rtl render component should be rendered correctly in RTL direc
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"

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

@ -23,6 +23,6 @@ describe('Comment', () => {
datetime="YYYY-MM-DD HH:mm:ss" datetime="YYYY-MM-DD HH:mm:ss"
/>, />,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
}); });

2
components/config-provider/__tests__/form.test.js
View File

@ -88,7 +88,7 @@ describe('ConfigProvider.Form', () => {
</ConfigProvider>, </ConfigProvider>,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
}); });
}); });

2
components/config-provider/__tests__/index.test.js
View File

@ -113,6 +113,6 @@ describe('ConfigProvider', () => {
</ConfigProvider>, </ConfigProvider>,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
}); });

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

@ -87,7 +87,7 @@ describe('RangePicker', () => {
open open
/>, />,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
}); });

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

@ -118,7 +118,7 @@ Array [
</div> </div>
<div <div
class="ant-picker-active-bar" class="ant-picker-active-bar"
style="left:0;width:0;position:absolute" style="left: 0px; width: 0px; position: absolute;"
/> />
<span <span
class="ant-picker-suffix" class="ant-picker-suffix"
@ -146,20 +146,20 @@ Array [
</div>, </div>,
<div> <div>
<div <div
class="ant-picker-dropdown ant-picker-dropdown-range" class="ant-picker-dropdown ant-picker-dropdown-range ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity:0;pointer-events:none" style="opacity: 0; pointer-events: none;"
> >
<div <div
class="ant-picker-range-wrapper ant-picker-date-range-wrapper" class="ant-picker-range-wrapper ant-picker-date-range-wrapper"
style="min-width:0" style="min-width: 0;"
> >
<div <div
class="ant-picker-range-arrow" class="ant-picker-range-arrow"
style="left:0" style="left: 0px;"
/> />
<div <div
class="ant-picker-panel-container" class="ant-picker-panel-container"
style="margin-left:0" style="margin-left: 0px;"
> >
<div <div
class="ant-picker-panels" class="ant-picker-panels"
@ -212,7 +212,7 @@ Array [
</div> </div>
<button <button
class="ant-picker-header-next-btn" class="ant-picker-header-next-btn"
style="visibility:hidden" style="visibility: hidden;"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >
@ -222,7 +222,7 @@ Array [
</button> </button>
<button <button
class="ant-picker-header-super-next-btn" class="ant-picker-header-super-next-btn"
style="visibility:hidden" style="visibility: hidden;"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >
@ -712,7 +712,7 @@ Array [
> >
<button <button
class="ant-picker-header-super-prev-btn" class="ant-picker-header-super-prev-btn"
style="visibility:hidden" style="visibility: hidden;"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >
@ -722,7 +722,7 @@ Array [
</button> </button>
<button <button
class="ant-picker-header-prev-btn" class="ant-picker-header-prev-btn"
style="visibility:hidden" style="visibility: hidden;"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >

2
components/date-picker/__tests__/__snapshots__/mount.test.js.snap
View File

@ -182,7 +182,7 @@ exports[`mount rtl render component should be rendered correctly in RTL directio
</div> </div>
<div <div
class="ant-picker-active-bar" class="ant-picker-active-bar"
style="right:0;width:0;position:absolute" style="right: 0px; width: 0px; position: absolute;"
/> />
<span <span
class="ant-picker-suffix" class="ant-picker-suffix"

8
components/dropdown/__tests__/__snapshots__/index.test.js.snap
View File

@ -10,8 +10,8 @@ Array [
</button>, </button>,
<div> <div>
<div <div
class="ant-dropdown" class="ant-dropdown move-up-appear move-up-appear-prepare move-up"
style="opacity:0;pointer-events:none" style="opacity: 0; pointer-events: none;"
> >
<div> <div>
menu menu
@ -31,8 +31,8 @@ Array [
</button>, </button>,
<div> <div>
<div <div
class="ant-dropdown" class="ant-dropdown ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
style="opacity:0;pointer-events:none" style="opacity: 0; pointer-events: none;"
> >
<span> <span>
string string

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

@ -25,7 +25,7 @@ describe('Dropdown', () => {
<button type="button">button</button> <button type="button">button</button>
</Dropdown>, </Dropdown>,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('overlay is string', () => { it('overlay is string', () => {
@ -34,7 +34,7 @@ describe('Dropdown', () => {
<button type="button">button</button> <button type="button">button</button>
</Dropdown>, </Dropdown>,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('support Menu expandIcon', async () => { it('support Menu expandIcon', async () => {

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

@ -796,7 +796,7 @@ describe('Form', () => {
</Form.Item> </Form.Item>
</Form>, </Form>,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('noStyle should not work when hidden', () => { it('noStyle should not work when hidden', () => {
@ -807,7 +807,7 @@ describe('Form', () => {
</Form.Item> </Form.Item>
</Form>, </Form>,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
}); });

2
components/layout/__tests__/__snapshots__/index.test.js.snap
View File

@ -28,7 +28,7 @@ exports[`Layout rtl render component should be rendered correctly in RTL directi
exports[`Layout rtl render component should be rendered correctly in RTL direction 3`] = ` exports[`Layout rtl render component should be rendered correctly in RTL direction 3`] = `
<aside <aside
class="ant-layout-sider ant-layout-sider-dark" class="ant-layout-sider ant-layout-sider-dark"
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"

5
components/menu/__tests__/__snapshots__/index.test.js.snap
View File

@ -173,6 +173,7 @@ Array [
> >
<li <li
class="ant-menu-item" class="ant-menu-item"
data-menu-id="rc-menu-uuid-test-tmp_key-0"
role="menuitem" role="menuitem"
tabindex="-1" tabindex="-1"
> >
@ -195,9 +196,11 @@ Array [
role="none" role="none"
> >
<div <div
aria-controls="rc-menu-uuid-test-tmp_key-2-popup"
aria-expanded="false" aria-expanded="false"
aria-haspopup="true" aria-haspopup="true"
class="ant-menu-submenu-title" class="ant-menu-submenu-title"
data-menu-id="rc-menu-uuid-test-tmp_key-2"
role="menuitem" role="menuitem"
tabindex="-1" tabindex="-1"
> >
@ -212,7 +215,7 @@ Array [
</ul>, </ul>,
<div <div
aria-hidden="true" aria-hidden="true"
style="display:none" style="display: none;"
/>, />,
] ]
`; `;

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

@ -727,7 +727,7 @@ exports[`Progress rtl render component should be rendered correctly in RTL direc
> >
<div <div
class="ant-progress-bg" class="ant-progress-bg"
style="width:0%;height:8px;border-radius:" style="width: 0%; height: 8px;"
/> />
</div> </div>
</div> </div>
@ -749,15 +749,15 @@ exports[`Progress should support steps 1`] = `
> >
<div <div
class="ant-progress-steps-item" class="ant-progress-steps-item"
style="width:14px;height:8px" style="width: 14px; height: 8px;"
/> />
<div <div
class="ant-progress-steps-item" class="ant-progress-steps-item"
style="width:14px;height:8px" style="width: 14px; height: 8px;"
/> />
<div <div
class="ant-progress-steps-item" class="ant-progress-steps-item"
style="width:14px;height:8px" style="width: 14px; height: 8px;"
/> />
<span <span
class="ant-progress-text" class="ant-progress-text"

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

@ -158,7 +158,7 @@ describe('Progress', () => {
it('should support steps', () => { it('should support steps', () => {
const wrapper = mount(<Progress steps={3} />); const wrapper = mount(<Progress steps={3} />);
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('steps should be changable', () => { it('steps should be changable', () => {

2
components/radio/__tests__/__snapshots__/radio.test.js.snap
View File

@ -10,6 +10,7 @@ exports[`Radio rtl render component should be rendered correctly in RTL directio
<input <input
class="ant-radio-input" class="ant-radio-input"
type="radio" type="radio"
value=""
/> />
<span <span
class="ant-radio-inner" class="ant-radio-inner"
@ -34,6 +35,7 @@ exports[`Radio rtl render component should be rendered correctly in RTL directio
<input <input
class="ant-radio-button-input" class="ant-radio-button-input"
type="radio" type="radio"
value=""
/> />
<span <span
class="ant-radio-button-inner" class="ant-radio-button-inner"

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

@ -132,16 +132,17 @@ exports[`Select rtl render component should be rendered correctly in RTL directi
class="ant-select-selection-search" class="ant-select-selection-search"
> >
<input <input
aria-activedescendant="undefined_list_0" aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list" aria-autocomplete="list"
aria-controls="undefined_list" aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-owns="undefined_list" aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off" autocomplete="off"
class="ant-select-selection-search-input" class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly="" readonly=""
role="combobox" role="combobox"
style="opacity:0" style="opacity: 0;"
type="search" type="search"
unselectable="on" unselectable="on"
value="" value=""
@ -154,7 +155,7 @@ exports[`Select rtl render component should be rendered correctly in RTL directi
<span <span
aria-hidden="true" aria-hidden="true"
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none" style="user-select: none;"
unselectable="on" unselectable="on"
> >
<span <span

4
components/skeleton/__tests__/__snapshots__/index.test.js.snap
View File

@ -466,7 +466,7 @@ exports[`Skeleton rtl render component should be rendered correctly in RTL direc
> >
<h3 <h3
class="ant-skeleton-title" class="ant-skeleton-title"
style="width:38%" style="width: 38%;"
/> />
<ul <ul
class="ant-skeleton-paragraph" class="ant-skeleton-paragraph"
@ -474,7 +474,7 @@ exports[`Skeleton rtl render component should be rendered correctly in RTL direc
<li /> <li />
<li /> <li />
<li <li
style="width:61%" style="width: 61%;"
/> />
</ul> </ul>
</div> </div>

4
components/slider/__tests__/__snapshots__/index.test.js.snap
View File

@ -9,7 +9,7 @@ exports[`Slider rtl render component should be rendered correctly in RTL directi
/> />
<div <div
class="ant-slider-track" class="ant-slider-track"
style="right:0%;left:auto;width:0%" style="right: 0%; width: 0%;"
/> />
<div <div
class="ant-slider-step" class="ant-slider-step"
@ -21,7 +21,7 @@ exports[`Slider rtl render component should be rendered correctly in RTL directi
aria-valuenow="0" aria-valuenow="0"
class="ant-slider-handle" class="ant-slider-handle"
role="slider" role="slider"
style="right:0%;left:auto;transform:translateX(+50%)" style="right: 0%; transform: translateX(+50%);"
tabindex="0" tabindex="0"
/> />
<div <div

2
components/steps/__tests__/__snapshots__/index.test.js.snap
View File

@ -2,6 +2,6 @@
exports[`Steps rtl render component should be rendered correctly in RTL direction 1`] = ` exports[`Steps rtl render component should be rendered correctly in RTL direction 1`] = `
<div <div
class="ant-steps ant-steps-horizontal ant-steps-rtl ant-steps-label-horizontal" class="ant-steps ant-steps-vertical ant-steps-rtl"
/> />
`; `;

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

@ -126,7 +126,7 @@ exports[`Table rtl render component should be rendered correctly in RTL directio
class="ant-table-content" class="ant-table-content"
> >
<table <table
style="table-layout:auto" style="table-layout: auto;"
> >
<colgroup /> <colgroup />
<thead <thead

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

@ -39,14 +39,16 @@ exports[`Tabs rtl render component should be rendered correctly in RTL direction
> >
<div <div
class="ant-tabs-nav-list" class="ant-tabs-nav-list"
style="transform:translate(0px, 0px)" style="transform: translate(0px, 0px);"
> >
<div <div
class="ant-tabs-tab ant-tabs-tab-active" class="ant-tabs-tab ant-tabs-tab-active"
> >
<div <div
aria-controls="rc-tabs-test-panel-xx"
aria-selected="true" aria-selected="true"
class="ant-tabs-tab-btn" class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-xx"
role="tab" role="tab"
tabindex="0" tabindex="0"
> >
@ -62,13 +64,13 @@ exports[`Tabs rtl render component should be rendered correctly in RTL direction
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden" class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
> >
<button <button
aria-controls="null-more-popup" aria-controls="rc-tabs-test-more-popup"
aria-expanded="false" aria-expanded="false"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-hidden="true" aria-hidden="true"
class="ant-tabs-nav-more" class="ant-tabs-nav-more"
id="null-more" id="rc-tabs-test-more"
style="visibility:hidden;order:1" style="visibility: hidden; order: 1;"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >
@ -102,7 +104,9 @@ exports[`Tabs rtl render component should be rendered correctly in RTL direction
> >
<div <div
aria-hidden="false" aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-xx"
class="ant-tabs-tabpane ant-tabs-tabpane-active" class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-xx"
role="tabpanel" role="tabpanel"
tabindex="0" tabindex="0"
/> />
@ -124,36 +128,42 @@ exports[`Tabs tabBarGutter should work 1`] = `
> >
<div <div
class="ant-tabs-nav-list" class="ant-tabs-nav-list"
style="transform:translate(0px, 0px)" style="transform: translate(0px, 0px);"
> >
<div <div
class="ant-tabs-tab ant-tabs-tab-active" class="ant-tabs-tab ant-tabs-tab-active"
> >
<div <div
aria-controls="rc-tabs-test-panel-null"
aria-selected="true" aria-selected="true"
class="ant-tabs-tab-btn" class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-null"
role="tab" role="tab"
tabindex="0" tabindex="0"
/> />
</div> </div>
<div <div
class="ant-tabs-tab ant-tabs-tab-active" class="ant-tabs-tab ant-tabs-tab-active"
style="margin-left:0" style="margin-left: 0px;"
> >
<div <div
aria-controls="rc-tabs-test-panel-null"
aria-selected="true" aria-selected="true"
class="ant-tabs-tab-btn" class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-null"
role="tab" role="tab"
tabindex="0" tabindex="0"
/> />
</div> </div>
<div <div
class="ant-tabs-tab ant-tabs-tab-active" class="ant-tabs-tab ant-tabs-tab-active"
style="margin-left:0" style="margin-left: 0px;"
> >
<div <div
aria-controls="rc-tabs-test-panel-null"
aria-selected="true" aria-selected="true"
class="ant-tabs-tab-btn" class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-null"
role="tab" role="tab"
tabindex="0" tabindex="0"
/> />
@ -167,13 +177,13 @@ exports[`Tabs tabBarGutter should work 1`] = `
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden" class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
> >
<button <button
aria-controls="null-more-popup" aria-controls="rc-tabs-test-more-popup"
aria-expanded="false" aria-expanded="false"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-hidden="true" aria-hidden="true"
class="ant-tabs-nav-more" class="ant-tabs-nav-more"
id="null-more" id="rc-tabs-test-more"
style="margin-left:0;visibility:hidden;order:1" style="margin-left: 0px; visibility: hidden; order: 1;"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >
@ -207,19 +217,25 @@ exports[`Tabs tabBarGutter should work 1`] = `
> >
<div <div
aria-hidden="false" aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-null"
class="ant-tabs-tabpane ant-tabs-tabpane-active" class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-null"
role="tabpanel" role="tabpanel"
tabindex="0" tabindex="0"
/> />
<div <div
aria-hidden="false" aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-null"
class="ant-tabs-tabpane ant-tabs-tabpane-active" class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-null"
role="tabpanel" role="tabpanel"
tabindex="0" tabindex="0"
/> />
<div <div
aria-hidden="false" aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-null"
class="ant-tabs-tabpane ant-tabs-tabpane-active" class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-null"
role="tabpanel" role="tabpanel"
tabindex="0" tabindex="0"
/> />
@ -241,36 +257,42 @@ exports[`Tabs tabBarGutter should work 2`] = `
> >
<div <div
class="ant-tabs-nav-list" class="ant-tabs-nav-list"
style="transform:translate(0px, 0px)" style="transform: translate(0px, 0px);"
> >
<div <div
class="ant-tabs-tab ant-tabs-tab-active" class="ant-tabs-tab ant-tabs-tab-active"
> >
<div <div
aria-controls="rc-tabs-test-panel-null"
aria-selected="true" aria-selected="true"
class="ant-tabs-tab-btn" class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-null"
role="tab" role="tab"
tabindex="0" tabindex="0"
/> />
</div> </div>
<div <div
class="ant-tabs-tab ant-tabs-tab-active" class="ant-tabs-tab ant-tabs-tab-active"
style="margin-top:0" style="margin-top: 0px;"
> >
<div <div
aria-controls="rc-tabs-test-panel-null"
aria-selected="true" aria-selected="true"
class="ant-tabs-tab-btn" class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-null"
role="tab" role="tab"
tabindex="0" tabindex="0"
/> />
</div> </div>
<div <div
class="ant-tabs-tab ant-tabs-tab-active" class="ant-tabs-tab ant-tabs-tab-active"
style="margin-top:0" style="margin-top: 0px;"
> >
<div <div
aria-controls="rc-tabs-test-panel-null"
aria-selected="true" aria-selected="true"
class="ant-tabs-tab-btn" class="ant-tabs-tab-btn"
id="rc-tabs-test-tab-null"
role="tab" role="tab"
tabindex="0" tabindex="0"
/> />
@ -284,13 +306,13 @@ exports[`Tabs tabBarGutter should work 2`] = `
class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden" class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
> >
<button <button
aria-controls="null-more-popup" aria-controls="rc-tabs-test-more-popup"
aria-expanded="false" aria-expanded="false"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-hidden="true" aria-hidden="true"
class="ant-tabs-nav-more" class="ant-tabs-nav-more"
id="null-more" id="rc-tabs-test-more"
style="margin-left:0;visibility:hidden;order:1" style="margin-left: 0px; visibility: hidden; order: 1;"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >
@ -324,19 +346,25 @@ exports[`Tabs tabBarGutter should work 2`] = `
> >
<div <div
aria-hidden="false" aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-null"
class="ant-tabs-tabpane ant-tabs-tabpane-active" class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-null"
role="tabpanel" role="tabpanel"
tabindex="0" tabindex="0"
/> />
<div <div
aria-hidden="false" aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-null"
class="ant-tabs-tabpane ant-tabs-tabpane-active" class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-null"
role="tabpanel" role="tabpanel"
tabindex="0" tabindex="0"
/> />
<div <div
aria-hidden="false" aria-hidden="false"
aria-labelledby="rc-tabs-test-tab-null"
class="ant-tabs-tabpane ant-tabs-tabpane-active" class="ant-tabs-tabpane ant-tabs-tabpane-active"
id="rc-tabs-test-panel-null"
role="tabpanel" role="tabpanel"
tabindex="0" tabindex="0"
/> />

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

@ -87,9 +87,21 @@ describe('Tabs', () => {
}); });
it('tabBarGutter should work', () => { it('tabBarGutter should work', () => {
const wrapper = mount(<Tabs tabBarGutter={0}><TabPane /><TabPane /><TabPane /></Tabs>); const wrapper = mount(
expect(wrapper).toMatchRenderedSnapshot(); <Tabs tabBarGutter={0}>
const wrapper2 = mount(<Tabs tabBarGutter={0} tabPosition="left"><TabPane /><TabPane /><TabPane /></Tabs>); <TabPane />
expect(wrapper2).toMatchRenderedSnapshot(); <TabPane />
<TabPane />
</Tabs>,
);
expect(wrapper.render()).toMatchSnapshot();
const wrapper2 = mount(
<Tabs tabBarGutter={0} tabPosition="left">
<TabPane />
<TabPane />
<TabPane />
</Tabs>,
);
expect(wrapper2.render()).toMatchSnapshot();
}); });
}); });

18
components/transfer/__tests__/__snapshots__/index.test.js.snap
View File

@ -19,6 +19,7 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -177,6 +178,7 @@ exports[`Transfer rtl render component should be rendered correctly in RTL direc
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -289,6 +291,7 @@ exports[`Transfer should render correctly 1`] = `
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -342,6 +345,7 @@ exports[`Transfer should render correctly 1`] = `
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -365,6 +369,7 @@ exports[`Transfer should render correctly 1`] = `
class="ant-checkbox-input" class="ant-checkbox-input"
disabled="" disabled=""
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -446,6 +451,7 @@ exports[`Transfer should render correctly 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -498,6 +504,7 @@ exports[`Transfer should render correctly 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -533,6 +540,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -586,6 +594,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -670,6 +679,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -723,6 +733,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -748,6 +759,7 @@ exports[`Transfer should show sorted targetKey 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -785,6 +797,7 @@ exports[`Transfer should support render value and label in item 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -838,6 +851,7 @@ exports[`Transfer should support render value and label in item 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -922,6 +936,7 @@ exports[`Transfer should support render value and label in item 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -1033,6 +1048,7 @@ exports[`immutable data dataSource is frozen 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -1085,6 +1101,7 @@ exports[`immutable data dataSource is frozen 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -1167,6 +1184,7 @@ exports[`immutable data dataSource is frozen 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"

4
components/transfer/__tests__/__snapshots__/list.test.js.snap
View File

@ -16,6 +16,7 @@ exports[`Transfer.List should render correctly 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -69,6 +70,7 @@ exports[`Transfer.List should render correctly 1`] = `
checked="" checked=""
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -91,6 +93,7 @@ exports[`Transfer.List should render correctly 1`] = `
<input <input
class="ant-checkbox-input" class="ant-checkbox-input"
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"
@ -114,6 +117,7 @@ exports[`Transfer.List should render correctly 1`] = `
class="ant-checkbox-input" class="ant-checkbox-input"
disabled="" disabled=""
type="checkbox" type="checkbox"
value=""
/> />
<span <span
class="ant-checkbox-inner" class="ant-checkbox-inner"

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

@ -98,7 +98,7 @@ describe('Transfer', () => {
it('should render correctly', () => { it('should render correctly', () => {
const wrapper = mount(<Transfer {...listCommonProps} />); const wrapper = mount(<Transfer {...listCommonProps} />);
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('should move selected keys to corresponding list', () => { it('should move selected keys to corresponding list', () => {
@ -414,7 +414,7 @@ describe('Transfer', () => {
lazy: false, lazy: false,
}; };
const wrapper = mount(<Transfer {...sortedTargetKeyProps} render={item => item.title} />); const wrapper = mount(<Transfer {...sortedTargetKeyProps} render={item => item.title} />);
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('should add custom styles when their props are provided', () => { it('should add custom styles when their props are provided', () => {
@ -488,7 +488,7 @@ describe('Transfer', () => {
render={record => ({ value: `${record.title} value`, label: 'label' })} render={record => ({ value: `${record.title} value`, label: 'label' })}
/>, />,
); );
expect(component).toMatchRenderedSnapshot(); expect(component.render()).toMatchSnapshot();
}); });
it('should render correct checkbox label when checkboxLabel is defined', () => { it('should render correct checkbox label when checkboxLabel is defined', () => {
@ -568,6 +568,6 @@ describe('immutable data', () => {
}), }),
]; ];
const wrapper = mount(<Transfer rowKey={item => item.id} dataSource={mockData} />); const wrapper = mount(<Transfer rowKey={item => item.id} dataSource={mockData} />);
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
}); });

2
components/transfer/__tests__/list.test.js
View File

@ -28,7 +28,7 @@ describe('Transfer.List', () => {
it('should render correctly', () => { it('should render correctly', () => {
const wrapper = mount(<List {...listCommonProps} />); const wrapper = mount(<List {...listCommonProps} />);
wrapper.update(); wrapper.update();
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('should check top Checkbox while all available items are checked', () => { it('should check top Checkbox while all available items are checked', () => {

4
components/transfer/__tests__/search.test.js
View File

@ -34,9 +34,9 @@ describe('Transfer.Search', () => {
it('should show cross icon when input value exists', () => { it('should show cross icon when input value exists', () => {
const wrapper = mount(<Search value="" />); const wrapper = mount(<Search value="" />);
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
wrapper.setProps({ value: 'a' }); wrapper.setProps({ value: 'a' });
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
}); });
it('onSearch', () => { it('onSearch', () => {

11
components/tree-select/__tests__/__snapshots__/index.test.js.snap
View File

@ -263,16 +263,17 @@ exports[`TreeSelect rtl render component should be rendered correctly in RTL dir
class="ant-select-selection-search" class="ant-select-selection-search"
> >
<input <input
aria-activedescendant="undefined_list_0" aria-activedescendant="rc_select_TEST_OR_SSR_list_0"
aria-autocomplete="list" aria-autocomplete="list"
aria-controls="undefined_list" aria-controls="rc_select_TEST_OR_SSR_list"
aria-haspopup="listbox" aria-haspopup="listbox"
aria-owns="undefined_list" aria-owns="rc_select_TEST_OR_SSR_list"
autocomplete="off" autocomplete="off"
class="ant-select-selection-search-input" class="ant-select-selection-search-input"
id="rc_select_TEST_OR_SSR"
readonly="" readonly=""
role="combobox" role="combobox"
style="opacity:0" style="opacity: 0;"
type="search" type="search"
unselectable="on" unselectable="on"
value="" value=""
@ -285,7 +286,7 @@ exports[`TreeSelect rtl render component should be rendered correctly in RTL dir
<span <span
aria-hidden="true" aria-hidden="true"
class="ant-select-arrow" class="ant-select-arrow"
style="user-select:none;-webkit-user-select:none" style="user-select: none;"
unselectable="on" unselectable="on"
> >
<span <span

16
components/tree/__tests__/__snapshots__/directory.test.js.snap
View File

@ -3282,7 +3282,7 @@ exports[`Directory Tree rtl render component should be rendered correctly in RTL
<div> <div>
<input <input
aria-label="for screen reader" aria-label="for screen reader"
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0" style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0" tabindex="0"
value="" value=""
/> />
@ -3290,7 +3290,7 @@ exports[`Directory Tree rtl render component should be rendered correctly in RTL
<div <div
aria-hidden="true" aria-hidden="true"
class="ant-tree-treenode" class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden" style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
> >
<div <div
class="ant-tree-indent" class="ant-tree-indent"
@ -3302,7 +3302,7 @@ exports[`Directory Tree rtl render component should be rendered correctly in RTL
</div> </div>
<div <div
class="ant-tree-list" class="ant-tree-list"
style="position:relative" style="position: relative;"
> >
<div <div
class="ant-tree-list-holder" class="ant-tree-list-holder"
@ -3310,7 +3310,7 @@ exports[`Directory Tree rtl render component should be rendered correctly in RTL
<div> <div>
<div <div
class="ant-tree-list-holder-inner" class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column" style="display: flex; flex-direction: column;"
/> />
</div> </div>
</div> </div>
@ -3326,7 +3326,7 @@ exports[`Directory Tree rtl render component should be rendered correctly in RTL
<div> <div>
<input <input
aria-label="for screen reader" aria-label="for screen reader"
style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0" style="width: 0px; height: 0px; display: flex; overflow: hidden; opacity: 0; border: 0px; padding: 0px; margin: 0px;"
tabindex="0" tabindex="0"
value="" value=""
/> />
@ -3334,7 +3334,7 @@ exports[`Directory Tree rtl render component should be rendered correctly in RTL
<div <div
aria-hidden="true" aria-hidden="true"
class="ant-tree-treenode" class="ant-tree-treenode"
style="position:absolute;pointer-events:none;visibility:hidden;height:0;overflow:hidden" style="position: absolute; pointer-events: none; visibility: hidden; height: 0px; overflow: hidden;"
> >
<div <div
class="ant-tree-indent" class="ant-tree-indent"
@ -3346,7 +3346,7 @@ exports[`Directory Tree rtl render component should be rendered correctly in RTL
</div> </div>
<div <div
class="ant-tree-list" class="ant-tree-list"
style="position:relative" style="position: relative;"
> >
<div <div
class="ant-tree-list-holder" class="ant-tree-list-holder"
@ -3354,7 +3354,7 @@ exports[`Directory Tree rtl render component should be rendered correctly in RTL
<div> <div>
<div <div
class="ant-tree-list-holder-inner" class="ant-tree-list-holder-inner"
style="display:flex;flex-direction:column" style="display: flex; flex-direction: column;"
/> />
</div> </div>
</div> </div>

4
components/upload/__tests__/__snapshots__/upload.test.js.snap
View File

@ -6,7 +6,7 @@ exports[`Upload rtl render component should be rendered correctly in RTL directi
> >
<div <div
class="ant-upload ant-upload-select ant-upload-select-text ant-upload-rtl" class="ant-upload ant-upload-select ant-upload-select-text ant-upload-rtl"
style="display:none" style="display: none;"
> >
<span <span
class="ant-upload" class="ant-upload"
@ -15,7 +15,7 @@ exports[`Upload rtl render component should be rendered correctly in RTL directi
> >
<input <input
accept="" accept=""
style="display:none" style="display: none;"
type="file" type="file"
/> />
</span> </span>

1
site/bisheng.config.js
View File

@ -114,6 +114,7 @@ module.exports = {
// Use dev mod to speed up site preview build // Use dev mod to speed up site preview build
// This is used for CI preview build in `preview-build.yml` // This is used for CI preview build in `preview-build.yml`
if (process.env.SITE_ENV === 'development') { if (process.env.SITE_ENV === 'development') {
// eslint-disable-next-line no-console
console.log('Site build with development mode...'); console.log('Site build with development mode...');
config.mode = 'development'; config.mode = 'development';
} }

21
tests/matchers/rendered-snapshot.ts
View File

@ -1,21 +0,0 @@
import { render } from 'enzyme';
import { ReactElement } from 'react';
export default function toMatchRenderedSnapshot(
this: jest.MatcherUtils,
jsx: ReactElement<unknown>,
): { message(): string; pass: boolean } {
try {
expect(render(jsx)).toMatchSnapshot();
return {
message: () => 'expected JSX not to match snapshot',
pass: true,
};
} catch (e) {
return {
message: () => `expected JSX to match snapshot: ${e.message}`,
pass: false,
};
}
}

4
tests/setupAfterEnv.ts
View File

@ -1,7 +1,3 @@
import { toHaveNoViolations } from 'jest-axe'; import { toHaveNoViolations } from 'jest-axe';
import toMatchRenderedSnapshot from './matchers/rendered-snapshot';
expect.extend(toHaveNoViolations); expect.extend(toHaveNoViolations);
expect.extend({
toMatchRenderedSnapshot,
});

2
tests/shared/rtlTest.tsx
View File

@ -16,7 +16,7 @@ export default function rtlTest(Component: React.ComponentType, mockDate?: boole
<Component /> <Component />
</ConfigProvider>, </ConfigProvider>,
); );
expect(wrapper).toMatchRenderedSnapshot(); expect(wrapper.render()).toMatchSnapshot();
if (mockDate) { if (mockDate) {
MockDate.reset(); MockDate.reset();
} }

1
typings/jest.d.ts vendored
View File

@ -1,6 +1,5 @@
declare namespace jest { declare namespace jest {
interface Matchers<R> { interface Matchers<R> {
toMatchRenderedSnapshot(): R;
toHaveNoViolations(): R; toHaveNoViolations(): R;
} }
} }