@dhis2-ui/table 10.0.0-alpha.7 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/build/cjs/data-table/__tests__/data-table-cell.test.js +26 -26
  2. package/build/cjs/data-table/__tests__/data-table-column-header/filter-handle.test.js +3 -3
  3. package/build/cjs/data-table/__tests__/data-table-column-header/sorter.test.js +2 -2
  4. package/build/cjs/data-table/__tests__/data-table-column-header.test.js +18 -18
  5. package/build/cjs/data-table/__tests__/data-table-row/expand-handle-cell.js +3 -3
  6. package/build/cjs/data-table/__tests__/data-table-row/expanded-row.test.js +6 -6
  7. package/build/cjs/data-table/__tests__/data-table-row.test.js +13 -13
  8. package/build/cjs/data-table/__tests__/data-table.test.js +11 -11
  9. package/build/cjs/data-table/table-elements/__tests__/table-body.test.js +5 -5
  10. package/build/cjs/data-table/table-elements/__tests__/table-data-cell.test.js +19 -19
  11. package/build/cjs/data-table/table-elements/__tests__/table-foot.test.js +5 -5
  12. package/build/cjs/data-table/table-elements/__tests__/table-head.test.js +5 -5
  13. package/build/cjs/data-table/table-elements/__tests__/table-header-cell-action.test.js +6 -6
  14. package/build/cjs/data-table/table-elements/__tests__/table-header-cell.test.js +20 -20
  15. package/build/cjs/data-table/table-elements/__tests__/table-row.test.js +7 -7
  16. package/build/cjs/data-table/table-elements/__tests__/table-scroll-box.test.js +6 -6
  17. package/build/cjs/data-table/table-elements/__tests__/table-toolbar.test.js +7 -7
  18. package/build/cjs/data-table/table-elements/__tests__/table.test.js +8 -8
  19. package/build/cjs/stacked-table/stacked-table.test.js +3 -3
  20. package/build/es/data-table/__tests__/data-table-cell.test.js +26 -26
  21. package/build/es/data-table/__tests__/data-table-column-header/filter-handle.test.js +3 -3
  22. package/build/es/data-table/__tests__/data-table-column-header/sorter.test.js +2 -2
  23. package/build/es/data-table/__tests__/data-table-column-header.test.js +18 -18
  24. package/build/es/data-table/__tests__/data-table-row/expand-handle-cell.js +3 -3
  25. package/build/es/data-table/__tests__/data-table-row/expanded-row.test.js +6 -6
  26. package/build/es/data-table/__tests__/data-table-row.test.js +13 -13
  27. package/build/es/data-table/__tests__/data-table.test.js +11 -11
  28. package/build/es/data-table/table-elements/__tests__/table-body.test.js +5 -5
  29. package/build/es/data-table/table-elements/__tests__/table-data-cell.test.js +19 -19
  30. package/build/es/data-table/table-elements/__tests__/table-foot.test.js +5 -5
  31. package/build/es/data-table/table-elements/__tests__/table-head.test.js +5 -5
  32. package/build/es/data-table/table-elements/__tests__/table-header-cell-action.test.js +6 -6
  33. package/build/es/data-table/table-elements/__tests__/table-header-cell.test.js +20 -20
  34. package/build/es/data-table/table-elements/__tests__/table-row.test.js +7 -7
  35. package/build/es/data-table/table-elements/__tests__/table-scroll-box.test.js +6 -6
  36. package/build/es/data-table/table-elements/__tests__/table-toolbar.test.js +7 -7
  37. package/build/es/data-table/table-elements/__tests__/table.test.js +8 -8
  38. package/build/es/stacked-table/stacked-table.test.js +3 -3
  39. package/package.json +7 -7
@@ -8,64 +8,64 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
8
8
  describe('<DataTableCell>', () => {
9
9
  it('renders children', () => {
10
10
  const children = 'children';
11
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, children));
11
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null, children));
12
12
  expect(wrapper.containsMatchingElement(children)).toBe(true);
