jqtree 1.6.1 → 1.6.2

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 (84) hide show
  1. package/.eslintrc +1 -0
  2. package/_config.yml +1 -1
  3. package/_entries/10_changelog.md +5 -0
  4. package/_layouts/base.html +0 -22
  5. package/babel.config.json +11 -0
  6. package/babel.coverage.config.json +4 -0
  7. package/bower.json +1 -1
  8. package/jest-browser.config.js +0 -3
  9. package/jest-jsdom.config.js +1 -2
  10. package/jqtree.css +4 -1
  11. package/jqtree.postcss +3 -0
  12. package/lib/dataLoader.js +146 -98
  13. package/lib/dragAndDropHandler.js +668 -472
  14. package/lib/elementsRenderer.js +282 -197
  15. package/lib/jqtreeOptions.js +1 -2
  16. package/lib/keyHandler.js +134 -87
  17. package/lib/mouse.widget.js +285 -186
  18. package/lib/node.js +691 -505
  19. package/lib/nodeElement.js +329 -207
  20. package/lib/playwright/playwright.test.js +216 -189
  21. package/lib/playwright/testUtil.js +429 -193
  22. package/lib/playwright/visualRegression.js +182 -117
  23. package/lib/saveStateHandler.js +311 -204
  24. package/lib/scrollHandler.js +293 -199
  25. package/lib/selectNodeHandler.js +140 -100
  26. package/lib/simple.widget.js +184 -109
  27. package/lib/test/global.d.js +3 -0
  28. package/lib/test/jqTree/create.test.js +44 -40
  29. package/lib/test/jqTree/events.test.js +185 -138
  30. package/lib/test/jqTree/keyboard.test.js +216 -199
  31. package/lib/test/jqTree/loadOnDemand.test.js +233 -157
  32. package/lib/test/jqTree/methods.test.js +1269 -1019
  33. package/lib/test/jqTree/options.test.js +467 -398
  34. package/lib/test/node.test.js +1036 -873
  35. package/lib/test/nodeUtil.test.js +21 -20
  36. package/lib/test/support/exampleData.js +35 -23
  37. package/lib/test/support/jqTreeMatchers.js +72 -54
  38. package/lib/test/support/matchers.d.js +1 -0
  39. package/lib/test/support/setupTests.js +9 -3
  40. package/lib/test/support/testUtil.js +35 -15
  41. package/lib/test/support/treeStructure.js +41 -32
  42. package/lib/test/util.test.js +21 -20
  43. package/lib/tree.jquery.d.js +1 -0
  44. package/lib/tree.jquery.js +1264 -892
  45. package/lib/types.js +1 -2
  46. package/lib/typings.d.js +2 -0
  47. package/lib/util.js +19 -8
  48. package/lib/version.js +8 -3
  49. package/package.json +42 -34
  50. package/production +4 -4
  51. package/rollup.config.js +16 -11
  52. package/src/dataLoader.ts +6 -6
  53. package/src/dragAndDropHandler.ts +0 -4
  54. package/src/elementsRenderer.ts +4 -0
  55. package/src/jqtreeOptions.ts +1 -1
  56. package/src/mouse.widget.ts +19 -15
  57. package/src/node.ts +27 -41
  58. package/src/nodeElement.ts +17 -9
  59. package/src/playwright/.eslintrc +5 -0
  60. package/src/playwright/playwright.test.ts +29 -29
  61. package/src/saveStateHandler.ts +11 -6
  62. package/src/selectNodeHandler.ts +1 -1
  63. package/src/simple.widget.ts +1 -1
  64. package/src/test/.eslintrc +4 -0
  65. package/src/test/jqTree/create.test.ts +0 -1
  66. package/src/test/jqTree/events.test.ts +0 -1
  67. package/src/test/jqTree/keyboard.test.ts +0 -1
  68. package/src/test/jqTree/loadOnDemand.test.ts +46 -1
  69. package/src/test/jqTree/methods.test.ts +35 -10
  70. package/src/test/jqTree/options.test.ts +4 -5
  71. package/src/test/node.test.ts +2 -2
  72. package/src/test/support/jqTreeMatchers.ts +8 -9
  73. package/src/test/support/matchers.d.ts +2 -4
  74. package/src/test/support/setupTests.ts +2 -1
  75. package/src/tree.jquery.d.ts +18 -12
  76. package/src/tree.jquery.ts +25 -21
  77. package/src/version.ts +1 -1
  78. package/static/example.postcss +13 -0
  79. package/static/example_data.js +33 -36
  80. package/tree.jquery.debug.js +4806 -3325
  81. package/tree.jquery.debug.js.map +1 -1
  82. package/tree.jquery.js +2 -2
  83. package/tree.jquery.js.map +1 -1
  84. package/tsconfig.json +1 -0
