_.display === 'true');
+ columnsToDownload = columns.filter(_ => _.display === 'true');
dataToDownload = dataToDownload.map(row => {
row.data = row.data.filter((_, index) => columns[index].display === 'true');
@@ -258,7 +258,6 @@ class TableToolbar extends React.Component {
resetFilters,
toggleViewColumn,
title,
- tableRef,
components = {},
updateFilterByType,
} = this.props;
@@ -353,6 +352,7 @@ class TableToolbar extends React.Component {
{options.viewColumns && (
({
},
title: {
marginLeft: '-7px',
+ marginRight: '24px',
fontSize: '14px',
color: theme.palette.text.secondary,
textAlign: 'left',
diff --git a/test/TableResize.test.js b/test/TableResize.test.js
new file mode 100644
index 000000000..b1a09d986
--- /dev/null
+++ b/test/TableResize.test.js
@@ -0,0 +1,51 @@
+import React from 'react';
+import { spy, stub } from 'sinon';
+import { mount, shallow } from 'enzyme';
+import { assert, expect, should } from 'chai';
+import TableResize from '../src/components/TableResize';
+import MUIDataTable from '../src/MUIDataTable';
+
+describe('', function() {
+ let options;
+
+ before(() => {
+ options = {
+ resizableColumns: true,
+ tableBodyHeight: '500px',
+ };
+ });
+
+ it('should render a table resize component', () => {
+ const updateDividers = spy();
+ const setResizeable = spy();
+
+ const mountWrapper = mount(
+ ,
+ );
+
+ const actualResult = mountWrapper.find(TableResize);
+ assert.strictEqual(actualResult.length, 1);
+
+ assert.strictEqual(updateDividers.callCount, 1);
+ assert.strictEqual(setResizeable.callCount, 1);
+ });
+
+ it('should create a coordinate map for each column', () => {
+ const columns = ['Name', 'Age', 'Location', 'Phone'];
+ const data = [['Joe', 26, 'Chile', '555-5555']];
+
+ const shallowWrapper = mount();
+
+ var state = shallowWrapper
+ .find(TableResize)
+ .childAt(0)
+ .state();
+
+ var colCoordCount = 0;
+ for (let prop in state.resizeCoords) {
+ colCoordCount++;
+ }
+
+ assert.strictEqual(colCoordCount, 4);
+ });
+});
diff --git a/test/setup-mocha-env.js b/test/setup-mocha-env.js
index 4cf7850f0..da07eae92 100644
--- a/test/setup-mocha-env.js
+++ b/test/setup-mocha-env.js
@@ -56,6 +56,8 @@ function setupDom() {
global.getComputedStyle = global.window.getComputedStyle;
global.HTMLInputElement = global.window.HTMLInputElement;
global.Element = global.window.Element;
+ global.Event = global.window.Event;
+ global.dispatchEvent = global.window.dispatchEvent;
Object.defineProperty(global.window.URL, 'createObjectURL', { value: () => {} });
global.Blob = () => '';