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/@buffetjs/core/src/components/Table/tests/   drwxr-xr-x
Free 13.15 GB of 57.97 GB (22.69%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (3.48 KB)      -rw-r--r--

import React from 'react';
import { mount } from 'enzyme';

import { TableRowEmpty } from '@buffetjs/styles';
import TableRow from '../../TableRow';
import Table from '../index';
import ActionCollapse from '../ActionCollapse';

describe('<Table />', () => {
  // eslint-disable-next-line jest/expect-expect
  it('Should not crash', () => {
    mount(<Table />);
  });

  it('Should display the Empty row if there is no data', () => {
    const wrapper = mount(<Table />);

    expect(wrapper.find(TableRow)).toHaveLength(0);
    expect(wrapper.find(TableRowEmpty)).toHaveLength(1);
  });

  it('Should display a custom component if given', () => {
    const Custom = () => (
      <tr>
        <td>Test</td>
      </tr>
    );
    const headers = [
      {
        value: 'test',
      },
    ];
    const rows = [
      {
        test: 'test1',
        other: 'other',
      },
    ];
    const wrapper = mount(
      <Table customRow={Custom} rows={rows} headers={headers} />,
    );

    expect(wrapper.find(TableRow)).toHaveLength(0);
    expect(wrapper.find(TableRowEmpty)).toHaveLength(0);
    expect(wrapper.find(Custom)).toHaveLength(1);
  });

  it('Should display the ActionCollapse correctly without the rowLinks', () => {
    const headers = [
      {
        value: 'test',
      },
    ];
    const rows = [
      {
        test: 'test1',
        other: 'other',
        _isChecked: true,
      },
    ];
    const wrapper = mount(
      <Table rows={rows} headers={headers} withBulkAction />,
    );
    const collapse = wrapper.find(ActionCollapse);

    expect(collapse).toHaveLength(1);
    expect(collapse.prop('colSpan')).toBe(2);
  });

  it('Should display the ActionCollapse correctly with the bulkAction', () => {
    const headers = [
      {
        value: 'test',
      },
    ];
    const rows = [
      {
        test: 'test1',
        other: 'other',
        _isChecked: true,
      },
    ];
    const rowLinks = [{ icon: 'trash', onClick: jest.fn() }];
    const wrapper = mount(
      <Table rows={rows} headers={headers} rowLinks={rowLinks} withBulkAction />,
    );
    const collapse = wrapper.find(ActionCollapse);
    expect(collapse).toHaveLength(1);
    expect(collapse.prop('colSpan')).toBe(3);
  });

  it('Should display the ActionCollapse if one of the row is not checked', () => {
    const headers = [
      {
        value: 'test',
      },
    ];
    const rows = [
      {
        test: 'test1',
        other: 'other',
        _isChecked: true,
      },
      {
        test: 'test2',
        other: 'other1',
        _isChecked: false,
      },
    ];
    const rowLinks = [{ icon: 'trash', onClick: jest.fn() }];
    const wrapper = mount(
      <Table rows={rows} headers={headers} rowLinks={rowLinks} withBulkAction />,
    );
    const collapse = wrapper.find(ActionCollapse);

    expect(collapse).toHaveLength(1);
    expect(collapse.prop('numberOfSelectedEntries')).toBe(1);
  });

  it('Should not display the ActionCollapse if the withBulkAction is false', () => {
    const headers = [
      {
        value: 'test',
      },
    ];
    const rows = [
      {
        test: 'test1',
        other: 'other',
        _isChecked: true,
      },
      {
        test: 'test2',
        other: 'other1',
        _isChecked: true,
      },
    ];
    const rowLinks = [{ icon: 'trash', onClick: jest.fn() }];
    const wrapper = mount(
      <Table rows={rows} headers={headers} rowLinks={rowLinks} />,
    );
    const collapse = wrapper.find(ActionCollapse);

    expect(collapse).toHaveLength(0);
  });
});