13
13
  });
14
14
  it('accepts a ref', () => {
15
15
  const ref = /*#__PURE__*/_react.default.createRef();
16
- const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
16
+ const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("tbody", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
17
17
  ref: ref
18
18
  })))));
19
19
  expect(wrapper.find('td').getDOMNode()).toBe(ref.current);
20
20
  });
21
21
  it('accepts an active prop', () => {
22
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
22
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
23
23
  active: true
24
24
  }));
25
25
  expect(wrapper.find(_index.TableDataCell).prop('active')).toBe(true);
26
26
  });
27
27
  it('accepts an align prop', () => {
28
28
  const right = 'right';
29
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
29
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
30
30
  align: right
31
31
  }));
32
32
  expect(wrapper.find(_index.TableDataCell).prop('align')).toBe(right);
33
33
  });
34
34
  it('accepts a bordered prop', () => {
35
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
35
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
36
36
  bordered: true
37
37
  }));
38
38
  expect(wrapper.find(_index.TableDataCell).prop('bordered')).toBe(true);
39
39
  });
40
40
  it('accepts a className prop', () => {
41
41
  const className = 'test';
42
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
42
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
43
43
  className: className
44
44
  }));
45
45
  expect(wrapper.find(_index.TableDataCell).prop('className')).toBe(className);
46
46
  });
47
47
  it('accepts a colSpan prop', () => {
48
48
  const colSpan = '3';
49
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
49
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
50
50
  colSpan: colSpan
51
51
  }));
52
52
  expect(wrapper.find(_index.TableDataCell).prop('colSpan')).toBe(colSpan);
53
53
  });
54
54
  it('accepts a dataTest prop', () => {
55
55
  const dataTest = 'test';
56
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
56
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
57
57
  dataTest: dataTest
58
58
  }));
59
59
  expect(wrapper.find(_index.TableDataCell).prop('dataTest')).toBe(dataTest);
60
60
  });
61
61
  it('accepts an error prop', () => {
62
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
62
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
63
63
  error: true
64
64
  }));
65
65
  expect(wrapper.find(_index.TableDataCell).prop('error')).toBe(true);
66
66
  });
67
67
  it('accepts a fixed prop', () => {
68
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
68
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
69
69
  fixed: true
70
70
  }));
71
71
  expect(wrapper.find(_index.TableDataCell)).toHaveLength(0);
@@ -74,91 +74,91 @@ describe('<DataTableCell>', () => {
74
74
  expect(wrapper.find(_index.TableHeaderCell).prop('fixed')).toBe(true);
75
75
  });
76
76
  it('accepts a large prop', () => {
77
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
77
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
78
78
  large: true
79
79
  }));
80
80
  expect(wrapper.find(_index.TableDataCell).prop('large')).toBe(true);
81
81
  });
82
82
  it('accepts a left prop', () => {
83
83
  const left = '200px';
84
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
84
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
85
85
  left: left
86
86
  }));
87
87
  expect(wrapper.find(_index.TableDataCell).prop('left')).toBe(left);
88
88
  });
89
89
  it('accepts a muted prop', () => {
90
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
90
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
91
91
  muted: true
92
92
  }));
93
93
  expect(wrapper.find(_index.TableDataCell).prop('muted')).toBe(true);
94
94
  });
95
95
  it('accepts a role prop', () => {
96
96
  const role = 'test';
97
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
97
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
98
98
  role: role
99
99
  }));
100
100
  expect(wrapper.find(_index.TableDataCell).prop('role')).toBe(role);
101
101
  });
102
102
  it('accepts a rowSpan prop', () => {
103
103
  const rowSpan = '3';
104
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
104
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
105
105
  rowSpan: rowSpan
106
106
  }));
107
107
  expect(wrapper.find(_index.TableDataCell).prop('rowSpan')).toBe(rowSpan);
108
108
  });
109
109
  it('accepts a scope prop', () => {
110
110
  const scope = 'row';
111
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
111
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
112
112
  scope: scope
113
113
  }));
