Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/node_modules/react-select/src/__tests__/   drwxr-xr-x
Free 13.01 GB of 57.97 GB (22.44%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     AsyncCreatable.test.js (2.1 KB)      -rw-r--r--

import React from 'react';

import AsyncCreatable from '../AsyncCreatable';
import { OPTIONS } from './constants';
import { render, waitFor } from '@testing-library/react';
import userEvent from '@testing-library/user-event';

test('defaults - snapshot', () => {
  const { container } = render(<AsyncCreatable />);
  expect(container).toMatchSnapshot();
});

test('creates an inner Select', () => {
  const { container } = render(
    <AsyncCreatable className="react-select" classNamePrefix="react-select" />
  );
  expect(container.querySelector('.react-select')).toBeInTheDocument();
});

test('render decorated select with props passed', () => {
  const { container } = render(
    <AsyncCreatable className="foo" classNamePrefix="foo" />
  );
  expect(container.querySelector('.foo')).toBeInTheDocument();
});

test('to show the create option in menu', () => {
  let { container, rerender } = render(
    <AsyncCreatable className="react-select" classNamePrefix="react-select" />
  );
  let input = container.querySelector('div.react-select__input input');
  rerender(
    <AsyncCreatable
      className="react-select"
      classNamePrefix="react-select"
      inputValue="a"
    />
  );
  userEvent.type(input, 'a');
  expect(container.querySelector('.react-select__option').textContent).toBe(
    'Create "a"'
  );
});

test('to show loading and then create option in menu', async () => {
  let loadOptionsSpy = jest.fn((inputValue, callback) =>
    setTimeout(() => callback(OPTIONS), 200)
  );
  let { container } = render(
    <AsyncCreatable
      className="react-select"
      classNamePrefix="react-select"
      loadOptions={loadOptionsSpy}
    />
  );
  let input = container.querySelector('div.react-select__input input');
  userEvent.type(input, 'a');

  // to show a loading message while loading options
  expect(container.querySelector('.react-select__menu').textContent).toBe(
    'Loading...'
  );
  await waitFor(() => {
    // show create options once options are loaded
    let options = container.querySelectorAll('.react-select__option');
    expect(options[options.length - 1].textContent).toBe('Create "a"');
  });
});