diff --git a/components/form/__tests__/__snapshots__/demo.test.js.snap b/components/form/__tests__/__snapshots__/demo.test.js.snap
index 493dd2c20f9a..9cfdefaabeb9 100644
--- a/components/form/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/form/__tests__/__snapshots__/demo.test.js.snap
@@ -2368,6 +2368,84 @@ exports[`renders ./components/form/demo/disabled.md correctly 1`] = `
+
diff --git a/components/form/__tests__/__snapshots__/index.test.js.snap b/components/form/__tests__/__snapshots__/index.test.js.snap
index 80ea07db9da3..2702ec432b47 100644
--- a/components/form/__tests__/__snapshots__/index.test.js.snap
+++ b/components/form/__tests__/__snapshots__/index.test.js.snap
@@ -838,6 +838,54 @@ exports[`Form form should support disabled 1`] = `
+
diff --git a/components/form/__tests__/index.test.js b/components/form/__tests__/index.test.js
index 95772f66cb42..34f63c1dcfb9 100644
--- a/components/form/__tests__/index.test.js
+++ b/components/form/__tests__/index.test.js
@@ -8,7 +8,7 @@ import * as Util from '../util';
import Button from '../../button';
import Input from '../../input';
import Select from '../../select';
-
+import Upload from '../../upload';
import Cascader from '../../cascader';
import Checkbox from '../../checkbox';
import DatePicker from '../../date-picker';
@@ -945,6 +945,9 @@ describe('Form', () => {
+
+
+
diff --git a/components/form/demo/disabled.md b/components/form/demo/disabled.md
index 454f999968c6..5d0f4de33f8b 100644
--- a/components/form/demo/disabled.md
+++ b/components/form/demo/disabled.md
@@ -14,6 +14,8 @@ title:
Set component disabled, only works for antd components.
```tsx
+import React, { useState } from 'react';
+import { PlusOutlined } from 'infra-design-icons';
import {
Button,
Cascader,
@@ -26,8 +28,8 @@ import {
Select,
Switch,
TreeSelect,
+ Upload,
} from 'infrad';
-import React, { useState } from 'react';
const { RangePicker } = DatePicker;
const { TextArea } = Input;
@@ -102,6 +104,14 @@ const FormDisabledDemo = () => {
+
+
+
+
+
diff --git a/components/input-number/__tests__/index.test.js b/components/input-number/__tests__/index.test.js
index 1cb4be61a2ae..77129eb17bff 100644
--- a/components/input-number/__tests__/index.test.js
+++ b/components/input-number/__tests__/index.test.js
@@ -1,10 +1,10 @@
-import { ArrowDownOutlined, ArrowUpOutlined } from '@ant-design/icons';
-import { mount } from 'enzyme';
import React from 'react';
+import { ArrowDownOutlined, ArrowUpOutlined } from '@ant-design/icons';
import InputNumber from '..';
import focusTest from '../../../tests/shared/focusTest';
import mountTest from '../../../tests/shared/mountTest';
import rtlTest from '../../../tests/shared/rtlTest';
+import { fireEvent, render } from '../../../tests/utils';
describe('InputNumber', () => {
focusTest(InputNumber, { refFocus: true });
@@ -14,32 +14,35 @@ describe('InputNumber', () => {
// https://github.com/ant-design/ant-design/issues/13896
it('should return null when blur a empty input number', () => {
const onChange = jest.fn();
- const wrapper = mount(
);
- wrapper.find('input').simulate('change', { target: { value: '' } });
+ const { container } = render(
);
+ fireEvent.change(container.querySelector('input'), { target: { value: '' } });
expect(onChange).toHaveBeenLastCalledWith(null);
});
it('should call onStep when press up or down button', () => {
const onStep = jest.fn();
- const wrapper = mount(
);
- wrapper.find('.ant-input-number-handler-up').simulate('mousedown');
+ const { container } = render(
);
+ fireEvent.mouseDown(container.querySelector('.ant-input-number-handler-up'));
expect(onStep).toBeCalledTimes(1);
expect(onStep).toHaveBeenLastCalledWith(2, { offset: 1, type: 'up' });
- wrapper.find('.ant-input-number-handler-down').simulate('mousedown');
+
+ fireEvent.mouseDown(container.querySelector('.ant-input-number-handler-down'));
expect(onStep).toBeCalledTimes(2);
expect(onStep).toHaveBeenLastCalledWith(1, { offset: 1, type: 'down' });
});
it('renders correctly when controls is boolean', () => {
- expect(mount(
).render()).toMatchSnapshot();
+ const { asFragment } = render(
);
+ expect(asFragment().firstChild).toMatchSnapshot();
});
it('renders correctly when controls is {}', () => {
- expect(mount(
).render()).toMatchSnapshot();
+ const { asFragment } = render(
);
+ expect(asFragment().firstChild).toMatchSnapshot();
});
it('renders correctly when controls has custom upIcon and downIcon', () => {
- const wrapper = mount(
+ const { asFragment } = render(
,
@@ -47,11 +50,11 @@ describe('InputNumber', () => {
}}
/>,
);
- expect(wrapper.render()).toMatchSnapshot();
+ expect(asFragment().firstChild).toMatchSnapshot();
});
it('should support className', () => {
- const wrapper = mount(
+ const { container } = render(
,
@@ -59,11 +62,11 @@ describe('InputNumber', () => {
}}
/>,
);
- expect(wrapper.find('.anticon-arrow-up').getDOMNode().className.includes('my-class-name')).toBe(
+ expect(container.querySelector('.anticon-arrow-up')?.className.includes('my-class-name')).toBe(
true,
);
expect(
- wrapper.find('.anticon-arrow-down').getDOMNode().className.includes('my-class-name'),
+ container.querySelector('.anticon-arrow-down')?.className.includes('my-class-name'),
).toBe(true);
});
});
diff --git a/components/input-number/__tests__/prefix.test.js b/components/input-number/__tests__/prefix.test.js
index 96f1b797aa14..1f9bee8eeff5 100644
--- a/components/input-number/__tests__/prefix.test.js
+++ b/components/input-number/__tests__/prefix.test.js
@@ -1,25 +1,24 @@
-import { render } from '@testing-library/react';
-import { mount } from 'enzyme';
-import React from 'react';
+import React, { forwardRef } from 'react';
import InputNumber from '..';
import focusTest from '../../../tests/shared/focusTest';
+import { fireEvent, render } from '../../../tests/utils';
describe('prefix', () => {
focusTest(
- React.forwardRef((props, ref) =>
),
+ forwardRef((props, ref) =>
),
{ refFocus: true },
);
it('should support className when has prefix', () => {
const { container } = render(
);
- expect(container.firstChild.className.includes('my-class-name')).toBe(true);
+ expect(container.firstChild?.className.includes('my-class-name')).toBe(true);
expect(container.querySelector('input')?.className.includes('my-class-name')).toBe(false);
});
it('should trigger focus when prefix is clicked', () => {
- const wrapper = mount(
123} />);
+ const { container } = render(123} />);
- const mockFocus = jest.spyOn(wrapper.find('input').getDOMNode(), 'focus');
- wrapper.find('i').simulate('mouseUp');
+ const mockFocus = jest.spyOn(container.querySelector('input'), 'focus');
+ fireEvent.mouseUp(container.querySelector('i'));
expect(mockFocus).toBeCalled();
});
});
diff --git a/components/input/Input.tsx b/components/input/Input.tsx
index c57bfc4ddccf..4bd285858c62 100644
--- a/components/input/Input.tsx
+++ b/components/input/Input.tsx
@@ -39,7 +39,7 @@ export function resolveOnChange;
if (e.type === 'click') {
// Clone a new target for event.
@@ -63,7 +63,7 @@ export function resolveOnChange);
+ onChange(event);
return;
}
@@ -75,10 +75,10 @@ export function resolveOnChange);
+ onChange(event);
return;
}
- onChange(event as React.ChangeEvent);
+ onChange(event);
}
export function triggerFocus(
diff --git a/components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
index 34671947cad8..54ee4e3640ee 100644
--- a/components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -1361,9 +1361,12 @@ exports[`renders ./components/layout/demo/fixed-sider.md extend context correctl
class="site-layout-background"
style="padding:24px;text-align:center"
>
+
+ long content
+
...
- Really
+ ...
...
@@ -1371,7 +1374,7 @@ exports[`renders ./components/layout/demo/fixed-sider.md extend context correctl
...
- long
+ ...
...
@@ -1401,6 +1404,8 @@ exports[`renders ./components/layout/demo/fixed-sider.md extend context correctl
...
+ more
+
...
...
@@ -1439,6 +1444,110 @@ exports[`renders ./components/layout/demo/fixed-sider.md extend context correctl
...
+ more
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ more
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ more
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
+ ...
+
...
...
@@ -1455,7 +1564,6 @@ exports[`renders ./components/layout/demo/fixed-sider.md extend context correctl
...
- content