114
114
  expect(wrapper.find(_index.TableDataCell).prop('scope')).toBe(scope);
115
115
  });
116
116
  it('accepts a staticStyle prop', () => {
117
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
117
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
118
118
  staticStyle: true
119
119
  }));
120
120
  expect(wrapper.find(_index.TableDataCell).prop('staticStyle')).toBe(true);
121
121
  });
122
122
  it('can render either a td or th tag depending on the fixed and tag prop', () => {
123
123
  // default
124
- expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null)).dive().type()).toBe('td');
124
+ expect((0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, null)).dive().type()).toBe('td');
125
125
  // using the tag prop
126
- expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
126
+ expect((0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
127
127
  tag: "td"
128
128
  })).dive().type()).toBe('td');
129
- expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
129
+ expect((0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
130
130
  tag: "th"
131
131
  })).dive().type()).toBe('th');
132
132
  // with fixed prop
133
- expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
133
+ expect((0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
134
134
  fixed: true
135
135
  })).dive().type()).toBe('th');
136
136
  // tag prop should take presedence over fixed prop
137
- expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
137
+ expect((0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
138
138
  fixed: true,
139
139
  tag: "td"
140
140
  })).dive().type()).toBe('td');
141
- expect((0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
141
+ expect((0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
142
142
  fixed: true,
143
143
  tag: "th"
144
144
  })).dive().type()).toBe('th');
145
145
  });
146
146
  it('accepts a valid prop', () => {
147
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
147
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
148
148
  valid: true
149
149
  }));
150
150
  expect(wrapper.find(_index.TableDataCell).prop('valid')).toBe(true);
151
151
  });
152
152
  it('accepts a width prop', () => {
153
153
  const width = '200px';
154
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
154
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
155
155
  width: width
156
156
  }));
157
157
  expect(wrapper.find(_index.TableDataCell).prop('width')).toBe(width);
158
158
  });
159
159
  it('accepts an onClick prop', () => {
160
160
  const onClick = jest.fn();
161
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
161
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableCell.DataTableCell, {
162
162
  onClick: onClick
163
163
  }));
164
164
  wrapper.simulate('click');
@@ -9,8 +9,8 @@ var _index = require("../../table-elements/index.js");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
10
10
  describe('<FilterHandle>', () => {
11
11
  it('accepts an active prop', () => {
12
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, null));
13
- const wrapperActive = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, {
12
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, null));
13
+ const wrapperActive = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, {
14
14
  active: true
15
15
  }));
16
16
  expect(wrapper.find(_uiIcons.IconSearch16).prop('color')).toBe(_uiConstants.colors.grey600);
@@ -23,7 +23,7 @@ describe('<FilterHandle>', () => {
23
23
  value: 'test'
24
24
  };
25
25
  const onClick = jest.fn();
26
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, {
26
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_filterHandle.FilterHandle, {
27
27
  onClick: onClick,
28
28
  name: name
29
29
  }));
@@ -7,7 +7,7 @@ var _index = require("../../table-elements/index.js");
7
7
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
8
8
  describe('<Sorter>', () => {
9
9
  it('accepts a sortDirection prop', () => {
10
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_sorter.Sorter, {
10
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_sorter.Sorter, {
11
11
  sortDirection: _sorter.ASC
12
12
  }));
13
13
  expect(wrapper.find(_index.TableHeaderCellAction).dive().find('svg').hasClass(_sorter.ASC)).toBe(true);
@@ -19,7 +19,7 @@ describe('<Sorter>', () => {
19
19
  value: 'test'
20
20
  };
21
21
  const onClick = jest.fn();
22
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_sorter.Sorter, {
22
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_sorter.Sorter, {
23
23
  sortDirection: _sorter.ASC,
24
24
  onClick: onClick,
25
25
  name: name
@@ -10,39 +10,39 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
10
10
  describe('<DataTableColumnHeader>', () => {
11
11
  it('renders children', () => {
12
12
  const children = 'children';
13
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, children));
13
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, null, children));
14
14
  expect(wrapper.containsMatchingElement(children)).toBe(true);
15
15
  });
16
16
  it('accepts a ref', () => {
17
17
  const ref = /*#__PURE__*/_react.default.createRef();
18
- const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
18
+ const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
19
19
  ref: ref
20
20
  })))));
