ant-design/components/auto-complete/__tests__/focus.test.js

import React from 'react';
import { mount } from 'enzyme';
import AutoComplete from '..';
import focusTest from '../../../tests/shared/focusTest';

describe('AutoComplete could be focus', () => {
  focusTest(AutoComplete);
});

describe('AutoComplete children could be focus', () => {
  beforeAll(() => {
    jest.useFakeTimers();
  });

  let container;
  beforeEach(() => {
    container = document.createElement('div');
    document.body.appendChild(container);
  });

  afterAll(() => {
    jest.useRealTimers();
  });

  afterEach(() => {
    document.body.removeChild(container);
  });

  it('focus() and onFocus', () => {
    const handleFocus = jest.fn();
    const wrapper = mount(
      <AutoComplete onFocus={handleFocus} />
    , { attachTo: container });
    wrapper.find('input').instance().focus();
    jest.runAllTimers();
    expect(handleFocus).toBeCalled();
  });

  it('blur() and onBlur', () => {
    const handleBlur = jest.fn();
    const wrapper = mount(
      <AutoComplete onBlur={handleBlur} />
    , { attachTo: container });
    wrapper.find('input').instance().focus();
    jest.runAllTimers();
    wrapper.find('input').instance().blur();
    jest.runAllTimers();
    expect(handleBlur).toBeCalled();
  });
});