@kineticdata/react 6.0.3 → 6.0.5

package/lib/components/table/Table.test.js

@@ -1,700 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _index = require("../../index");
-var _store = require("../../store");
-var _enzyme = require("enzyme");
-var _immutable = require("immutable");
-var _fixtures = require("../../../tests/fixtures");
-var _defaults = require("./defaults");
-var _Table = require("./Table");
-var _excluded = ["dataSource", "filters", "filterDataSources", "columns", "tableOptions", "tableKey", "TableView"];
-var buildProps = function buildProps(props) {
-  props.columnComponents = (0, _Table.extractColumnComponents)(props.columns);
-  return props;
-};
-
-// Things passed in from generateTables
-// tableOptions, columns, dataSource, sortable
-
-var TABLE_KEY = 'mock-table-key';
-var TableViewMock = function TableViewMock(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.table, props.pagination, props.filter);
-};
-var mountTable = function mountTable(_ref) {
-  var dataSource = _ref.dataSource,
-    filters = _ref.filters,
-    filterDataSources = _ref.filterDataSources,
-    _ref$columns = _ref.columns,
-    columns = _ref$columns === void 0 ? [] : _ref$columns,
-    _ref$tableOptions = _ref.tableOptions,
-    tableOptions = _ref$tableOptions === void 0 ? {} : _ref$tableOptions,
-    _ref$tableKey = _ref.tableKey,
-    tableKey = _ref$tableKey === void 0 ? TABLE_KEY : _ref$tableKey,
-    _ref$TableView = _ref.TableView,
-    TableView = _ref$TableView === void 0 ? TableViewMock : _ref$TableView,
-    tableProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  // Generate a new Table type using the options.
-  var Table = (0, _Table.generateTable)({
-    dataSource: dataSource,
-    columns: columns,
-    filters: filters,
-    filterDataSources: filterDataSources,
-    tableOptions: Object.keys(tableOptions)
-  });
-  return new Promise(function (resolve) {
-    var result = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement(Table, Object.assign({
-      tableKey: tableKey,
-      uncontrolled: true
-    }, tableProps, tableOptions), function (props) {
-      return /*#__PURE__*/_react["default"].createElement(TableView, props);
-    })));
-    var ready = function ready() {
-      return !(_store.store.getState().getIn(['tables', tableKey, 'loading'], true) || _store.store.getState().getIn(['tables', tableKey, 'initializing'], true));
-    };
-    if (ready()) {
-      result.update();
-      resolve(result);
-    } else {
-      var unsub = _store.store.subscribe(function () {
-        if (ready()) {
-          result.update();
-          resolve(result);
-          // Remove the store listener since we're done.
-          unsub();
-        }
-      });
-    }
-  });
-};
-
-/*
-
-* Repeat for: server-side, server-side w/client sort and paginate, client-side
-* test sorting by column
-* test sorting changing direction
-* test default sort parameters
-
-* test pure-client-side (data prop passed)
-
- * test overriding default components for whole table
- * test altering columns
- ** changing component
- ** What else *can* be changed???
- * test adding columns
- * test valueTransform
- * test columnSet
- * test pageSize
- * test sortable
- * test omit header
- * test include footer
-
-
- */
-
-describe('<Table />', function () {
-  describe('render', function () {
-    var data, columns, wrapper, dataSourceFn;
-    beforeEach(function () {
-      data = {
-        mockData: [{
-          name: 'test',
-          status: 'active'
-        }]
-      };
-      columns = [{
-        value: 'name',
-        title: 'Name',
-        sortable: true,
-        filter: 'startsWith',
-        type: 'text'
-      }, {
-        value: 'status',
-        title: 'Status',
-        sortable: true,
-        filter: 'equals',
-        type: 'text',
-        options: function options() {
-          return [{
-            label: 'Active',
-            value: 'active'
-          }, {
-            label: 'Inactive',
-            value: 'inactive'
-          }];
-        }
-      }];
-      dataSourceFn = jest.fn(function () {
-        return Promise.resolve(data);
-      });
-    });
-    afterEach(function () {
-      if (wrapper) {
-        wrapper.unmount();
-      }
-    });
-    test('kitchen sink', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-      var ActionCell, addColumns;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            ActionCell = function ActionCell(props) {
-              return /*#__PURE__*/_react["default"].createElement("td", null, props.value);
-            };
-            addColumns = [{
-              value: '_action',
-              label: 'Actions',
-              components: {
-                BodyCell: ActionCell
-              }
-            }];
-            _context.next = 4;
-            return mountTable({
-              columns: columns,
-              addColumns: addColumns,
-              dataSource: function dataSource(_tableOptions) {
-                return {
-                  fn: dataSourceFn,
-                  params: function params(_paramData) {
-                    return [];
-                  },
-                  transform: function transform(result) {
-                    return {
-                      data: result.mockData
-                    };
-                  }
-                };
-              }
-            });
-          case 4:
-            wrapper = _context.sent;
-            expect(wrapper).toMatchSnapshot();
-          case 6:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    })));
-    describe('filters', function () {
-      test('legacy filters', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
-        var filterLayout;
-        return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return mountTable({
-                dataSource: function dataSource(_tableOptions) {
-                  return {
-                    fn: dataSourceFn,
-                    params: function params(_paramData) {
-                      return [];
-                    },
-                    transform: function transform(result) {
-                      return {
-                        data: result.mockData
-                      };
-                    }
-                  };
-                }
-              });
-            case 2:
-              wrapper = _context2.sent;
-              filterLayout = wrapper.find('FilterLayout');
-              expect(filterLayout).toBeDefined();
-              expect(filterLayout).toMatchSnapshot();
-            case 6:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      })));
-      test('filter form', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3() {
-        var filterForm;
-        return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return mountTable({
-                filters: function filters() {
-                  return function () {
-                    return [{
-                      name: 'name',
-                      label: 'Name',
-                      type: 'text'
-                    }, {
-                      name: 'status',
-                      label: 'Status',
-                      type: 'text'
-                    }];
-                  };
-                },
-                dataSource: function dataSource(_tableOptions) {
-                  return {
-                    fn: dataSourceFn,
-                    params: function params(_paramData) {
-                      return [];
-                    },
-                    transform: function transform(result) {
-                      return {
-                        data: result.mockData
-                      };
-                    }
-                  };
-                }
-              });
-            case 2:
-              wrapper = _context3.sent;
-              filterForm = wrapper.find('FilterForm');
-              expect(filterForm).toBeDefined();
-              expect(filterForm).toMatchSnapshot();
-            case 6:
-            case "end":
-              return _context3.stop();
-          }
-        }, _callee3);
-      })));
-    });
-    describe('dataSource', function () {
-      test('dataSource resolves', /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4() {
-        return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.next = 2;
-              return mountTable({
-                dataSource: function dataSource(_tableOptions) {
-                  return {
-                    fn: dataSourceFn,
-                    params: function params(_paramData) {
-                      return [];
-                    },
-                    transform: function transform(result) {
-                      return {
-                        data: result.mockData
-                      };
-                    }
-                  };
-                }
-              });
-            case 2:
-              wrapper = _context4.sent;
-              expect(wrapper).toMatchSnapshot();
-              expect(dataSourceFn.mock.calls).toMatchSnapshot();
-            case 5:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4);
-      })));
-    });
-  });
-  describe('build methods', function () {
-    var props;
-    var data = [];
-    var columns = (0, _immutable.List)([]);
-    var columnSet = (0, _immutable.List)([]);
-    beforeEach(function () {
-      data = (0, _fixtures.users)(2);
-      columns = (0, _immutable.List)([(0, _immutable.Map)({
-        value: 'username',
-        title: 'Username'
-      })]);
-      columnSet = (0, _immutable.List)(['username']);
-      props = {
-        // Spread in the default components since the method tests will not be getting
-        // any components from the context since we're bypassing the top level `Table`
-        // component for testing.
-        components: (0, _objectSpread2["default"])({}, _defaults.DefaultTableConfig.toJS()),
-        data: data,
-        columns: columns,
-        columnSet: columnSet,
-        rows: (0, _immutable.List)(data).map(function (r) {
-          return (0, _immutable.Map)(r);
-        })
-      };
-    });
-    describe('#buildTable', function () {
-      test('it renders normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTable)(buildProps(props))));
-        expect(wrapper.is('table')).toBeTruthy();
-        expect(wrapper.is('table.custom-table')).toBeFalsy();
-      });
-      test('it renders a custom table', function () {
-        var TableLayout = function TableLayout() {
-          return /*#__PURE__*/_react["default"].createElement("table", {
-            className: "custom-table"
-          });
-        };
-        props.components.TableLayout = TableLayout;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTable)(buildProps(props))));
-        expect(wrapper.is('table.custom-table')).toBeTruthy();
-      });
-    });
-    describe('#buildTableHeader', function () {
-      test('it renders normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeader)(buildProps(props))));
-        expect(wrapper.is('thead')).toBeTruthy();
-        expect(wrapper.is('thead.custom-thead')).toBeFalsy();
-      });
-      test('it does not render when omitHeader is set', function () {
-        props.omitHeader = true;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeader)(buildProps(props))));
-        expect(wrapper.is('thead')).toBeFalsy();
-      });
-      test('it renders a custom thead', function () {
-        var Header = function Header() {
-          return /*#__PURE__*/_react["default"].createElement("thead", {
-            className: "custom-thead"
-          });
-        };
-        props.components.Header = Header;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeader)(buildProps(props))));
-        expect(wrapper.is('thead.custom-thead')).toBeTruthy();
-      });
-    });
-    describe('#buildTableHeaderRow', function () {
-      test('it renders normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderRow)(buildProps(props))));
-        expect(wrapper.is('tr')).toBeTruthy();
-        expect(wrapper.is('tr.custom-tr')).toBeFalsy();
-      });
-      test('it renders a custom thead', function () {
-        var HeaderRow = function HeaderRow() {
-          return /*#__PURE__*/_react["default"].createElement("tr", {
-            className: "custom-tr"
-          });
-        };
-        props.components.HeaderRow = HeaderRow;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderRow)(buildProps(props))));
-        expect(wrapper.is('tr.custom-tr')).toBeTruthy();
-      });
-    });
-    describe('#buildTableHeaderCell', function () {
-      test('it renders normally', function () {
-        var column = columns.first();
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderCell)(buildProps(props))(column, 0)));
-        expect(wrapper.is('th')).toBeTruthy();
-        expect(wrapper.is('td.custom-td')).toBeFalsy();
-      });
-      test('it renders a custom th', function () {
-        var column = columns.first();
-        var HeaderCell = function HeaderCell() {
-          return /*#__PURE__*/_react["default"].createElement("th", {
-            className: "custom-th"
-          });
-        };
-        props.components.HeaderCell = HeaderCell;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderCell)(buildProps(props))(column, 0)));
-        expect(wrapper.is('th.custom-th')).toBeTruthy();
-      });
-      test('it renders a custom th for a specific column', function () {
-        var HeaderCell = function HeaderCell() {
-          return /*#__PURE__*/_react["default"].createElement("th", {
-            className: "custom-cell-th"
-          });
-        };
-        props.columns = props.columns.push((0, _immutable.Map)({
-          value: 'displayName',
-          title: 'DisplayName',
-          components: {
-            HeaderCell: HeaderCell
-          }
-        }));
-        props.columnSet = props.columnSet.push('displayName');
-        var column = props.columns.last();
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeaderCell)(buildProps(props))(column, 0)));
-        expect(wrapper.hasClass('custom-cell-th')).toBeTruthy();
-      });
-    });
-    describe('#buildTableBody', function () {
-      test('it renders normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableBody)(buildProps(props))));
-        expect(wrapper.is('tbody')).toBeTruthy();
-        expect(wrapper.is('tbody.custom-tbody')).toBeFalsy();
-      });
-      test('it renders a custom tbody', function () {
-        var Header = function Header() {
-          return /*#__PURE__*/_react["default"].createElement("tbody", {
-            className: "custom-tbody"
-          });
-        };
-        props.components.Header = Header;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableHeader)(buildProps(props))));
-        expect(wrapper.is('tbody.custom-tbody')).toBeTruthy();
-      });
-    });
-    describe('#buildTableBodyRows', function () {
-      test('it renders rows normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, (0, _Table.buildTableBodyRows)(buildProps(props))))));
-        expect(wrapper.find('tr')).toHaveLength(props.rows.size);
-        expect(wrapper.find('tr').first().hasClass('custom-tr')).toBeFalsy();
-      });
-      test('it renders custom rows', function () {
-        var BodyRow = function BodyRow() {
-          return /*#__PURE__*/_react["default"].createElement("tr", {
-            className: "custom-tr"
-          });
-        };
-        props.components.BodyRow = BodyRow;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, (0, _Table.buildTableBodyRows)(buildProps(props))))));
-        expect(wrapper.find('tr')).toHaveLength(props.rows.size);
-        expect(wrapper.find('tr').first().hasClass('custom-tr')).toBeTruthy();
-      });
-      test('it renders default empty row', function () {
-        props.rows = (0, _immutable.List)([]);
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, (0, _Table.buildTableBodyRows)(buildProps(props))))));
-        expect(wrapper.find('tr')).toHaveLength(1);
-        expect(wrapper.find('tr').first().hasClass('custom-empty-tr')).toBeFalsy();
-      });
-      test('it renders custom empty row', function () {
-        var EmptyBodyRow = function EmptyBodyRow() {
-          return /*#__PURE__*/_react["default"].createElement("tr", {
-            className: "custom-empty-tr"
-          });
-        };
-        props.rows = (0, _immutable.List)([]);
-        props.components.EmptyBodyRow = EmptyBodyRow;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, (0, _Table.buildTableBodyRows)(buildProps(props))))));
-        expect(wrapper.find('tr')).toHaveLength(1);
-        expect(wrapper.find('tr').hasClass('custom-empty-tr')).toBeTruthy();
-      });
-    });
-    describe('#buildTableBodyCells', function () {
-      test('it renders cells normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, (0, _Table.buildTableBodyCells)(buildProps(props), props.rows.first(), 0))))));
-        expect(wrapper.find('tr td')).toHaveLength(1);
-        expect(wrapper.find('tr td').first().hasClass('custom-td')).toBeFalsy();
-      });
-      test('it renders custom cells', function () {
-        var BodyCell = function BodyCell() {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "custom-td"
-          });
-        };
-        props.components.BodyCell = BodyCell;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, (0, _Table.buildTableBodyCells)(buildProps(props), props.rows.first(), 0))))));
-        expect(wrapper.find('tr td')).toHaveLength(props.columnSet.size);
-        expect(wrapper.find('tr td').first().hasClass('custom-td')).toBeTruthy();
-      });
-      test('it renders custom column cells', function () {
-        var BodyCell = function BodyCell() {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "custom-td"
-          });
-        };
-        props.columns = props.columns.push((0, _immutable.Map)({
-          value: 'displayName',
-          title: 'DisplayName',
-          components: {
-            BodyCell: BodyCell
-          }
-        }));
-        props.columnSet = props.columnSet.push('displayName');
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("table", null, /*#__PURE__*/_react["default"].createElement("tbody", null, /*#__PURE__*/_react["default"].createElement("tr", null, (0, _Table.buildTableBodyCells)(buildProps(props), props.rows.first(), 0))))));
-        expect(wrapper.find('tr td')).toHaveLength(props.columns.size);
-        expect(wrapper.find('tr td').first().hasClass('custom-td')).toBeFalsy();
-        expect(wrapper.find('tr td').last().hasClass('custom-td')).toBeTruthy();
-      });
-    });
-    describe('#buildTableFooter', function () {
-      test('it does not render normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooter)(buildProps(props))));
-        expect(wrapper.is('tfoot')).toBeFalsy();
-      });
-      test('it renders with includeFooter', function () {
-        props.includeFooter = true;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooter)(buildProps(props))));
-        expect(wrapper.is('tfoot')).toBeTruthy();
-        expect(wrapper.is('tfoot.custom-tfoot')).toBeFalsy();
-      });
-      test('it renders a custom tfoot', function () {
-        var Footer = function Footer() {
-          return /*#__PURE__*/_react["default"].createElement("tfoot", {
-            className: "custom-tfoot"
-          });
-        };
-        props.includeFooter = true;
-        props.components.Footer = Footer;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooter)(buildProps(props))));
-        expect(wrapper.is('tfoot.custom-tfoot')).toBeTruthy();
-      });
-    });
-    describe('#buildTableFooterRow', function () {
-      test('it renders normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooterRow)(buildProps(props))));
-        expect(wrapper.is('tr')).toBeTruthy();
-        expect(wrapper.is('tr.custom-tr')).toBeFalsy();
-      });
-      test('it renders a custom tr', function () {
-        var FooterRow = function FooterRow() {
-          return /*#__PURE__*/_react["default"].createElement("tr", {
-            className: "custom-tr"
-          });
-        };
-        props.components.FooterRow = FooterRow;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooterRow)(buildProps(props))));
-        expect(wrapper.is('tr.custom-tr')).toBeTruthy();
-      });
-    });
-    describe('#buildTableFooterCells', function () {
-      test('it renders normally', function () {
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooterCells)(buildProps(props))));
-        expect(wrapper.first().is('td')).toBeTruthy();
-        expect(wrapper.first().is('td.custom-td')).toBeFalsy();
-      });
-      test('it renders a custom td', function () {
-        var FooterCell = function FooterCell() {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "custom-td"
-          });
-        };
-        props.components.FooterCell = FooterCell;
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, (0, _Table.buildTableFooterCells)(buildProps(props))));
-        expect(wrapper.is('td.custom-td')).toBeTruthy();
-      });
-      test('it renders a custom td for a specific column', function () {
-        var FooterCell = function FooterCell() {
-          return /*#__PURE__*/_react["default"].createElement("td", {
-            className: "custom-td"
-          });
-        };
-        props.columns = props.columns.push((0, _immutable.Map)({
-          value: 'displayName',
-          title: 'DisplayName',
-          components: {
-            FooterCell: FooterCell
-          }
-        }));
-        props.columnSet = props.columnSet.push('displayName');
-        var wrapper = (0, _enzyme.render)( /*#__PURE__*/_react["default"].createElement(_index.KineticLib, null, /*#__PURE__*/_react["default"].createElement("tfoot", null, /*#__PURE__*/_react["default"].createElement("tr", null, (0, _Table.buildTableFooterCells)(buildProps(props))))));
-        expect(wrapper.find('td')).toHaveLength(props.columns.size);
-        expect(wrapper.find('td').first().hasClass('custom-td')).toBeFalsy();
-        expect(wrapper.find('td').last().hasClass('custom-td')).toBeTruthy();
-      });
-    });
-  });
-  describe('data manipulators', function () {
-    describe('#generateColumns', function () {
-      var columns;
-      var addColumns;
-      var alterColumns;
-      beforeEach(function () {
-        columns = [{
-          value: 'a',
-          title: 'A'
-        }];
-        addColumns = [{
-          value: 'b',
-          title: 'B'
-        }];
-        alterColumns = {};
-      });
-      test('combines the column config and additional columns', function () {
-        var total = columns.length + addColumns.length;
-        expect((0, _Table.generateColumns)(columns, addColumns, alterColumns).size).toBe(total);
-      });
-      test('alters columns with config', function () {
-        alterColumns.a = {
-          sortable: true
-        };
-        var columnConfig = (0, _Table.generateColumns)(columns, addColumns, alterColumns);
-        var column = columnConfig.find(function (c) {
-          return c.get('value') === columns[0].value;
-        });
-        expect(column.get('sortable')).toBeTruthy();
-      });
-      test('alters columns does not change value key', function () {
-        alterColumns.a = {
-          value: 'c'
-        };
-        var columnConfig = (0, _Table.generateColumns)(columns, addColumns, alterColumns);
-        var column = columnConfig.find(function (c) {
-          return c.get('value') === 'a';
-        });
-        expect(column).not.toBeUndefined();
-      });
-    });
-    describe('#sortColumns', function () {
-      test('sort columns returns expected sort order', function () {
-        var columns = (0, _immutable.List)([(0, _immutable.Map)({
-          value: 'a',
-          title: 'A'
-        }), (0, _immutable.Map)({
-          value: 'b',
-          title: 'B'
-        }), (0, _immutable.Map)({
-          value: 'c',
-          title: 'C'
-        })]);
-        var columnSet = (0, _immutable.List)(['b', 'a']);
-        expect((0, _Table.sortColumns)(columns, columnSet).toJS().map(function (c) {
-          return c.value;
-        }).join('')).toBe('bca');
-      });
-    });
-    describe('#getToggleableColumns', function () {
-      test('toggleable columns list is correct', function () {
-        var columns = (0, _immutable.List)([(0, _immutable.Map)({
-          value: 'a',
-          title: 'A',
-          toggleable: true
-        }), (0, _immutable.Map)({
-          value: 'b',
-          title: 'B'
-        }), (0, _immutable.Map)({
-          value: 'c',
-          title: 'C'
-        }), (0, _immutable.Map)({
-          value: 'd'
-        })]);
-        var columnSet = (0, _immutable.List)(['a', 'b', 'd']);
-        expect((0, _Table.getToggleableColumns)(columns, columnSet, 'table-key').toJS().map(function (c) {
-          return c.value;
-        }).join('')).toBe('ab');
-      });
-    });
-    xdescribe('#extractColumnComponents', function () {
-      var columns, addColumns, alterColumns;
-      beforeEach(function () {
-        columns = [{
-          value: 'first'
-        }, {
-          value: 'second',
-          components: {
-            BodyCell: 'two'
-          }
-        }, {
-          value: 'third'
-        }];
-        addColumns = [{
-          value: 'fourth'
-        }, {
-          value: 'fifth',
-          components: {
-            BodyCell: 'five'
-          }
-        }];
-        alterColumns = {
-          third: {
-            components: {
-              BodyCell: 'three'
-            }
-          }
-        };
-      });
-      xtest('returns a map of components with overrides', function () {
-        var result = (0, _Table.extractColumnComponents)({
-          columns: columns,
-          addColumns: addColumns,
-          alterColumns: alterColumns
-        });
-        console.log(columns);
-        expect(result.toJS()).toBe([]);
-      });
-    });
-  });
-});