21
21
  expect(wrapper.find('th').getDOMNode()).toBe(ref.current);
22
22
  });
23
23
  it('accepts an align prop', () => {
24
24
  const right = 'right';
25
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
25
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
26
26
  align: right
27
27
  }));
28
28
  expect(wrapper.find(_index.TableHeaderCell).prop('align')).toBe(right);
29
29
  });
30
30
  it('accepts a className prop', () => {
31
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
31
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
32
32
  className: "test"
33
33
  }));
34
34
  expect(wrapper.find(_index.TableHeaderCell).prop('className')).toBe('test DataTableColumnHeader');
35
35
  });
36
36
  it('accepts a colSpan prop', () => {
37
37
  const colSpan = '3';
38
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
38
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
39
39
  colSpan: colSpan
40
40
  }));
41
41
  expect(wrapper.find(_index.TableHeaderCell).prop('colSpan')).toBe(colSpan);
42
42
  });
43
43
  it('accepts a dataTest prop', () => {
44
44
  const dataTest = 'test';
45
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
45
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
46
46
  dataTest: dataTest
47
47
  }));
48
48
  expect(wrapper.find(_index.TableHeaderCell).prop('dataTest')).toBe(dataTest);
@@ -56,13 +56,13 @@ describe('<DataTableColumnHeader>', () => {
56
56
  };
57
57
  const onClickOpen = jest.fn();
58
58
  const onClickClosed = jest.fn();
59
- const wrapperOpen = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
59
+ const wrapperOpen = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
60
60
  name: name,
61
61
  onFilterIconClick: onClickOpen,
62
62
  filter: /*#__PURE__*/_react.default.createElement("input", null),
63
63
  showFilter: true
64
64
  }));
65
- const wrapperClosed = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
65
+ const wrapperClosed = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
66
66
  name: name,
67
67
  onFilterIconClick: onClickClosed,
68
68
  filter: /*#__PURE__*/_react.default.createElement("input", null),
@@ -89,42 +89,42 @@ describe('<DataTableColumnHeader>', () => {
89
89
  }, fakeEvent);
90
90
  });
91
91
  it('accepts a fixed prop', () => {
92
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
92
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
93
93
  fixed: true,
94
94
  left: "200px"
95
95
  }));
96
96
  expect(wrapper.find(_index.TableHeaderCell).prop('fixed')).toBe(true);
97
97
  });
98
98
  it('accepts a large prop', () => {
99
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
99
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
100
100
  large: true
101
101
  }));
102
102
  expect(wrapper.find(_index.TableHeaderCell).prop('large')).toBe(true);
103
103
  });
104
104
  it('accepts a left prop', () => {
105
105
  const left = '200px';
106
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
106
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
107
107
  left: left
108
108
  }));
109
109
  expect(wrapper.find(_index.TableHeaderCell).prop('left')).toBe(left);
110
110
  });
111
111
  it('accepts a role prop', () => {
112
112
  const role = 'test';
113
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
113
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
114
114
  role: role
115
115
  }));
116
116
  expect(wrapper.find(_index.TableHeaderCell).prop('role')).toBe(role);
117
117
  });
118
118
  it('accepts a rowSpan prop', () => {
119
119
  const rowSpan = '3';
120
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
120
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
121
121
  rowSpan: rowSpan
122
122
  }));
123
123
  expect(wrapper.find(_index.TableHeaderCell).prop('rowSpan')).toBe(rowSpan);
124
124
  });
125
125
  it('accepts a scope prop', () => {
126
126
  const scope = 'row';
127
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
127
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
128
128
  scope: scope
129
129
  }));
