Function removeSelectedTest

tests/shared/removeSelectedTest.tsx:7–104

(mode: any)

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

export default function removeSelectedTest(mode: any) {
  describe('remove selected options', () => {
    it('fires deselect and change', () => {
      const handleDeselect = jest.fn();
      const handleChange = jest.fn();
      const { container } = render(
        <Select value={['1', '2']} onChange={handleChange} onDeselect={handleDeselect} mode={mode}>
          <Option value="1" testprop="deselect">
            1
          </Option>
          <Option value="2">2</Option>
        </Select>,
      );
      removeSelection(container);

      expect(handleDeselect).toBeCalledWith(
        '1',
        expect.objectContaining({ value: '1', testprop: 'deselect' }),
      );
      expect(handleChange).toBeCalledWith(['2'], expect.anything());
    });

    it('noop if select is disabled', () => {
      const handleDeselect = jest.fn();
      const handleChange = jest.fn();
      const { container } = render(
        <Select
          value={['1']}
          onChange={handleChange}
          onDeselect={handleDeselect}
          disabled
          mode={mode}
        >
          <Option value="1">1</Option>
          <Option value="2">2</Option>
        </Select>,
      );

      expect(container.querySelector('.rc-select-selection-item-remove')).toBeFalsy();
    });

    it('wrap value when labelInValue', () => {
      const handleDeselect = jest.fn();
      const handleChange = jest.fn();
      const { container } = render(
        <Select
          value={[{ key: '1' }, { key: '2' }]}
          onChange={handleChange}
          onDeselect={handleDeselect}
          labelInValue
          mode={mode}
        >
          <Option value="1">1</Option>
          <Option value="2">2</Option>
        </Select>,
      );
      removeSelection(container);