ant-design/components/transfer/__tests__/customize.test.tsx

import React from 'react';

import { render } from '../../../tests/utils';
import type { TransferProps } from '../index';
import Transfer from '../index';

describe('Transfer.Customize', () => {
  const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});

  afterEach(() => {
    errorSpy.mockReset();
  });

  afterAll(() => {
    errorSpy.mockRestore();
  });

  it('props#body does not work anymore', () => {
    const body = jest.fn();
    const props = { body } as TransferProps<any>;
    render(<Transfer {...props} />);
    expect(errorSpy).not.toHaveBeenCalled();
    expect(body).not.toHaveBeenCalled();
  });

  describe('deprecated function', () => {
    const dataSource: Record<'key', string>[] = [];
    for (let i = 0; i < 10; i += 1) {
      dataSource.push({ key: i.toString() });
    }
    const commonProps = {
      dataSource,
      selectedKeys: ['1'],
      targetKeys: ['2'],
    };

    it('should not exist in render props', () => {
      render(
        <Transfer {...commonProps}>
          {(props) => {
            expect('handleFilter' in props).toBeFalsy();
            expect('handleSelect' in props).toBeFalsy();
            expect('handleSelectAll' in props).toBeFalsy();
            expect('handleClear' in props).toBeFalsy();
            expect('body' in props).toBeFalsy();
            expect('checkedKeys' in props).toBeFalsy();
            return null;
          }}
        </Transfer>,
      );
    });
  });

  it('warning if use `pagination`', () => {
    render(
      <Transfer dataSource={[]} pagination>
        {() => null}
      </Transfer>,
    );
    expect(errorSpy).toHaveBeenCalledWith(
      'Warning: [antd: Transfer] `pagination` not support customize render list.',
    );
  });
});