130
130
  expect(wrapper.find(_index.TableHeaderCell).prop('scope')).toBe(scope);
@@ -138,7 +138,7 @@ describe('<DataTableColumnHeader>', () => {
138
138
  value: 'test'
139
139
  };
140
140
  const onClick = jest.fn();
141
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
141
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
142
142
  name: name,
143
143
  onSortIconClick: onClick,
144
144
  sortDirection: 'asc',
@@ -155,7 +155,7 @@ describe('<DataTableColumnHeader>', () => {
155
155
  expect(button.prop('title')).toBe(title);
156
156
  });
157
157
  it('has a default sort icon title', () => {
158
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
158
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
159
159
  name: 'test',
160
160
  onSortIconClick: () => {},
161
161
  sortDirection: 'asc'
@@ -166,14 +166,14 @@ describe('<DataTableColumnHeader>', () => {
166
166
  });
167
167
  it('accepts a top prop', () => {
168
168
  const top = '200px';
169
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
169
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
170
170
  top: top
171
171
  }));
172
172
  expect(wrapper.find(_index.TableHeaderCell).prop('top')).toBe(top);
173
173
  });
174
174
  it('accepts a width prop', () => {
175
175
  const width = '200px';
176
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
176
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableColumnHeader.DataTableColumnHeader, {
177
177
  width: width
178
178
  }));
179
179
  expect(wrapper.find(_index.TableHeaderCell).prop('width')).toBe(width);
@@ -7,20 +7,20 @@ var _expandHandleCell = require("../../data-table-row/expand-handle-cell.js");
7
7
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
8
8
  describe('<ExpandHandleCell>', () => {
9
9
  it('renders an <IconChevronUp24> when expanded is true', () => {
10
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandHandleCell.ExpandHandleCell, {
10
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandHandleCell.ExpandHandleCell, {
11
11
  expanded: true
12
12
  }));
13
13
  expect(wrapper.find(_uiIcons.IconChevronUp24)).toHaveLength(1);
14
14
  expect(wrapper.find(_uiIcons.IconChevronDown24)).toHaveLength(0);
15
15
  });
16
16
  it('renders an <IconChevronDown24> when expanded is falsy', () => {
17
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandHandleCell.ExpandHandleCell, null));
17
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandHandleCell.ExpandHandleCell, null));
18
18
  expect(wrapper.find(_uiIcons.IconChevronUp24)).toHaveLength(0);
19
19
  expect(wrapper.find(_uiIcons.IconChevronDown24)).toHaveLength(1);
20
20
  });
21
21
  it('responds to clicks', () => {
22
22
  const onClick = jest.fn();
23
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandHandleCell.ExpandHandleCell, {
23
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandHandleCell.ExpandHandleCell, {
24
24
  expanded: false,
25
25
  onClick: onClick
26
26
  }));
@@ -8,39 +8,39 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
8
8
  describe('<ExpandedRow>', () => {
9
9
  it('renders children', () => {
10
10
  const children = 'children';
11
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, null, children));
11
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, null, children));
12
12
  expect(wrapper.containsMatchingElement(children)).toBe(true);
13
13
  });
14
14
  it('accepts a colSpan prop', () => {
15
15
  const colSpan = '4';
16
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
16
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
17
17
  colSpan: colSpan
18
18
  }));
19
19
  expect(wrapper.find(_index.TableDataCell).prop('colSpan')).toBe(colSpan);
20
20
  });
21
21
  it('accepts a className prop', () => {
22
22
  const className = 'test';
23
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
23
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
24
24
  className: className
25
25
  }));
26
26
  expect(wrapper.find(_index.TableRow).prop('className')).toBe(`${className}-expandedrow`);
27
27
  });
28
28
  it('accepts a dataTest prop', () => {
29
29
  const dataTest = 'test';
30
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
30
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
31
31
  dataTest: dataTest
32
32
  }));
33
33
  expect(wrapper.find(_index.TableRow).prop('dataTest')).toBe(`${dataTest}-expandedrow`);
