import _merge from 'lodash/merge';
import ApiHelpers from './util/ApiHelpers.jsx';
import BaseTable from './BaseTable.jsx';
import { routerWrap } from '../../test/testHelpers.jsx';
import { mount } from 'enzyme';

describe("Tests for <BaseTable>", () => {
  const defaultProps = {
    api: ApiHelpers(""),
  };
  const tableColumns = [{
    dataIndex: "pods.totalPods",
    title: "Meshed"
  },
  {
    dataIndex: "deployment",
    title: "Name"
  },
  {
    dataIndex: "namespace",
    title: "Namespace"
  }];

  it("renders the table with sample data", () => {

    let extraProps = _merge({}, defaultProps, {
      tableRows: [{
        deployment: "authors",
        namespace: "default",
        key: "default-deployment-authors",
        pods: {totalPods: "1", meshedPods: "1"}
      }],
      tableColumns: tableColumns,
    });

    const component = mount(routerWrap(BaseTable, extraProps));
    const table = component.find("BaseTable");
    expect(table).toBeDefined();
    expect(table.props().tableRows).toHaveLength(1);
    expect(table.props().tableColumns).toHaveLength(3);
    expect(table.find("td")).toHaveLength(3);
    expect(table.find("tr")).toHaveLength(2);
  });

  it("if enableFilter is true, user is shown the filter dialog", () => {

    let extraProps = _merge({}, defaultProps, {
      tableRows: [{
        deployment: "authors",
        namespace: "default",
        key: "default-deployment-authors",
        pods: {totalPods: "1", meshedPods: "1"}
      },
      {
        deployment: "books",
        namespace: "default",
        key: "default-deployment-books",
        pods: {totalPods: "2", meshedPods: "1"}
      }],
      tableColumns: tableColumns,
      enableFilter: true
    });

    const component = mount(routerWrap(BaseTable, extraProps));
    const table = component.find("BaseTable");
    const enableFilter = table.prop("enableFilter");
    const filterIcon = table.find("FilterListIcon");
    expect(enableFilter).toEqual(true);
    expect(filterIcon).toBeDefined();
  });
});