Function blurTest

tests/shared/blurTest.tsx:7–77

(mode: any)

import { type RenderResult, render, fireEvent, createEvent } from '@testing-library/react';

export default function blurTest(mode: any) {
  describe(`blur of ${mode}`, () => {
    injectRunAllTimers(jest);

    let wrapper: RenderResult;
    let container;
    const selectRef = React.createRef<any>();

    const renderDemo = (props?: any) => (
      <Select ref={selectRef} mode={mode} {...props}>
        <Option value="1">1</Option>
        <Option value="2">2</Option>
      </Select>
    );

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

      wrapper = render(renderDemo());
      jest.useFakeTimers();
    });

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

    it('clears inputValue', () => {
      fireEvent.change(wrapper.container.querySelector('input'), { target: { value: '1' } });
      fireEvent.blur(wrapper.container.querySelector('input'));

      expect(wrapper.container.querySelector('input').value).toBe('');
    });

    it('blur()', () => {
      const handleBlur = jest.fn();
      wrapper.rerender(renderDemo({ onBlur: handleBlur }));
      selectRef.current.focus();
      selectRef.current.blur();
      expect(handleBlur).toHaveBeenCalled();
    });

    if (mode === 'multiple' || mode === 'tags') {
      it('wont blur when click input box', () => {
        jest.useFakeTimers();
        const handleBlur = jest.fn();
        wrapper.rerender(renderDemo({ onBlur: handleBlur }));
        fireEvent.focus(wrapper.container.querySelector('input'));
        expect(handleBlur).not.toHaveBeenCalled();

        fireEvent.blur(wrapper.container.querySelector('input'));
        expect(handleBlur).toHaveBeenCalled();

        fireEvent.blur(wrapper.container.querySelector('input'));
        jest.runAllTimers();
        handleBlur.mockReset();

        const preventDefault = jest.fn();