34
34
  });
35
35
  it('accepts a selected prop', () => {
36
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
36
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
37
37
  selected: true
38
38
  }));
39
39
  expect(wrapper.find(_index.TableRow).prop('selected')).toBe(true);
40
40
  });
41
41
  it('accepts a setIsHoveringExpandedContent prop', () => {
42
42
  const cb = jest.fn();
43
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
43
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_expandedRow.ExpandedRow, {
44
44
  setIsHoveringExpandedContent: cb
45
45
  }));
46
46
  const tr = wrapper.find(_index.TableRow).dive().find('tr');
@@ -11,39 +11,39 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
11
11
  describe('<DataTableRow>', () => {
12
12
  it('renders children', () => {
13
13
  const children = 'children';
14
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, children));
14
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, null, children));
15
15
  expect(wrapper.containsMatchingElement(children)).toBe(true);
16
16
  });
17
17
  it('accepts a ref', () => {
18
18
  const ref = /*#__PURE__*/_react.default.createRef();
19
- const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
19
+ const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
20
20
  ref: ref
21
21
  }))));
22
22
  expect(wrapper.find('tr').getDOMNode()).toBe(ref.current);
23
23
  });
24
24
  it('accepts a className prop', () => {
25
25
  const className = 'test';
26
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
26
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
27
27
  className: className
28
28
  }));
29
29
  expect(wrapper.find(_index.TableRow).prop('className')).toBe(className);
30
30
  });
31
31
  it('accepts a dataTest prop', () => {
32
32
  const dataTest = 'test';
33
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
33
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
34
34
  dataTest: dataTest
35
35
  }));
36
36
  expect(wrapper.find(_index.TableRow).prop('dataTest')).toBe(dataTest);
37
37
  });
38
38
  it('accepts a draggable prop', () => {
39
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
39
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
40
40
  draggable: true
41
41
  }));
42
42
  expect(wrapper.find(_index.TableRow).prop('draggable')).toBe(true);
43
43
  expect(wrapper.find(_dragHandleCell.DragHandleCell)).toHaveLength(1);
44
44
  });
45
45
  it('accepts an expandable prop', () => {
46
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
46
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
47
47
  expandable: true,
48
48
  expandableContent: "test",
49
49
  onExpandToggle: () => {}
@@ -52,7 +52,7 @@ describe('<DataTableRow>', () => {
52
52
  });
53
53
  it('accepts an expandableContent prop', () => {
54
54
  const expandableContent = /*#__PURE__*/_react.default.createElement("div", null, "content");
55
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
55
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
56
56
  expandableContent: expandableContent,
57
57
  expanded: true,
58
58
  expandable: true,
@@ -70,12 +70,12 @@ describe('<DataTableRow>', () => {
70
70
  expect(wrapper.find(_index.TableRow).dive().find('tr').hasClass('isHoveringExpandedContent')).toBe(false);
71
71
  });
72
72
  it('accepts an expanded prop', () => {
73
- const wrapperClosed = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
73
+ const wrapperClosed = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
74
74
  expandable: true,
75
75
  expandableContent: "test",
76
76
  onExpandToggle: () => {}
77
77
  }));
78
- const wrapperOpen = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
78
+ const wrapperOpen = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
79
79
  expanded: true,
80
80
  expandable: true,
81
81
  expandableContent: "test",
@@ -86,20 +86,20 @@ describe('<DataTableRow>', () => {
86
86
  });
87
87
  it('accepts a role prop', () => {
88
88
  const role = 'test';
89
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
89
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
90
90
  role: role
91
91
  }));
92
92
  expect(wrapper.find(_index.TableRow).prop('role')).toBe(role);
93
93
  });
94
94
  it('accepts a selected prop', () => {
95
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
95
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
96
96
  selected: true
97
97
  }));
98
98
  expect(wrapper.find(_index.TableRow).prop('selected')).toBe(true);
99
99
  });