@@ -1,173 +1,220 @@
1
1
  "use strict";
2
- exports.__esModule = true;
3
- var $ = require("jquery");
4
- var givens_1 = require("givens");
5
- var msw_1 = require("msw");
6
- var node_1 = require("msw/node");
2
+
3
+ var _givens = _interopRequireDefault(require("givens"));
4
+
5
+ var _msw = require("msw");
6
+
7
+ var _node = require("msw/node");
8
+
7
9
  require("../../tree.jquery");
8
- var exampleData_1 = require("../support/exampleData");
9
- var testUtil_1 = require("../support/testUtil");
10
+
11
+ var _exampleData = _interopRequireDefault(require("../support/exampleData"));
12
+
13
+ var _testUtil = require("../support/testUtil");
14
+
15
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
16
+
10
17
  var context = describe;
11
18
  beforeEach(function () {
12
- $("body").append('<div id="tree1"></div>');
19
+ $("body").append('<div id="tree1"></div>');
13
20
  });
14
21
  afterEach(function () {
15
- var $tree = $("#tree1");
16
- $tree.tree("destroy");
17
- $tree.remove();
22
+ var $tree = $("#tree1");
23
+ $tree.tree("destroy");
24
+ $tree.remove();
18
25
  });
19
26
  describe("tree.click", function () {
20
- var given = givens_1["default"]();
21
- given("node1", function () { return given.$tree.tree("getNodeByNameMustExist", "node1"); });
22
- given("titleSpan", function () { return testUtil_1.titleSpan(given.node1.element); });
23
- given("$tree", function () { return $("#tree1"); });
24
- beforeEach(function () {
25
- given.$tree.tree({ data: exampleData_1["default"] });
27
+ var given = (0, _givens["default"])();
28
+ given("node1", function () {
29
+ return given.$tree.tree("getNodeByNameMustExist", "node1");
30
+ });
31
+ given("titleSpan", function () {
32
+ return (0, _testUtil.titleSpan)(given.node1.element);
33
+ });
34
+ given("$tree", function () {
35
+ return $("#tree1");
36
+ });
37
+ beforeEach(function () {
38
+ given.$tree.tree({
39
+ data: _exampleData["default"]
26
40
  });
27
- it("fires tree.click", function () {
28
- return new Promise(function (done) {
29
- given.$tree.on("tree.click", function (e) {
30
- var treeClickEvent = e;
31
- expect(treeClickEvent.node).toBe(given.node1);
32
- done();
33
- });
34
- given.titleSpan.trigger("click");
35
- });
41
+ });
42
+ it("fires tree.click", function () {
43
+ return new Promise(function (done) {
44
+ given.$tree.on("tree.click", function (e) {
45
+ var treeClickEvent = e;
46
+ expect(treeClickEvent.node).toBe(given.node1);
47
+ done();
48
+ });
49
+ given.titleSpan.trigger("click");
36
50
  });
51
+ });
37
52
  });
38
53
  describe("tree.contextmenu", function () {
39
- var given = givens_1["default"]();
40
- given("node1", function () { return given.$tree.tree("getNodeByNameMustExist", "node1"); });
41
- given("titleSpan", function () { return testUtil_1.titleSpan(given.node1.element); });
42
- given("$tree", function () { return $("#tree1"); });
43
- beforeEach(function () {
44
- given.$tree.tree({ data: exampleData_1["default"] });
54
+ var given = (0, _givens["default"])();
55
+ given("node1", function () {
56
+ return given.$tree.tree("getNodeByNameMustExist", "node1");
57
+ });
58
+ given("titleSpan", function () {
59
+ return (0, _testUtil.titleSpan)(given.node1.element);
60
+ });
61
+ given("$tree", function () {
62
+ return $("#tree1");
63
+ });
64
+ beforeEach(function () {
65
+ given.$tree.tree({
66
+ data: _exampleData["default"]
45
67
  });
46
- it("fires tree.contextmenu", function () {
47
- return new Promise(function (done) {
48
- given.$tree.on("tree.contextmenu", function (e) {
49
- var treeClickEvent = e;
50
- expect(treeClickEvent.node).toBe(given.node1);
51
- done();
52
- });
53
- given.titleSpan.contextmenu();
54
- });
68
+ });
69
+ it("fires tree.contextmenu", function () {
70
+ return new Promise(function (done) {
71
+ given.$tree.on("tree.contextmenu", function (e) {
72
+ var treeClickEvent = e;
73
+ expect(treeClickEvent.node).toBe(given.node1);
74
+ done();
75
+ });
76
+ given.titleSpan.contextmenu();
55
77
  });
78
+ });
56
79
  });
57
80
  describe("tree.dblclick", function () {
58
- var given = givens_1["default"]();
59
- given("node1", function () { return given.$tree.tree("getNodeByNameMustExist", "node1"); });
60
- given("titleSpan", function () { return testUtil_1.titleSpan(given.node1.element); });
61
- given("$tree", function () { return $("#tree1"); });
62
- beforeEach(function () {
63
- given.$tree.tree({ data: exampleData_1["default"] });
81
+ var given = (0, _givens["default"])();
82
+ given("node1", function () {
83
+ return given.$tree.tree("getNodeByNameMustExist", "node1");
84
+ });
85
+ given("titleSpan", function () {
86
+ return (0, _testUtil.titleSpan)(given.node1.element);
87
+ });
88
+ given("$tree", function () {
89
+ return $("#tree1");
90
+ });
91
+ beforeEach(function () {
92
+ given.$tree.tree({
93
+ data: _exampleData["default"]
64
94
  });
65
- it("fires tree.dblclick", function () {
66
- return new Promise(function (done) {
67
- given.$tree.on("tree.dblclick", function (e) {
68
- var treeClickEvent = e;
69
- expect(treeClickEvent.node).toBe(given.node1);
70
- done();
71
- });
72
- given.titleSpan.trigger("dblclick");
73
- });
95
+ });
96
+ it("fires tree.dblclick", function () {
97
+ return new Promise(function (done) {
98
+ given.$tree.on("tree.dblclick", function (e) {
99
+ var treeClickEvent = e;
100
+ expect(treeClickEvent.node).toBe(given.node1);
101
+ done();
102
+ });
103
+ given.titleSpan.trigger("dblclick");
74
104
  });
105
+ });
75
106
  });
76
107
  describe("tree.init", function () {
77
- var given = givens_1["default"]();
78
- given("$tree", function () { return $("#tree1"); });
79
- context("with json data", function () {
80
- it("is called", function () {
81
- return new Promise(function (done) {
82
- given.$tree.on("tree.init", function () {
83
- expect(given.$tree.tree("getNodeByName", "node2")).toMatchObject({
84
- id: 124,
85
- name: "node2"
86
- });
87
- done();
88
- });
89
- given.$tree.tree({
90
- data: exampleData_1["default"]
91
- });
92
- });
108
+ var given = (0, _givens["default"])();
109
+ given("$tree", function () {
110
+ return $("#tree1");
111
+ });
112
+ context("with json data", function () {
113
+ it("is called", function () {
114
+ return new Promise(function (done) {
115
+ given.$tree.on("tree.init", function () {
116
+ expect(given.$tree.tree("getNodeByName", "node2")).toMatchObject({
117
+ id: 124,
118
+ name: "node2"
119
+ });
120
+ done();
93
121
  });
94
- });
95
- context("with data loaded from an url", function () {
96
- var server = null;
97
- beforeAll(function () {
98
- server = node_1.setupServer(msw_1.rest.get("/tree/", function (_request, response, ctx) {
99
- return response(ctx.status(200), ctx.json(exampleData_1["default"]));
100
- }));
101
- server.listen();
122
+ given.$tree.tree({
123
+ data: _exampleData["default"]
102
124
  });
103
- afterAll(function () {
104
- server === null || server === void 0 ? void 0 : server.close();
125
+ });
126
+ });
127
+ });
128
+ context("with data loaded from an url", function () {
129
+ var server = null;
130
+ beforeAll(function () {
131
+ server = (0, _node.setupServer)(_msw.rest.get("/tree/", function (_request, response, ctx) {
132
+ return response(ctx.status(200), ctx.json(_exampleData["default"]));
133
+ }));
134
+ server.listen();
135
+ });
136
+ afterAll(function () {
137
+ var _server;
138
+
139
+ (_server = server) === null || _server === void 0 ? void 0 : _server.close();
140
+ });
141
+ it("is called", function () {
142
+ return new Promise(function (done) {
143
+ given.$tree.on("tree.init", function () {
144
+ expect(given.$tree.tree("getNodeByName", "node2")).toMatchObject({
145
+ id: 124,
146
+ name: "node2"
147
+ });
148
+ done();
105
149
  });
106
- it("is called", function () {
107
- return new Promise(function (done) {
108
- given.$tree.on("tree.init", function () {
109
- expect(given.$tree.tree("getNodeByName", "node2")).toMatchObject({
110
- id: 124,
111
- name: "node2"
112
- });
113
- done();
114
- });
115
- given.$tree.tree({ dataUrl: "/tree/" });
116
- });
150
+ given.$tree.tree({
151
+ dataUrl: "/tree/"
117
152
  });
153
+ });
118
154
  });
155
+ });
119
156
  });
120
157
  describe("tree.load_data", function () {
121
- var given = givens_1["default"]();
122
- given("$tree", function () { return $("#tree1"); });
123
- context("when the tree is initialized with data", function () {
124
- it("fires tree.load_data", function () {
125
- return new Promise(function (resolve) {
126
- given.$tree.on("tree.load_data", function (e) {
127
- // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
128
- expect(e.tree_data).toEqual(exampleData_1["default"]);
129
- resolve();
130
- });
131
- given.$tree.tree({ data: exampleData_1["default"] });
132
- });
158
+ var given = (0, _givens["default"])();
159
+ given("$tree", function () {
160
+ return $("#tree1");
161
+ });
162
+ context("when the tree is initialized with data", function () {
163
+ it("fires tree.load_data", function () {
164
+ return new Promise(function (resolve) {
165
+ given.$tree.on("tree.load_data", function (e) {
166
+ // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
167
+ expect(e.tree_data).toEqual(_exampleData["default"]);
168
+ resolve();
169
+ });
170
+ given.$tree.tree({
171
+ data: _exampleData["default"]
133
172
  });
173
+ });
134
174
  });
175
+ });
135
176
  });
136
177
  describe("tree.select", function () {
137
- var given = givens_1["default"]();
138
- given("node1", function () { return given.$tree.tree("getNodeByNameMustExist", "node1"); });
139
- given("titleSpan", function () { return testUtil_1.titleSpan(given.node1.element); });
140
- given("$tree", function () { return $("#tree1"); });
141
- beforeEach(function () {
142
- given.$tree.tree({
143
- data: exampleData_1["default"]
144
- });
178
+ var given = (0, _givens["default"])();
179
+ given("node1", function () {
180
+ return given.$tree.tree("getNodeByNameMustExist", "node1");
181
+ });
182
+ given("titleSpan", function () {
183
+ return (0, _testUtil.titleSpan)(given.node1.element);
184
+ });
185
+ given("$tree", function () {
186
+ return $("#tree1");
187
+ });
188
+ beforeEach(function () {
189
+ given.$tree.tree({
190
+ data: _exampleData["default"]
145
191
  });
146
- it("fires tree.click", function () {
147
- return new Promise(function (done) {
148
- given.$tree.on("tree.select", function (e) {
149
- var treeClickEvent = e;
150
- expect(treeClickEvent.node).toBe(given.node1);
151
- expect(treeClickEvent.deselected_node).toBeNull();
152
- done();
153
- });
154
- given.titleSpan.trigger("click");
155
- });
192
+ });
193
+ it("fires tree.click", function () {
194
+ return new Promise(function (done) {
195
+ given.$tree.on("tree.select", function (e) {
196
+ var treeClickEvent = e;
197
+ expect(treeClickEvent.node).toBe(given.node1);
198
+ expect(treeClickEvent.deselected_node).toBeNull();
199
+ done();
200
+ });
201
+ given.titleSpan.trigger("click");
156
202
  });
157
- context("when the node was selected", function () {
158
- beforeEach(function () {
159
- given.$tree.tree("selectNode", given.node1);
160
- });
161
- it("fires tree.select with node is null", function () {
162
- return new Promise(function (done) {
163
- given.$tree.on("tree.select", function (e) {
164
- var treeClickEvent = e;
165
- expect(treeClickEvent.node).toBeNull();
166
- expect(treeClickEvent.previous_node).toBe(given.node1);
167
- done();
168
- });
169
- given.titleSpan.trigger("click");
170
- });
203
+ });
204
+ context("when the node was selected", function () {
205
+ beforeEach(function () {
206
+ given.$tree.tree("selectNode", given.node1);
207
+ });
208
+ it("fires tree.select with node is null", function () {
209
+ return new Promise(function (done) {
210
+ given.$tree.on("tree.select", function (e) {
211
+ var treeClickEvent = e;
212
+ expect(treeClickEvent.node).toBeNull();
213
+ expect(treeClickEvent.previous_node).toBe(given.node1);
214
+ done();
171
215
  });
216
+ given.titleSpan.trigger("click");
217
+ });
172
218
  });
173
- });
219
+ });
220
+ });