@instructure/ui-drilldown 10.2.3-snapshot-14 → 10.2.3-snapshot-15
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/CHANGELOG.md +1 -1
- package/es/Drilldown/DrilldownGroup/__new-tests__/DrilldownGroup.test.js +8 -8
- package/es/Drilldown/DrilldownOption/__new-tests__/DrilldownOption.test.js +13 -13
- package/es/Drilldown/DrilldownPage/__new-tests__/DrilldownPage.test.js +6 -6
- package/es/Drilldown/__new-tests__/Drilldown.test.js +24 -24
- package/lib/Drilldown/DrilldownGroup/__new-tests__/DrilldownGroup.test.js +8 -8
- package/lib/Drilldown/DrilldownOption/__new-tests__/DrilldownOption.test.js +13 -13
- package/lib/Drilldown/DrilldownPage/__new-tests__/DrilldownPage.test.js +6 -6
- package/lib/Drilldown/__new-tests__/Drilldown.test.js +24 -24
- package/package.json +24 -24
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Drilldown/DrilldownGroup/index.d.ts +4 -4
- package/types/Drilldown/DrilldownGroup/index.d.ts.map +1 -1
- package/types/Drilldown/DrilldownOption/index.d.ts +8 -8
- package/types/Drilldown/DrilldownOption/index.d.ts.map +1 -1
- package/types/Drilldown/DrilldownPage/index.d.ts +6 -6
- package/types/Drilldown/DrilldownPage/index.d.ts.map +1 -1
- package/types/Drilldown/index.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
## [10.2.3-snapshot-
|
|
6
|
+
## [10.2.3-snapshot-15](https://github.com/instructure/instructure-ui/compare/v10.2.2...v10.2.3-snapshot-15) (2024-10-03)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @instructure/ui-drilldown
|
|
9
9
|
|
|
@@ -64,7 +64,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
64
64
|
}, opt);
|
|
65
65
|
}))));
|
|
66
66
|
};
|
|
67
|
-
render(
|
|
67
|
+
render(/*#__PURE__*/React.createElement(Example, {
|
|
68
68
|
opts: options
|
|
69
69
|
}));
|
|
70
70
|
const selectedOption = screen.getByTestId('three');
|
|
@@ -92,7 +92,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
92
92
|
});
|
|
93
93
|
it('elementRef should return ref to the group', async () => {
|
|
94
94
|
const elementRef = vi.fn();
|
|
95
|
-
const _render = render(
|
|
95
|
+
const _render = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
96
96
|
rootPageId: "page0"
|
|
97
97
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
98
98
|
id: "page0"
|
|
@@ -122,7 +122,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
122
122
|
expect(title).toBeInTheDocument();
|
|
123
123
|
});
|
|
124
124
|
it('should display, if function is provided', async () => {
|
|
125
|
-
render(
|
|
125
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
126
126
|
rootPageId: "page0"
|
|
127
127
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
128
128
|
id: "page0"
|
|
@@ -421,7 +421,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
421
421
|
describe('if provided', () => {
|
|
422
422
|
it('all selected checkboxes should be visible', async () => {
|
|
423
423
|
const selectedValues = ['item1', 'item3'];
|
|
424
|
-
const _render15 = render(
|
|
424
|
+
const _render15 = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
425
425
|
rootPageId: "page0"
|
|
426
426
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
427
427
|
id: "page0"
|
|
@@ -451,7 +451,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
451
451
|
});
|
|
452
452
|
it("should be overridden by the Option's own defaultSelected", async () => {
|
|
453
453
|
const selectedValues = ['item1', 'item3'];
|
|
454
|
-
render(
|
|
454
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
455
455
|
rootPageId: "page0"
|
|
456
456
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
457
457
|
id: "page0"
|
|
@@ -479,7 +479,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
479
479
|
describe('for "single" selectableType', () => {
|
|
480
480
|
it('the selected option should be checked', async () => {
|
|
481
481
|
const selectedValues = ['item2'];
|
|
482
|
-
render(
|
|
482
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
483
483
|
rootPageId: "page0"
|
|
484
484
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
485
485
|
id: "page0"
|
|
@@ -504,7 +504,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
504
504
|
});
|
|
505
505
|
it("should throw error if multiple items are selected, and shouldn't select any item", async () => {
|
|
506
506
|
const selectedValues = ['item1', 'item3'];
|
|
507
|
-
render(
|
|
507
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
508
508
|
rootPageId: "page0"
|
|
509
509
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
510
510
|
id: "page0"
|
|
@@ -534,7 +534,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
534
534
|
describe('selection', () => {
|
|
535
535
|
it('should fire "onSelect" callback', async () => {
|
|
536
536
|
const onSelect = vi.fn();
|
|
537
|
-
render(
|
|
537
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
538
538
|
rootPageId: "page0"
|
|
539
539
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
540
540
|
id: "page0"
|
|
@@ -65,7 +65,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
65
65
|
});
|
|
66
66
|
describe('id prop', () => {
|
|
67
67
|
it('should throw warning the id is not provided', async () => {
|
|
68
|
-
render(
|
|
68
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
69
69
|
rootPageId: "page0"
|
|
70
70
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
71
71
|
id: "page0"
|
|
@@ -106,7 +106,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
106
106
|
});
|
|
107
107
|
describe('children function prop', () => {
|
|
108
108
|
it('should throw warning if it returns nothing', async () => {
|
|
109
|
-
render(
|
|
109
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
110
110
|
rootPageId: "page0"
|
|
111
111
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
112
112
|
id: "page0"
|
|
@@ -118,7 +118,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
118
118
|
});
|
|
119
119
|
it('should provide props as parameters', async () => {
|
|
120
120
|
const childrenFunction = vi.fn(() => 'Option');
|
|
121
|
-
render(
|
|
121
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
122
122
|
rootPageId: "page0"
|
|
123
123
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
124
124
|
id: "page0"
|
|
@@ -135,7 +135,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
135
135
|
describe('elementRef prop', () => {
|
|
136
136
|
it('should give back to ref for the option wrapper (Options.Item)', async () => {
|
|
137
137
|
const elementRef = vi.fn();
|
|
138
|
-
const _render = render(
|
|
138
|
+
const _render = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
139
139
|
rootPageId: "page0"
|
|
140
140
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
141
141
|
id: "page0"
|
|
@@ -327,7 +327,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
327
327
|
});
|
|
328
328
|
it('as function should have option props as params', async () => {
|
|
329
329
|
const infoFunction = vi.fn(() => 'Info');
|
|
330
|
-
render(
|
|
330
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
331
331
|
rootPageId: "page0"
|
|
332
332
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
333
333
|
id: "page0"
|
|
@@ -361,7 +361,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
361
361
|
});
|
|
362
362
|
it('as function should have option props as params', async () => {
|
|
363
363
|
const beforeLabelFunction = vi.fn(() => _IconCheckSolid || (_IconCheckSolid = /*#__PURE__*/React.createElement(IconCheckSolid, null)));
|
|
364
|
-
render(
|
|
364
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
365
365
|
rootPageId: "page0"
|
|
366
366
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
367
367
|
id: "page0"
|
|
@@ -410,7 +410,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
410
410
|
});
|
|
411
411
|
it('as function should have option props as params', async () => {
|
|
412
412
|
const beforeLabelFunction = vi.fn(() => _IconCheckSolid2 || (_IconCheckSolid2 = /*#__PURE__*/React.createElement(IconCheckSolid, null)));
|
|
413
|
-
render(
|
|
413
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
414
414
|
rootPageId: "page0"
|
|
415
415
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
416
416
|
id: "page0"
|
|
@@ -454,7 +454,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
454
454
|
expect(description).toBeInTheDocument();
|
|
455
455
|
});
|
|
456
456
|
it('as a function should display description under the option', async () => {
|
|
457
|
-
render(
|
|
457
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
458
458
|
rootPageId: "page0"
|
|
459
459
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
460
460
|
id: "page0"
|
|
@@ -484,7 +484,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
484
484
|
describe('onOptionClick callback', () => {
|
|
485
485
|
it('should fire on click with correct params', async () => {
|
|
486
486
|
const onOptionClick = vi.fn();
|
|
487
|
-
render(
|
|
487
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
488
488
|
rootPageId: "page0"
|
|
489
489
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
490
490
|
id: "page0"
|
|
@@ -506,7 +506,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
506
506
|
});
|
|
507
507
|
});
|
|
508
508
|
it('should provide goToPreviousPage method that throws a warning, if there is no previous page', async () => {
|
|
509
|
-
render(
|
|
509
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
510
510
|
rootPageId: "page0"
|
|
511
511
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
512
512
|
id: "page0"
|
|
@@ -527,7 +527,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
527
527
|
});
|
|
528
528
|
describe('provide goToPage method', () => {
|
|
529
529
|
it("should throws warning if page doesn't exist", async () => {
|
|
530
|
-
render(
|
|
530
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
531
531
|
rootPageId: "page0"
|
|
532
532
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
533
533
|
id: "page0"
|
|
@@ -547,7 +547,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
547
547
|
});
|
|
548
548
|
});
|
|
549
549
|
it('should throws warning if if no page id is provided', async () => {
|
|
550
|
-
render(
|
|
550
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
551
551
|
rootPageId: "page0"
|
|
552
552
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
553
553
|
id: "page0"
|
|
@@ -568,7 +568,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
568
568
|
});
|
|
569
569
|
});
|
|
570
570
|
it('should throws warning if parameter is not string', async () => {
|
|
571
|
-
render(
|
|
571
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
572
572
|
rootPageId: "page0"
|
|
573
573
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
574
574
|
id: "page0"
|
|
@@ -69,7 +69,7 @@ describe('<Drilldown.Page />', () => {
|
|
|
69
69
|
expect(title).toBeInTheDocument();
|
|
70
70
|
});
|
|
71
71
|
it('should be displayed when function is passed', async () => {
|
|
72
|
-
render(
|
|
72
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
73
73
|
rootPageId: "page0"
|
|
74
74
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
75
75
|
id: "page0",
|
|
@@ -81,7 +81,7 @@ describe('<Drilldown.Page />', () => {
|
|
|
81
81
|
expect(title).toBeInTheDocument();
|
|
82
82
|
});
|
|
83
83
|
it("shouldn't be displayed when function has no return value", async () => {
|
|
84
|
-
const _render2 = render(
|
|
84
|
+
const _render2 = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
85
85
|
rootPageId: "page0"
|
|
86
86
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
87
87
|
id: "page0",
|
|
@@ -110,7 +110,7 @@ describe('<Drilldown.Page />', () => {
|
|
|
110
110
|
expect(actionLabel).toBeInTheDocument();
|
|
111
111
|
});
|
|
112
112
|
it('should be displayed when function is passed', async () => {
|
|
113
|
-
render(
|
|
113
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
114
114
|
rootPageId: "page0"
|
|
115
115
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
116
116
|
id: "page0",
|
|
@@ -122,7 +122,7 @@ describe('<Drilldown.Page />', () => {
|
|
|
122
122
|
expect(actionLabel).toBeInTheDocument();
|
|
123
123
|
});
|
|
124
124
|
it("shouldn't be displayed when function has no return value", async () => {
|
|
125
|
-
const _render3 = render(
|
|
125
|
+
const _render3 = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
126
126
|
rootPageId: "page0"
|
|
127
127
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
128
128
|
id: "page0",
|
|
@@ -138,7 +138,7 @@ describe('<Drilldown.Page />', () => {
|
|
|
138
138
|
});
|
|
139
139
|
it('should fire header action callback', async () => {
|
|
140
140
|
const actionCallback = vi.fn();
|
|
141
|
-
render(
|
|
141
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
142
142
|
rootPageId: "page0"
|
|
143
143
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
144
144
|
id: "page0",
|
|
@@ -190,7 +190,7 @@ describe('<Drilldown.Page />', () => {
|
|
|
190
190
|
});
|
|
191
191
|
it('should be displayed when function is passed, and can use former page title', async () => {
|
|
192
192
|
const pageTitle = 'Page Title';
|
|
193
|
-
render(
|
|
193
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
194
194
|
rootPageId: "page0"
|
|
195
195
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
196
196
|
id: "page0",
|
|
@@ -199,7 +199,7 @@ describe('<Drilldown />', () => {
|
|
|
199
199
|
describe('elementRef prop (and ref static prop)', () => {
|
|
200
200
|
it('should give back the drilldown element when there is no trigger', async () => {
|
|
201
201
|
const elementRef = vi.fn();
|
|
202
|
-
render(
|
|
202
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
203
203
|
rootPageId: "page0",
|
|
204
204
|
elementRef: elementRef
|
|
205
205
|
}, _Drilldown$Page || (_Drilldown$Page = /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
@@ -213,7 +213,7 @@ describe('<Drilldown />', () => {
|
|
|
213
213
|
});
|
|
214
214
|
it('should give back the Popover root when drilldown has trigger and is closed', async () => {
|
|
215
215
|
const elementRef = vi.fn();
|
|
216
|
-
const _render5 = render(
|
|
216
|
+
const _render5 = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
217
217
|
rootPageId: "page0",
|
|
218
218
|
elementRef: elementRef,
|
|
219
219
|
trigger: _button || (_button = /*#__PURE__*/React.createElement("button", null, "Toggle"))
|
|
@@ -231,7 +231,7 @@ describe('<Drilldown />', () => {
|
|
|
231
231
|
});
|
|
232
232
|
it('should give back the the Popover root when drilldown has trigger and is open', async () => {
|
|
233
233
|
const elementRef = vi.fn();
|
|
234
|
-
const _render6 = render(
|
|
234
|
+
const _render6 = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
235
235
|
rootPageId: "page0",
|
|
236
236
|
elementRef: elementRef,
|
|
237
237
|
trigger: _button2 || (_button2 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
@@ -252,7 +252,7 @@ describe('<Drilldown />', () => {
|
|
|
252
252
|
describe('drilldownRef prop', () => {
|
|
253
253
|
it('should give back the drilldown element when there is no trigger', async () => {
|
|
254
254
|
const drilldownRef = vi.fn();
|
|
255
|
-
render(
|
|
255
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
256
256
|
rootPageId: "page0",
|
|
257
257
|
drilldownRef: drilldownRef
|
|
258
258
|
}, _Drilldown$Page4 || (_Drilldown$Page4 = /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
@@ -265,7 +265,7 @@ describe('<Drilldown />', () => {
|
|
|
265
265
|
});
|
|
266
266
|
it("shouldn't be called when drilldown has trigger and is closed", async () => {
|
|
267
267
|
const drilldownRef = vi.fn();
|
|
268
|
-
render(
|
|
268
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
269
269
|
rootPageId: "page0",
|
|
270
270
|
drilldownRef: drilldownRef,
|
|
271
271
|
trigger: _button3 || (_button3 = /*#__PURE__*/React.createElement("button", null, "Toggle"))
|
|
@@ -278,7 +278,7 @@ describe('<Drilldown />', () => {
|
|
|
278
278
|
});
|
|
279
279
|
it('should give back the drilldown element when drilldown has trigger and is open', async () => {
|
|
280
280
|
const drilldownRef = vi.fn();
|
|
281
|
-
render(
|
|
281
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
282
282
|
rootPageId: "page0",
|
|
283
283
|
drilldownRef: drilldownRef,
|
|
284
284
|
trigger: _button4 || (_button4 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
@@ -295,7 +295,7 @@ describe('<Drilldown />', () => {
|
|
|
295
295
|
describe('popoverRef prop', () => {
|
|
296
296
|
it('should not be called when there is no trigger', async () => {
|
|
297
297
|
const popoverRef = vi.fn();
|
|
298
|
-
render(
|
|
298
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
299
299
|
rootPageId: "page0",
|
|
300
300
|
popoverRef: popoverRef
|
|
301
301
|
}, _Drilldown$Page7 || (_Drilldown$Page7 = /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
@@ -307,7 +307,7 @@ describe('<Drilldown />', () => {
|
|
|
307
307
|
});
|
|
308
308
|
it('should give back the Popover component when drilldown has trigger and is closed', async () => {
|
|
309
309
|
const popoverRef = vi.fn();
|
|
310
|
-
const _render7 = render(
|
|
310
|
+
const _render7 = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
311
311
|
rootPageId: "page0",
|
|
312
312
|
popoverRef: popoverRef,
|
|
313
313
|
trigger: _button5 || (_button5 = /*#__PURE__*/React.createElement("button", null, "Toggle"))
|
|
@@ -328,7 +328,7 @@ describe('<Drilldown />', () => {
|
|
|
328
328
|
});
|
|
329
329
|
it('should give back the Popover component when drilldown has trigger and is open', async () => {
|
|
330
330
|
const popoverRef = vi.fn();
|
|
331
|
-
const _render8 = render(
|
|
331
|
+
const _render8 = render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
332
332
|
rootPageId: "page0",
|
|
333
333
|
popoverRef: popoverRef,
|
|
334
334
|
trigger: _button6 || (_button6 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
@@ -352,7 +352,7 @@ describe('<Drilldown />', () => {
|
|
|
352
352
|
describe('onSelect prop', () => {
|
|
353
353
|
it('should fire when option is selected', async () => {
|
|
354
354
|
const onSelect = vi.fn();
|
|
355
|
-
render(
|
|
355
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
356
356
|
rootPageId: "page0",
|
|
357
357
|
onSelect: onSelect
|
|
358
358
|
}, /*#__PURE__*/React.createElement(Drilldown.Page, {
|
|
@@ -381,7 +381,7 @@ describe('<Drilldown />', () => {
|
|
|
381
381
|
});
|
|
382
382
|
it('should not fire when drilldown is disabled', async () => {
|
|
383
383
|
const onSelect = vi.fn();
|
|
384
|
-
render(
|
|
384
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
385
385
|
rootPageId: "page0",
|
|
386
386
|
onSelect: onSelect,
|
|
387
387
|
disabled: true
|
|
@@ -416,7 +416,7 @@ describe('<Drilldown />', () => {
|
|
|
416
416
|
const container = document.createElement('div');
|
|
417
417
|
container.setAttribute('data-testid', 'container');
|
|
418
418
|
document.body.appendChild(container);
|
|
419
|
-
render(
|
|
419
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
420
420
|
rootPageId: "page0",
|
|
421
421
|
mountNode: container,
|
|
422
422
|
trigger: _button7 || (_button7 = /*#__PURE__*/React.createElement("button", null, "Options"))
|
|
@@ -448,7 +448,7 @@ describe('<Drilldown />', () => {
|
|
|
448
448
|
});
|
|
449
449
|
it('should call onToggle when Drilldown is opened', async () => {
|
|
450
450
|
const onToggle = vi.fn();
|
|
451
|
-
render(
|
|
451
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
452
452
|
rootPageId: "page0",
|
|
453
453
|
trigger: _button8 || (_button8 = /*#__PURE__*/React.createElement("button", null, "Options")),
|
|
454
454
|
onToggle: onToggle,
|
|
@@ -473,7 +473,7 @@ describe('<Drilldown />', () => {
|
|
|
473
473
|
});
|
|
474
474
|
it('should call onToggle when Drilldown is closed', async () => {
|
|
475
475
|
const onToggle = vi.fn();
|
|
476
|
-
render(
|
|
476
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
477
477
|
rootPageId: "page0",
|
|
478
478
|
trigger: _button9 || (_button9 = /*#__PURE__*/React.createElement("button", null, "Options")),
|
|
479
479
|
onToggle: onToggle,
|
|
@@ -499,7 +499,7 @@ describe('<Drilldown />', () => {
|
|
|
499
499
|
describe('placement prop', () => {
|
|
500
500
|
it('should be passed to Popover', async () => {
|
|
501
501
|
let popoverRef = null;
|
|
502
|
-
render(
|
|
502
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
503
503
|
rootPageId: "page0",
|
|
504
504
|
trigger: _button10 || (_button10 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
505
505
|
defaultShow: true,
|
|
@@ -534,7 +534,7 @@ describe('<Drilldown />', () => {
|
|
|
534
534
|
describe('show prop', () => {
|
|
535
535
|
it('should display popover', async () => {
|
|
536
536
|
const onToggle = vi.fn();
|
|
537
|
-
render(
|
|
537
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
538
538
|
rootPageId: "page0",
|
|
539
539
|
trigger: _button11 || (_button11 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
540
540
|
show: true,
|
|
@@ -567,7 +567,7 @@ describe('<Drilldown />', () => {
|
|
|
567
567
|
it('should be passed to Popover', async () => {
|
|
568
568
|
let popoverRef = null;
|
|
569
569
|
const onFocus = vi.fn();
|
|
570
|
-
render(
|
|
570
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
571
571
|
rootPageId: "page0",
|
|
572
572
|
trigger: _button12 || (_button12 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
573
573
|
popoverRef: e => {
|
|
@@ -587,7 +587,7 @@ describe('<Drilldown />', () => {
|
|
|
587
587
|
it('should be passed to Popover', async () => {
|
|
588
588
|
let popoverRef = null;
|
|
589
589
|
const onMouseOver = vi.fn();
|
|
590
|
-
render(
|
|
590
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
591
591
|
rootPageId: "page0",
|
|
592
592
|
trigger: _button13 || (_button13 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
593
593
|
popoverRef: e => {
|
|
@@ -606,7 +606,7 @@ describe('<Drilldown />', () => {
|
|
|
606
606
|
describe('shouldContainFocus prop', () => {
|
|
607
607
|
it('should be passed to Popover', async () => {
|
|
608
608
|
let popoverRef = null;
|
|
609
|
-
render(
|
|
609
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
610
610
|
rootPageId: "page0",
|
|
611
611
|
trigger: _button14 || (_button14 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
612
612
|
popoverRef: e => {
|
|
@@ -625,7 +625,7 @@ describe('<Drilldown />', () => {
|
|
|
625
625
|
describe('shouldReturnFocus prop', () => {
|
|
626
626
|
it('should be passed to Popover', async () => {
|
|
627
627
|
let popoverRef = null;
|
|
628
|
-
render(
|
|
628
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
629
629
|
rootPageId: "page0",
|
|
630
630
|
trigger: _button15 || (_button15 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
631
631
|
popoverRef: e => {
|
|
@@ -644,7 +644,7 @@ describe('<Drilldown />', () => {
|
|
|
644
644
|
describe('withArrow prop', () => {
|
|
645
645
|
it('should be passed to Popover', async () => {
|
|
646
646
|
let popoverRef = null;
|
|
647
|
-
render(
|
|
647
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
648
648
|
rootPageId: "page0",
|
|
649
649
|
trigger: _button16 || (_button16 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
650
650
|
popoverRef: e => {
|
|
@@ -663,7 +663,7 @@ describe('<Drilldown />', () => {
|
|
|
663
663
|
describe('offsetX prop', () => {
|
|
664
664
|
it('should be passed to Popover', async () => {
|
|
665
665
|
let popoverRef = null;
|
|
666
|
-
render(
|
|
666
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
667
667
|
rootPageId: "page0",
|
|
668
668
|
trigger: _button17 || (_button17 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
669
669
|
popoverRef: e => {
|
|
@@ -682,7 +682,7 @@ describe('<Drilldown />', () => {
|
|
|
682
682
|
describe('offsetY prop', () => {
|
|
683
683
|
it('should be passed to Popover', async () => {
|
|
684
684
|
let popoverRef = null;
|
|
685
|
-
render(
|
|
685
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
686
686
|
rootPageId: "page0",
|
|
687
687
|
trigger: _button18 || (_button18 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
688
688
|
popoverRef: e => {
|
|
@@ -701,7 +701,7 @@ describe('<Drilldown />', () => {
|
|
|
701
701
|
describe('positionContainerDisplay prop', () => {
|
|
702
702
|
it('should be passed to Popover', async () => {
|
|
703
703
|
let popoverRef = null;
|
|
704
|
-
render(
|
|
704
|
+
render(/*#__PURE__*/React.createElement(Drilldown, {
|
|
705
705
|
rootPageId: "page0",
|
|
706
706
|
trigger: _button19 || (_button19 = /*#__PURE__*/React.createElement("button", null, "Toggle")),
|
|
707
707
|
popoverRef: e => {
|
|
@@ -66,7 +66,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
66
66
|
}, opt);
|
|
67
67
|
}))));
|
|
68
68
|
};
|
|
69
|
-
(0, _react2.render)(
|
|
69
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(Example, {
|
|
70
70
|
opts: options
|
|
71
71
|
}));
|
|
72
72
|
const selectedOption = _react2.screen.getByTestId('three');
|
|
@@ -94,7 +94,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
94
94
|
});
|
|
95
95
|
it('elementRef should return ref to the group', async () => {
|
|
96
96
|
const elementRef = _vitest.vi.fn();
|
|
97
|
-
const _render = (0, _react2.render)(
|
|
97
|
+
const _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
98
98
|
rootPageId: "page0"
|
|
99
99
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
100
100
|
id: "page0"
|
|
@@ -124,7 +124,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
124
124
|
expect(title).toBeInTheDocument();
|
|
125
125
|
});
|
|
126
126
|
it('should display, if function is provided', async () => {
|
|
127
|
-
(0, _react2.render)(
|
|
127
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
128
128
|
rootPageId: "page0"
|
|
129
129
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
130
130
|
id: "page0"
|
|
@@ -423,7 +423,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
423
423
|
describe('if provided', () => {
|
|
424
424
|
it('all selected checkboxes should be visible', async () => {
|
|
425
425
|
const selectedValues = ['item1', 'item3'];
|
|
426
|
-
const _render15 = (0, _react2.render)(
|
|
426
|
+
const _render15 = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
427
427
|
rootPageId: "page0"
|
|
428
428
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
429
429
|
id: "page0"
|
|
@@ -453,7 +453,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
453
453
|
});
|
|
454
454
|
it("should be overridden by the Option's own defaultSelected", async () => {
|
|
455
455
|
const selectedValues = ['item1', 'item3'];
|
|
456
|
-
(0, _react2.render)(
|
|
456
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
457
457
|
rootPageId: "page0"
|
|
458
458
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
459
459
|
id: "page0"
|
|
@@ -481,7 +481,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
481
481
|
describe('for "single" selectableType', () => {
|
|
482
482
|
it('the selected option should be checked', async () => {
|
|
483
483
|
const selectedValues = ['item2'];
|
|
484
|
-
(0, _react2.render)(
|
|
484
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
485
485
|
rootPageId: "page0"
|
|
486
486
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
487
487
|
id: "page0"
|
|
@@ -506,7 +506,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
506
506
|
});
|
|
507
507
|
it("should throw error if multiple items are selected, and shouldn't select any item", async () => {
|
|
508
508
|
const selectedValues = ['item1', 'item3'];
|
|
509
|
-
(0, _react2.render)(
|
|
509
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
510
510
|
rootPageId: "page0"
|
|
511
511
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
512
512
|
id: "page0"
|
|
@@ -536,7 +536,7 @@ describe('<Drilldown.Group />', () => {
|
|
|
536
536
|
describe('selection', () => {
|
|
537
537
|
it('should fire "onSelect" callback', async () => {
|
|
538
538
|
const onSelect = _vitest.vi.fn();
|
|
539
|
-
(0, _react2.render)(
|
|
539
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
540
540
|
rootPageId: "page0"
|
|
541
541
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
542
542
|
id: "page0"
|
|
@@ -68,7 +68,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
68
68
|
});
|
|
69
69
|
describe('id prop', () => {
|
|
70
70
|
it('should throw warning the id is not provided', async () => {
|
|
71
|
-
(0, _react2.render)(
|
|
71
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
72
72
|
rootPageId: "page0"
|
|
73
73
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
74
74
|
id: "page0"
|
|
@@ -109,7 +109,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
109
109
|
});
|
|
110
110
|
describe('children function prop', () => {
|
|
111
111
|
it('should throw warning if it returns nothing', async () => {
|
|
112
|
-
(0, _react2.render)(
|
|
112
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
113
113
|
rootPageId: "page0"
|
|
114
114
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
115
115
|
id: "page0"
|
|
@@ -121,7 +121,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
121
121
|
});
|
|
122
122
|
it('should provide props as parameters', async () => {
|
|
123
123
|
const childrenFunction = _vitest.vi.fn(() => 'Option');
|
|
124
|
-
(0, _react2.render)(
|
|
124
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
125
125
|
rootPageId: "page0"
|
|
126
126
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
127
127
|
id: "page0"
|
|
@@ -138,7 +138,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
138
138
|
describe('elementRef prop', () => {
|
|
139
139
|
it('should give back to ref for the option wrapper (Options.Item)', async () => {
|
|
140
140
|
const elementRef = _vitest.vi.fn();
|
|
141
|
-
const _render = (0, _react2.render)(
|
|
141
|
+
const _render = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
142
142
|
rootPageId: "page0"
|
|
143
143
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
144
144
|
id: "page0"
|
|
@@ -330,7 +330,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
330
330
|
});
|
|
331
331
|
it('as function should have option props as params', async () => {
|
|
332
332
|
const infoFunction = _vitest.vi.fn(() => 'Info');
|
|
333
|
-
(0, _react2.render)(
|
|
333
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
334
334
|
rootPageId: "page0"
|
|
335
335
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
336
336
|
id: "page0"
|
|
@@ -364,7 +364,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
364
364
|
});
|
|
365
365
|
it('as function should have option props as params', async () => {
|
|
366
366
|
const beforeLabelFunction = _vitest.vi.fn(() => _IconCheckSolid || (_IconCheckSolid = /*#__PURE__*/_react.default.createElement(_IconCheckSolid3.IconCheckSolid, null)));
|
|
367
|
-
(0, _react2.render)(
|
|
367
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
368
368
|
rootPageId: "page0"
|
|
369
369
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
370
370
|
id: "page0"
|
|
@@ -413,7 +413,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
413
413
|
});
|
|
414
414
|
it('as function should have option props as params', async () => {
|
|
415
415
|
const beforeLabelFunction = _vitest.vi.fn(() => _IconCheckSolid2 || (_IconCheckSolid2 = /*#__PURE__*/_react.default.createElement(_IconCheckSolid3.IconCheckSolid, null)));
|
|
416
|
-
(0, _react2.render)(
|
|
416
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
417
417
|
rootPageId: "page0"
|
|
418
418
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
419
419
|
id: "page0"
|
|
@@ -457,7 +457,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
457
457
|
expect(description).toBeInTheDocument();
|
|
458
458
|
});
|
|
459
459
|
it('as a function should display description under the option', async () => {
|
|
460
|
-
(0, _react2.render)(
|
|
460
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
461
461
|
rootPageId: "page0"
|
|
462
462
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
463
463
|
id: "page0"
|
|
@@ -487,7 +487,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
487
487
|
describe('onOptionClick callback', () => {
|
|
488
488
|
it('should fire on click with correct params', async () => {
|
|
489
489
|
const onOptionClick = _vitest.vi.fn();
|
|
490
|
-
(0, _react2.render)(
|
|
490
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
491
491
|
rootPageId: "page0"
|
|
492
492
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
493
493
|
id: "page0"
|
|
@@ -509,7 +509,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
509
509
|
});
|
|
510
510
|
});
|
|
511
511
|
it('should provide goToPreviousPage method that throws a warning, if there is no previous page', async () => {
|
|
512
|
-
(0, _react2.render)(
|
|
512
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
513
513
|
rootPageId: "page0"
|
|
514
514
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
515
515
|
id: "page0"
|
|
@@ -530,7 +530,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
530
530
|
});
|
|
531
531
|
describe('provide goToPage method', () => {
|
|
532
532
|
it("should throws warning if page doesn't exist", async () => {
|
|
533
|
-
(0, _react2.render)(
|
|
533
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
534
534
|
rootPageId: "page0"
|
|
535
535
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
536
536
|
id: "page0"
|
|
@@ -550,7 +550,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
550
550
|
});
|
|
551
551
|
});
|
|
552
552
|
it('should throws warning if if no page id is provided', async () => {
|
|
553
|
-
(0, _react2.render)(
|
|
553
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
554
554
|
rootPageId: "page0"
|
|
555
555
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
556
556
|
id: "page0"
|
|
@@ -571,7 +571,7 @@ describe('<Drilldown.Option />', () => {
|
|
|
571
571
|
});
|
|
572
572
|
});
|
|
573
573
|
it('should throws warning if parameter is not string', async () => {
|
|
574
|
-
(0, _react2.render)(
|
|
574
|
+
(0, _react2.render)(/*#__PURE__*/_react.default.createElement(_index.Drilldown, {
|
|
575
575
|
rootPageId: "page0"
|
|
576
576
|
}, /*#__PURE__*/_react.default.createElement(_index.Drilldown.Page, {
|
|
577
577
|
id: "page0"
|