100
100
  it('accepts an onExpandToggle prop', () => {
101
101
  const cb = jest.fn();
102
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
102
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
103
103
  expandable: true,
104
104
  expandableContent: "test",
105
105
  onExpandToggle: cb
@@ -112,7 +112,7 @@ describe('<DataTableRow>', () => {
112
112
  });
113
113
  it('accepts a hover prop', () => {
114
114
  const cb = jest.fn();
115
- const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
115
+ const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_dataTableRow.DataTableRow, {
116
116
  expandable: true,
117
117
  expandableContent: "test",
118
118
  onExpandToggle: cb,
@@ -8,52 +8,52 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
8
8
  describe('<DataTable>', () => {
9
9
  it('renders children', () => {
10
10
  const children = 'children';
11
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, null, children));
11
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, null, children));
12
12
  expect(wrapper.containsMatchingElement(children)).toBe(true);
13
13
  });
14
14
  it('accepts a ref', () => {
15
15
  const ref = /*#__PURE__*/_react.default.createRef();
16
- const wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
16
+ const wrapper = (0, _enzyme.mount)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
17
17
  ref: ref
18
18
  }));
19
19
  expect(wrapper.find('table').getDOMNode()).toBe(ref.current);
20
20
  });
21
21
  it('accepts a className prop', () => {
22
22
  const className = 'test';
23
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
23
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
24
24
  className: className
25
25
  }));
26
26
  expect(wrapper.find(_index.Table).prop('className')).toBe(className);
27
27
  });
28
28
  it('accepts a dataTest prop', () => {
29
29
  const dataTest = 'test';
30
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
30
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
31
31
  dataTest: dataTest
32
32
  }));
33
33
  expect(wrapper.find(_index.Table).prop('dataTest')).toBe(dataTest);
34
34
  });
35
35
  it('accepts a layout prop', () => {
36
36
  const layout = 'fixed';
37
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
37
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
38
38
  layout: layout
39
39
  }));
40
40
  expect(wrapper.find(_index.Table).prop('layout')).toBe(layout);
41
41
  });
42
42
  it('accepts a role prop', () => {
43
43
  const role = 'test';
44
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
44
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
45
45
  role: role
46
46
  }));
47
47
  expect(wrapper.find(_index.Table).prop('role')).toBe(role);
48
48
  });
49
49
  it('renders a datatable when no scrollHeight or scrollWidth are provided', () => {
50
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, null));
50
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, null));
51
51
  expect(wrapper.find(_index.Table)).toHaveLength(1);
52
52
  expect(wrapper.find(_index.TableScrollBox)).toHaveLength(0);
53
53
  });
54
54
  it('wraps the datatable in a scroll box when scrollHeight is provided', () => {
55
55
  const height = '200px';
56
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
56
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
57
57
  scrollHeight: height
58
58
  }));
59
59
  expect(wrapper.dive().type()).toBe('div');
@@ -63,7 +63,7 @@ describe('<DataTable>', () => {
63
63
  });
64
64
  it('wraps the datatable in a scroll box when scrollWidth is provided', () => {
65
65
  const width = '200px';
66
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
66
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
67
67
  scrollWidth: width
68
68
  }));
69
69
  expect(wrapper.dive().type()).toBe('div');
@@ -73,7 +73,7 @@ describe('<DataTable>', () => {
73
73
  });
74
74
  it('wraps the datatable in a scroll box when both scrollHeight and scrollWidth are provided', () => {
75
75
  const size = '200px';
76
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
76
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
77
77
  scrollHeight: size,
78
78
  scrollWidth: size
79
79
  }));
@@ -85,7 +85,7 @@ describe('<DataTable>', () => {
85
85
  });
86
86
  it('accepts a width prop', () => {
87
87
  const width = '200px';
88
- const wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
88
+ const wrapper = (0, _enzyme.shallow)(/*#__PURE__*/_react.default.createElement(_dataTable.DataTable, {
89
89
  width: width
90
90
  }));
91
91
  expect(wrapper.find(_index.Table).prop('width')).toBe(width);