@dhis2-ui/table 10.0.0-alpha.6 → 10.0.0-alpha.8
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.
- package/build/cjs/data-table/__tests__/data-table-cell.test.js +26 -26
- package/build/cjs/data-table/__tests__/data-table-column-header/filter-handle.test.js +3 -3
- package/build/cjs/data-table/__tests__/data-table-column-header/sorter.test.js +2 -2
- package/build/cjs/data-table/__tests__/data-table-column-header.test.js +18 -18
- package/build/cjs/data-table/__tests__/data-table-row/expand-handle-cell.js +3 -3
- package/build/cjs/data-table/__tests__/data-table-row/expanded-row.test.js +6 -6
- package/build/cjs/data-table/__tests__/data-table-row.test.js +13 -13
- package/build/cjs/data-table/__tests__/data-table.test.js +11 -11
- package/build/cjs/data-table/data-table-cell.js +4 -10
- package/build/cjs/data-table/data-table-column-header/data-table-column-header.js +1 -4
- package/build/cjs/data-table/data-table-row/data-table-row.js +1 -4
- package/build/cjs/data-table/data-table.js +3 -8
- package/build/cjs/data-table/table-elements/__tests__/table-body.test.js +5 -5
- package/build/cjs/data-table/table-elements/__tests__/table-data-cell.test.js +19 -19
- package/build/cjs/data-table/table-elements/__tests__/table-foot.test.js +5 -5
- package/build/cjs/data-table/table-elements/__tests__/table-head.test.js +5 -5
- package/build/cjs/data-table/table-elements/__tests__/table-header-cell-action.test.js +6 -6
- package/build/cjs/data-table/table-elements/__tests__/table-header-cell.test.js +20 -20
- package/build/cjs/data-table/table-elements/__tests__/table-row.test.js +7 -7
- package/build/cjs/data-table/table-elements/__tests__/table-scroll-box.test.js +6 -6
- package/build/cjs/data-table/table-elements/__tests__/table-toolbar.test.js +7 -7
- package/build/cjs/data-table/table-elements/__tests__/table.test.js +8 -8
- package/build/cjs/data-table/table-elements/table-body.js +1 -4
- package/build/cjs/data-table/table-elements/table-data-cell/table-data-cell.js +4 -10
- package/build/cjs/data-table/table-elements/table-foot.js +1 -4
- package/build/cjs/data-table/table-elements/table-head.js +0 -3
- package/build/cjs/data-table/table-elements/table-header-cell/table-header-cell.js +5 -12
- package/build/cjs/data-table/table-elements/table-header-cell-action.js +1 -4
- package/build/cjs/data-table/table-elements/table-row.js +1 -4
- package/build/cjs/data-table/table-elements/table-scroll-box.js +3 -8
- package/build/cjs/data-table/table-elements/table-toolbar.js +2 -6
- package/build/cjs/data-table/table-elements/table.js +3 -8
- package/build/cjs/stacked-table/stacked-table-body.js +1 -4
- package/build/cjs/stacked-table/stacked-table-cell-head.js +2 -6
- package/build/cjs/stacked-table/stacked-table-cell.js +3 -6
- package/build/cjs/stacked-table/stacked-table-foot.js +1 -4
- package/build/cjs/stacked-table/stacked-table-head.js +1 -4
- package/build/cjs/stacked-table/stacked-table-row-head.js +1 -4
- package/build/cjs/stacked-table/stacked-table-row.js +1 -4
- package/build/cjs/stacked-table/stacked-table.js +1 -4
- package/build/cjs/stacked-table/stacked-table.test.js +3 -3
- package/build/cjs/table/table-body.js +1 -4
- package/build/cjs/table/table-cell-head.js +1 -4
- package/build/cjs/table/table-cell.js +1 -4
- package/build/cjs/table/table-foot.js +1 -4
- package/build/cjs/table/table-head.js +1 -4
- package/build/cjs/table/table-row-head.js +1 -4
- package/build/cjs/table/table-row.js +1 -4
- package/build/cjs/table/table.js +1 -4
- package/build/es/data-table/__tests__/data-table-cell.test.js +26 -26
- package/build/es/data-table/__tests__/data-table-column-header/filter-handle.test.js +3 -3
- package/build/es/data-table/__tests__/data-table-column-header/sorter.test.js +2 -2
- package/build/es/data-table/__tests__/data-table-column-header.test.js +18 -18
- package/build/es/data-table/__tests__/data-table-row/expand-handle-cell.js +3 -3
- package/build/es/data-table/__tests__/data-table-row/expanded-row.test.js +6 -6
- package/build/es/data-table/__tests__/data-table-row.test.js +13 -13
- package/build/es/data-table/__tests__/data-table.test.js +11 -11
- package/build/es/data-table/data-table-cell.js +4 -10
- package/build/es/data-table/data-table-column-header/data-table-column-header.js +1 -4
- package/build/es/data-table/data-table-row/data-table-row.js +1 -4
- package/build/es/data-table/data-table.js +3 -8
- package/build/es/data-table/table-elements/__tests__/table-body.test.js +5 -5
- package/build/es/data-table/table-elements/__tests__/table-data-cell.test.js +19 -19
- package/build/es/data-table/table-elements/__tests__/table-foot.test.js +5 -5
- package/build/es/data-table/table-elements/__tests__/table-head.test.js +5 -5
- package/build/es/data-table/table-elements/__tests__/table-header-cell-action.test.js +6 -6
- package/build/es/data-table/table-elements/__tests__/table-header-cell.test.js +20 -20
- package/build/es/data-table/table-elements/__tests__/table-row.test.js +7 -7
- package/build/es/data-table/table-elements/__tests__/table-scroll-box.test.js +6 -6
- package/build/es/data-table/table-elements/__tests__/table-toolbar.test.js +7 -7
- package/build/es/data-table/table-elements/__tests__/table.test.js +8 -8
- package/build/es/data-table/table-elements/table-body.js +1 -4
- package/build/es/data-table/table-elements/table-data-cell/table-data-cell.js +4 -10
- package/build/es/data-table/table-elements/table-foot.js +1 -4
- package/build/es/data-table/table-elements/table-head.js +0 -3
- package/build/es/data-table/table-elements/table-header-cell/table-header-cell.js +5 -12
- package/build/es/data-table/table-elements/table-header-cell-action.js +1 -4
- package/build/es/data-table/table-elements/table-row.js +1 -4
- package/build/es/data-table/table-elements/table-scroll-box.js +3 -8
- package/build/es/data-table/table-elements/table-toolbar.js +2 -6
- package/build/es/data-table/table-elements/table.js +3 -8
- package/build/es/stacked-table/stacked-table-body.js +1 -4
- package/build/es/stacked-table/stacked-table-cell-head.js +2 -6
- package/build/es/stacked-table/stacked-table-cell.js +3 -6
- package/build/es/stacked-table/stacked-table-foot.js +1 -4
- package/build/es/stacked-table/stacked-table-head.js +1 -4
- package/build/es/stacked-table/stacked-table-row-head.js +1 -4
- package/build/es/stacked-table/stacked-table-row.js +1 -4
- package/build/es/stacked-table/stacked-table.js +1 -4
- package/build/es/stacked-table/stacked-table.test.js +3 -3
- package/build/es/table/table-body.js +1 -4
- package/build/es/table/table-cell-head.js +1 -4
- package/build/es/table/table-cell.js +1 -4
- package/build/es/table/table-foot.js +1 -4
- package/build/es/table/table-head.js +1 -4
- package/build/es/table/table-row-head.js +1 -4
- package/build/es/table/table-row.js +1 -4
- package/build/es/table/table.js +1 -4
- 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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
13
|
-
const wrapperActive = (0, _enzyme.shallow)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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)(
|
|
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);
|