Function dynamicChildrenTest

tests/shared/dynamicChildrenTest.tsx:7–184

(mode: any, props?: Partial<SelectProps>)

import { render } from '@testing-library/react';

export default function dynamicChildrenTest(mode: any, props?: Partial<SelectProps>) {
  injectRunAllTimers(jest);

  beforeEach(() => {
    jest.useFakeTimers();
  });

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

  it('dynamic children', () => {
    const onChange = jest.fn();
    const onSelect = jest.fn();

    class App extends React.Component {
      public state = {
        value: ['1'],
        options: [
          <Option key="1" testprop="test">
            1-label
          </Option>,
          <Option key="2">2-label</Option>,
        ],
      };

      public select: any;

      public componentDidMount() {
        setTimeout(() => {
          this.updateChildren();
        }, 10);
      }

      public updateChildren = () => {
        this.setState({
          options: [<Option key="2">2-label</Option>, <Option key="3">3-label</Option>],
        });
      };

      public render() {
        return (
          <Select
            value={this.state.value}
            ref={(node) => {
              this.select = node;
            }}
            mode={mode}
            {...props}
            onChange={onChange}
            onSelect={onSelect}
          >
            {this.state.options}
          </Select>
        );
      }
    }