test/ant-design
1
0
Fork 0
mirror of https://gitee.com/ant-design/ant-design.git synced 2024-11-30 11:08:45 +08:00
Code Issues Actions 68 Packages Projects Releases Wiki Activity

test: replace testing-lib in focusTest (#37280)

Browse Source 
* feat: replace testing-lib

* feat: update for lint
This commit is contained in:
黑雨 2022-08-30 10:09:37 +08:00 committed by GitHub
parent 3c72aa0855
commit 5a2c6edefd
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
tests/shared/focusTest.tsx
View File

@ -1,7 +1,5 @@
import React from 'react';
import type { ReactWrapper } from 'enzyme';
import { mount } from 'enzyme';
import { sleep, render } from '../utils';
import { sleep, render, fireEvent } from '../utils';
// eslint-disable-next-line jest/no-export
export default function focusTest(
@ -60,10 +58,10 @@ export default function focusTest(
}
// ======================== Enzyme ========================
let container: HTMLElement;
let containerHtml: HTMLElement;
beforeEach(() => {
container = document.createElement('div');
document.body.appendChild(container);
containerHtml = document.createElement('div');
document.body.appendChild(containerHtml);
focused = false;
blurred = false;
});
@ -74,28 +72,20 @@ export default function focusTest(
});
afterEach(() => {
document.body.removeChild(container);
document.body.removeChild(containerHtml);
});
const getElement = (wrapper: ReactWrapper) => {
let ele = wrapper.find('input').first();
if (ele.length === 0) {
ele = wrapper.find('button').first();
}
if (ele.length === 0) {
ele = wrapper.find('textarea').first();
}
if (ele.length === 0) {
ele = wrapper.find('div[tabIndex]').first();
}
return ele;
};
const getElement = (container: { querySelector: Function }) =>
container.querySelector('input') ||
container.querySelector('button') ||
container.querySelector('textarea') ||
container.querySelector('div[tabIndex]');
if (refFocus) {
it('Ref: focus() and onFocus', () => {
const onFocus = jest.fn();
const ref = React.createRef<any>();
const wrapper = mount(
const { container } = render(
<div>
<Component onFocus={onFocus} ref={ref} />
</div>,
@ -103,7 +93,7 @@ export default function focusTest(
ref.current.focus();
expect(focused).toBeTruthy();
getElement(wrapper).simulate('focus');
fireEvent.focus(getElement(container));
expect(onFocus).toHaveBeenCalled();
});
@ -111,7 +101,7 @@ export default function focusTest(
jest.useRealTimers();
const onBlur = jest.fn();
const ref = React.createRef<any>();
const wrapper = mount(
const { container } = render(
<div>
<Component onBlur={onBlur} ref={ref} />
</div>,
@ -120,42 +110,42 @@ export default function focusTest(
ref.current.blur();
expect(blurred).toBeTruthy();
getElement(wrapper).simulate('blur');
fireEvent.blur(getElement(container));
await sleep(0);
expect(onBlur).toHaveBeenCalled();
});
it('Ref: autoFocus', () => {
const onFocus = jest.fn();
const wrapper = mount(<Component autoFocus onFocus={onFocus} />);
const { container } = render(<Component autoFocus onFocus={onFocus} />);
expect(focused).toBeTruthy();
getElement(wrapper).simulate('focus');
fireEvent.focus(getElement(container));
expect(onFocus).toHaveBeenCalled();
});
} else {
it('focus() and onFocus', () => {
const handleFocus = jest.fn();
const wrapper = mount(<Component onFocus={handleFocus} />, { attachTo: container });
(wrapper.instance() as any).focus();
const { container } = render(<Component onFocus={handleFocus} />);
fireEvent.focus(getElement(container));
expect(handleFocus).toHaveBeenCalled();
});
it('blur() and onBlur', async () => {
jest.useRealTimers();
const handleBlur = jest.fn();
const wrapper = mount(<Component onBlur={handleBlur} />, { attachTo: container });
(wrapper.instance() as any).focus();
const { container } = render(<Component onBlur={handleBlur} />);
fireEvent.focus(getElement(container));
await sleep(0);
(wrapper.instance() as any).blur();
fireEvent.blur(getElement(container));
await sleep(0);
expect(handleBlur).toHaveBeenCalled();
});
it('autoFocus', () => {
const handleFocus = jest.fn();
mount(<Component autoFocus onFocus={handleFocus} />, { attachTo: container });
render(<Component autoFocus onFocus={handleFocus} />);
expect(handleFocus).toHaveBeenCalled();
});
}