@kdcloudjs/table 1.0.3 → 1.0.4
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/dist/@kdcloudjs/table.css +1 -1
- package/dist/@kdcloudjs/table.js +4 -2
- package/dist/@kdcloudjs/table.js.map +1 -1
- package/dist/@kdcloudjs/table.min.css +1 -1
- package/dist/@kdcloudjs/table.min.js +2 -2
- package/dist/@kdcloudjs/table.min.js.map +1 -1
- package/es/table/pipeline/features/multiSelect.js +3 -1
- package/lib/table/pipeline/features/multiSelect.js +3 -1
- package/package.json +1 -1
- package/es/table/pipeline/features/__test__/multiSelect.test.d.ts +0 -1
- package/es/table/pipeline/features/__test__/multiSelect.test.js +0 -152
- package/es/table/pipeline/features/__test__/rowDetail.test.d.ts +0 -1
- package/es/table/pipeline/features/__test__/rowDetail.test.js +0 -223
- package/es/table/pipeline/features/__test__/rowGrouping.test.d.ts +0 -1
- package/es/table/pipeline/features/__test__/rowGrouping.test.js +0 -120
- package/es/table/pipeline/features/__test__/singleSelect.test.d.ts +0 -1
- package/es/table/pipeline/features/__test__/singleSelect.test.js +0 -191
- package/es/table/pipeline/features/__test__/sort.test.d.ts +0 -1
- package/es/table/pipeline/features/__test__/sort.test.js +0 -213
- package/es/table/pipeline/features/__test__/tips.test.d.ts +0 -1
- package/es/table/pipeline/features/__test__/tips.test.js +0 -123
- package/es/table/pipeline/features/__test__/treeMode.test.d.ts +0 -1
- package/es/table/pipeline/features/__test__/treeMode.test.js +0 -203
- package/es/table/pipeline/features/filter/__test__/Filter.test.d.ts +0 -1
- package/es/table/pipeline/features/filter/__test__/Filter.test.js +0 -29
- package/lib/table/pipeline/features/__test__/multiSelect.test.d.ts +0 -1
- package/lib/table/pipeline/features/__test__/multiSelect.test.js +0 -163
- package/lib/table/pipeline/features/__test__/rowDetail.test.d.ts +0 -1
- package/lib/table/pipeline/features/__test__/rowDetail.test.js +0 -230
- package/lib/table/pipeline/features/__test__/rowGrouping.test.d.ts +0 -1
- package/lib/table/pipeline/features/__test__/rowGrouping.test.js +0 -129
- package/lib/table/pipeline/features/__test__/singleSelect.test.d.ts +0 -1
- package/lib/table/pipeline/features/__test__/singleSelect.test.js +0 -201
- package/lib/table/pipeline/features/__test__/sort.test.d.ts +0 -1
- package/lib/table/pipeline/features/__test__/sort.test.js +0 -220
- package/lib/table/pipeline/features/__test__/tips.test.d.ts +0 -1
- package/lib/table/pipeline/features/__test__/tips.test.js +0 -133
- package/lib/table/pipeline/features/__test__/treeMode.test.d.ts +0 -1
- package/lib/table/pipeline/features/__test__/treeMode.test.js +0 -208
- package/lib/table/pipeline/features/filter/__test__/Filter.test.d.ts +0 -1
- package/lib/table/pipeline/features/filter/__test__/Filter.test.js +0 -36
|
@@ -1,208 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
6
|
-
|
|
7
|
-
var _treeMode = require("../treeMode");
|
|
8
|
-
|
|
9
|
-
var _pipeline = require("../../pipeline");
|
|
10
|
-
|
|
11
|
-
var _enzyme = require("enzyme");
|
|
12
|
-
|
|
13
|
-
var _reactHooks = require("@testing-library/react-hooks");
|
|
14
|
-
|
|
15
|
-
var _styles = require("../../../base/styles");
|
|
16
|
-
|
|
17
|
-
function makeChildren(prefix) {
|
|
18
|
-
return [{
|
|
19
|
-
id: "".concat(prefix, "-1"),
|
|
20
|
-
title: '二级标题',
|
|
21
|
-
dept: '应用部',
|
|
22
|
-
dest: '云南大理',
|
|
23
|
-
guide: 'Douglas Lee',
|
|
24
|
-
children: [{
|
|
25
|
-
id: "".concat(prefix, "-1-1"),
|
|
26
|
-
title: '三级标题',
|
|
27
|
-
dept: '平台大前端-UED',
|
|
28
|
-
dest: '云南大理',
|
|
29
|
-
guide: 'Douglas Lee'
|
|
30
|
-
}, {
|
|
31
|
-
id: "".concat(prefix, "-1-2"),
|
|
32
|
-
title: '三级标题',
|
|
33
|
-
dept: '平台大前端-前端',
|
|
34
|
-
dest: '云南大理',
|
|
35
|
-
guide: 'Douglas Lee'
|
|
36
|
-
}]
|
|
37
|
-
}, {
|
|
38
|
-
id: "".concat(prefix, "-2"),
|
|
39
|
-
title: '二级标题',
|
|
40
|
-
dept: '应用部',
|
|
41
|
-
dest: '云南大理',
|
|
42
|
-
guide: 'Douglas Lee',
|
|
43
|
-
children: [{
|
|
44
|
-
id: "".concat(prefix, "-2-1"),
|
|
45
|
-
title: '三级标题',
|
|
46
|
-
dept: '平台大前端-UED',
|
|
47
|
-
dest: '云南大理',
|
|
48
|
-
guide: 'Douglas Lee'
|
|
49
|
-
}, {
|
|
50
|
-
id: "".concat(prefix, "-2-2"),
|
|
51
|
-
title: '三级标题',
|
|
52
|
-
dept: '平台大前端-前端',
|
|
53
|
-
dest: '云南大理',
|
|
54
|
-
guide: 'Douglas Lee'
|
|
55
|
-
}]
|
|
56
|
-
}, {
|
|
57
|
-
id: "".concat(prefix, "-3"),
|
|
58
|
-
title: '二级标题',
|
|
59
|
-
dept: '应用部',
|
|
60
|
-
dest: '云南大理',
|
|
61
|
-
guide: 'Douglas Lee'
|
|
62
|
-
}];
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
var dataSource = [{
|
|
66
|
-
id: '1',
|
|
67
|
-
title: '一级标题',
|
|
68
|
-
dept: '云苍穹-前端',
|
|
69
|
-
dest: 'South Maddison',
|
|
70
|
-
guide: 'Don Moreno',
|
|
71
|
-
children: makeChildren('1')
|
|
72
|
-
}, {
|
|
73
|
-
id: '2',
|
|
74
|
-
title: '一级标题',
|
|
75
|
-
dept: '云苍穹-模型',
|
|
76
|
-
dest: 'Emilhaven',
|
|
77
|
-
guide: 'Douglas Richards',
|
|
78
|
-
children: makeChildren('2')
|
|
79
|
-
}, {
|
|
80
|
-
id: '3',
|
|
81
|
-
title: '一级标题',
|
|
82
|
-
dept: '云苍穹-基础',
|
|
83
|
-
dest: '云南大理',
|
|
84
|
-
guide: 'Douglas Lee',
|
|
85
|
-
children: makeChildren('3')
|
|
86
|
-
}, {
|
|
87
|
-
id: '4',
|
|
88
|
-
title: '一级标题',
|
|
89
|
-
dept: '云苍穹-体验',
|
|
90
|
-
dest: '杭州千岛湖',
|
|
91
|
-
guide: 'Eric Castillo',
|
|
92
|
-
children: makeChildren('4')
|
|
93
|
-
}, {
|
|
94
|
-
id: '5',
|
|
95
|
-
title: '一级标题',
|
|
96
|
-
dept: '云苍穹-运营',
|
|
97
|
-
dest: 'East Karl',
|
|
98
|
-
guide: 'Herbert Patton'
|
|
99
|
-
}];
|
|
100
|
-
var columns = [{
|
|
101
|
-
code: 'title',
|
|
102
|
-
name: '标题',
|
|
103
|
-
width: 200,
|
|
104
|
-
getCellProps: function getCellProps() {
|
|
105
|
-
return {
|
|
106
|
-
style: {
|
|
107
|
-
background: 'red'
|
|
108
|
-
}
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
}, {
|
|
112
|
-
code: 'dept',
|
|
113
|
-
name: '部门名称',
|
|
114
|
-
width: 180
|
|
115
|
-
}, {
|
|
116
|
-
code: 'dest',
|
|
117
|
-
name: '团建目的地',
|
|
118
|
-
width: 160
|
|
119
|
-
}, {
|
|
120
|
-
code: 'guide',
|
|
121
|
-
name: '当地导游',
|
|
122
|
-
width: 160
|
|
123
|
-
}];
|
|
124
|
-
describe('treeMode 单元测试', function () {
|
|
125
|
-
var opts = {
|
|
126
|
-
openKeys: ['4', '4-2'],
|
|
127
|
-
clickArea: 'content',
|
|
128
|
-
onChangeOpenKeys: jest.fn()
|
|
129
|
-
};
|
|
130
|
-
var newPipeline = null;
|
|
131
|
-
beforeEach(function () {
|
|
132
|
-
var _renderHook = (0, _reactHooks.renderHook)(function () {
|
|
133
|
-
return (0, _pipeline.useTablePipeline)({
|
|
134
|
-
primaryKey: 'id'
|
|
135
|
-
}).input({
|
|
136
|
-
dataSource: dataSource,
|
|
137
|
-
columns: columns
|
|
138
|
-
});
|
|
139
|
-
}),
|
|
140
|
-
result = _renderHook.result;
|
|
141
|
-
|
|
142
|
-
var tablePipeline = result.current;
|
|
143
|
-
newPipeline = (0, _treeMode.treeMode)(opts)(tablePipeline);
|
|
144
|
-
});
|
|
145
|
-
afterEach(function () {
|
|
146
|
-
newPipeline = null;
|
|
147
|
-
opts.onChangeOpenKeys.mockClear();
|
|
148
|
-
});
|
|
149
|
-
it('初始化展示', function () {
|
|
150
|
-
// 5 + 3 + 2
|
|
151
|
-
expect(newPipeline.getDataSource().length).toBe(10);
|
|
152
|
-
});
|
|
153
|
-
it('展开图标单元格渲染', function () {
|
|
154
|
-
var col = newPipeline.getColumns();
|
|
155
|
-
var wrapper = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[0], 0));
|
|
156
|
-
expect((0, _find.default)(wrapper).call(wrapper, 'CaretRightIcon').length).toBe(1);
|
|
157
|
-
var div = (0, _find.default)(wrapper).call(wrapper, 'div').at(0);
|
|
158
|
-
div.simulate('click');
|
|
159
|
-
expect(opts.onChangeOpenKeys).toHaveBeenCalled();
|
|
160
|
-
expect(opts.onChangeOpenKeys).toBeCalledWith(['4', '4-2', '1'], '1', 'expand');
|
|
161
|
-
opts.onChangeOpenKeys.mockClear(); // 展开列点击
|
|
162
|
-
|
|
163
|
-
var expandColWrapper = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[3], 3));
|
|
164
|
-
var div1 = (0, _find.default)(expandColWrapper).call(expandColWrapper, 'div').at(0);
|
|
165
|
-
div1.simulate('click');
|
|
166
|
-
expect(opts.onChangeOpenKeys).toBeCalledWith(['4-2'], '4', 'collapse'); // 叶子节点渲染
|
|
167
|
-
|
|
168
|
-
var leafWrapper = (0, _enzyme.mount)(col[0].render('一级标题', newPipeline.getDataSource()[9], 9));
|
|
169
|
-
expect((0, _find.default)(leafWrapper).call(leafWrapper, ".expansion-cell.".concat(_styles.Classes.leaf)).length).toBe(2);
|
|
170
|
-
});
|
|
171
|
-
it('getCellProps', function () {
|
|
172
|
-
var col = newPipeline.getColumns(); // clickArea: 'content' 取默认的cellProps
|
|
173
|
-
|
|
174
|
-
expect(col[0].getCellProps()).toEqual({
|
|
175
|
-
style: {
|
|
176
|
-
background: 'red'
|
|
177
|
-
}
|
|
178
|
-
});
|
|
179
|
-
});
|
|
180
|
-
it('clickArea 为cell', function () {
|
|
181
|
-
var _renderHook2 = (0, _reactHooks.renderHook)(function () {
|
|
182
|
-
return (0, _pipeline.useTablePipeline)({
|
|
183
|
-
primaryKey: 'id'
|
|
184
|
-
}).input({
|
|
185
|
-
dataSource: dataSource,
|
|
186
|
-
columns: columns
|
|
187
|
-
});
|
|
188
|
-
}),
|
|
189
|
-
result = _renderHook2.result;
|
|
190
|
-
|
|
191
|
-
var tablePipeline = result.current;
|
|
192
|
-
opts.clickArea = 'cell';
|
|
193
|
-
var newPipeline = (0, _treeMode.treeMode)(opts)(tablePipeline);
|
|
194
|
-
var col = newPipeline.getColumns();
|
|
195
|
-
var cellProps = col[0].getCellProps('一级标题', newPipeline.getDataSource()[0], 0);
|
|
196
|
-
expect(cellProps.style).toEqual({
|
|
197
|
-
background: 'red',
|
|
198
|
-
cursor: 'pointer'
|
|
199
|
-
});
|
|
200
|
-
cellProps.onClick();
|
|
201
|
-
expect(opts.onChangeOpenKeys).toHaveBeenCalled(); // 叶子节点cellProps
|
|
202
|
-
|
|
203
|
-
var leafCellProps = col[0].getCellProps('一级标题', newPipeline.getDataSource()[9], 9);
|
|
204
|
-
expect(leafCellProps.style).toEqual({
|
|
205
|
-
background: 'red'
|
|
206
|
-
});
|
|
207
|
-
});
|
|
208
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
|
|
6
|
-
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
|
|
9
|
-
var _enzyme = require("enzyme");
|
|
10
|
-
|
|
11
|
-
var _styles = require("../../../../base/styles");
|
|
12
|
-
|
|
13
|
-
var _Filter = _interopRequireDefault(require("../Filter"));
|
|
14
|
-
|
|
15
|
-
var _DefaultFilterContent = _interopRequireDefault(require("../DefaultFilterContent"));
|
|
16
|
-
|
|
17
|
-
var NAME = 'Filter';
|
|
18
|
-
var setFilter = jest.fn();
|
|
19
|
-
var setFilterModel = jest.fn();
|
|
20
|
-
describe("".concat(NAME), function () {
|
|
21
|
-
it('render and test event', function () {
|
|
22
|
-
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_Filter.default, {
|
|
23
|
-
setFilter: setFilter,
|
|
24
|
-
setFilterModel: setFilterModel,
|
|
25
|
-
filterModel: {
|
|
26
|
-
filter: []
|
|
27
|
-
},
|
|
28
|
-
stopClickEventPropagation: true,
|
|
29
|
-
isFilterActive: true
|
|
30
|
-
}));
|
|
31
|
-
(0, _find.default)(wrapper).call(wrapper, ".".concat(_styles.Classes.filterIcon)).at(0).simulate('click');
|
|
32
|
-
(0, _find.default)(wrapper).call(wrapper, 'div').at(0).simulate('mousedown');
|
|
33
|
-
expect((0, _find.default)(wrapper).call(wrapper, _DefaultFilterContent.default).length).toBe(1);
|
|
34
|
-
wrapper.unmount();
|
|
35
|
-
});
|
|
36
|
-
});
|