Function maxTagTextLengthTest

tests/shared/maxTagRenderTest.tsx:7–130

(mode: any)

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

export default function maxTagTextLengthTest(mode: any) {
  describe('max tag render', () => {
    it('truncates values by maxTagTextLength', () => {
      const { container } = render(
        <Select mode={mode} value={['one', 'two']} maxTagTextLength={2}>
          <Option value="one">One</Option>
          <Option value="two">Two</Option>
        </Select>,
      );

      expect(container.firstChild).toMatchSnapshot();
    });

    it('truncates tags by maxTagCount', () => {
      const { container } = render(
        <Select mode={mode} value={['one', 'two', 'three']} maxTagCount={2}>
          <Option value="one">One</Option>
          <Option value="two">Two</Option>
          <Option value="three">Three</Option>
        </Select>,
      );

      expect(container.querySelectorAll('.rc-select-selection-item')).toHaveLength(3);
    });

    it('truncates tags by maxTagCount while maxTagCount is 0', () => {
      const { container } = render(
        <Select mode={mode} value={['one', 'two', 'three']} maxTagCount={0}>
          <Option value="one">One</Option>
          <Option value="two">Two</Option>
          <Option value="three">Three</Option>
        </Select>,
      );

      expect(container.querySelectorAll('.rc-select-selection-item')).toHaveLength(1);
      expect(findSelection(container).textContent).toEqual('+ 3 ...');
    });

    it('not display maxTagPlaceholder if maxTagCount not reach', () => {
      const { container } = render(
        <Select mode={mode} maxTagCount={2}>
          <Option value="one">One</Option>
          <Option value="two">Two</Option>
          <Option value="three">Three</Option>
        </Select>,
      );

      expect(container.firstChild).toMatchSnapshot();
    });

    it('truncates tags by maxTagCount and show maxTagPlaceholder', () => {
      const { container } = render(
        <Select
          mode={mode}
          value={['one', 'two', 'three']}
          maxTagCount={2}
          maxTagPlaceholder={<span>Omitted</span>}
        >