@baloise/ds-testing 19.9.0-nightly.20260305 → 19.9.1
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/add-override-commands.esm.js +1 -1
- package/bal-input-stepper.command.esm.js +7 -7
- package/helpers.esm.js +5 -5
- package/package.json +2 -2
- package/selectors.esm2.js +145 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { s as selectors, p as parseDataTestID, a as byDataSelectors } from './selectors.esm2.js';
|
|
2
|
-
import { f as isAccordion, g as
|
|
2
|
+
import { f as isAccordion, g as isButton, h as isCheckbox, j as isInput, k as isInputDate, m as isNumberInput, n as isTextarea, o as isSlider, p as isRadio, q as isSelect, i as isDropDown, r as wrapCommand, w as wrapOptions, s as isTag, u as isHint, l as log, v as hasClass, x as hasRole, y as isLabel, z as isInputStepper, A as isTabs, B as hasTestId, C as isSteps } from './helpers.esm.js';
|
|
3
3
|
|
|
4
4
|
Cypress.Commands.overwrite('blur', function(originalFn, element, options) {
|
|
5
5
|
var command = wrapCommand('blur', element, '', function($el) {
|
|
@@ -463,7 +463,7 @@ Cypress.Commands.add('balSelectFindOptions', {
|
|
|
463
463
|
Cypress.Commands.add('balSelectShouldHaveOptions', {
|
|
464
464
|
prevSubject: true
|
|
465
465
|
}, function(subject, labels, dataKey, options) {
|
|
466
|
-
if (dataKey ===
|
|
466
|
+
if (dataKey === void 0) dataKey = 'label';
|
|
467
467
|
log('balSelectShouldHaveOptions', '', subject, options);
|
|
468
468
|
var o = wrapOptions(options);
|
|
469
469
|
return cy.wrapComponent(subject, o).balSelectFindOptions(o).should(function($o) {
|
|
@@ -514,7 +514,7 @@ Cypress.Commands.add('balStepsFindLabel', {
|
|
|
514
514
|
Cypress.Commands.add('balStepsShouldHaveItems', {
|
|
515
515
|
prevSubject: true
|
|
516
516
|
}, function(subject, labels, dataKey, options) {
|
|
517
|
-
if (dataKey ===
|
|
517
|
+
if (dataKey === void 0) dataKey = 'label';
|
|
518
518
|
var o = wrapOptions(options);
|
|
519
519
|
return cy.wrapComponent(subject, o).balStepsFindItems(o).should(function($o) {
|
|
520
520
|
var dataItems = $o.map(function(_, el) {
|
|
@@ -526,7 +526,7 @@ Cypress.Commands.add('balStepsShouldHaveItems', {
|
|
|
526
526
|
Cypress.Commands.add('balStepsItemShouldHaveState', {
|
|
527
527
|
prevSubject: true
|
|
528
528
|
}, function(subject, state, options) {
|
|
529
|
-
if (state ===
|
|
529
|
+
if (state === void 0) state = 'done';
|
|
530
530
|
log('balStepsItemShouldHaveState', '', subject, options);
|
|
531
531
|
var o = wrapOptions(options);
|
|
532
532
|
return cy.wrapComponent(subject, o).should('have.class', "bal-steps__nav__item--" + state);
|
|
@@ -534,7 +534,7 @@ Cypress.Commands.add('balStepsItemShouldHaveState', {
|
|
|
534
534
|
Cypress.Commands.add('balStepsItemShouldNotHaveState', {
|
|
535
535
|
prevSubject: true
|
|
536
536
|
}, function(subject, state, options) {
|
|
537
|
-
if (state ===
|
|
537
|
+
if (state === void 0) state = 'done';
|
|
538
538
|
log('balStepsItemShouldNotHaveState', '', subject, options);
|
|
539
539
|
var o = wrapOptions(options);
|
|
540
540
|
return cy.wrapComponent(subject, o).should('not.have.class', "bal-steps__nav__item--" + state);
|
|
@@ -561,7 +561,7 @@ Cypress.Commands.add('balTabsFindLabel', {
|
|
|
561
561
|
Cypress.Commands.add('balTabsShouldHaveItems', {
|
|
562
562
|
prevSubject: true
|
|
563
563
|
}, function(subject, labels, dataKey, options) {
|
|
564
|
-
if (dataKey ===
|
|
564
|
+
if (dataKey === void 0) dataKey = 'label';
|
|
565
565
|
var o = wrapOptions(options);
|
|
566
566
|
return cy.wrapComponent(subject, o).balTabsFindItems(o).should(function($o) {
|
|
567
567
|
var dataItems = $o.map(function(_, el) {
|
|
@@ -573,7 +573,7 @@ Cypress.Commands.add('balTabsShouldHaveItems', {
|
|
|
573
573
|
Cypress.Commands.add('balTabItemShouldHaveState', {
|
|
574
574
|
prevSubject: true
|
|
575
575
|
}, function(subject, state, options) {
|
|
576
|
-
if (state ===
|
|
576
|
+
if (state === void 0) state = 'done';
|
|
577
577
|
log('balTabItemShouldHaveState', '', subject, options);
|
|
578
578
|
var o = wrapOptions(options);
|
|
579
579
|
return cy.wrapComponent(subject, o).should('have.class', "bal-tabs__steps__item--" + state);
|
|
@@ -581,7 +581,7 @@ Cypress.Commands.add('balTabItemShouldHaveState', {
|
|
|
581
581
|
Cypress.Commands.add('balTabItemShouldBeActive', {
|
|
582
582
|
prevSubject: true
|
|
583
583
|
}, function(subject, active, options) {
|
|
584
|
-
if (active ===
|
|
584
|
+
if (active === void 0) active = true;
|
|
585
585
|
log('balTabItemShouldBeActive', '', subject, options);
|
|
586
586
|
var o = wrapOptions(options);
|
|
587
587
|
if (active) {
|
package/helpers.esm.js
CHANGED
|
@@ -127,7 +127,7 @@ function __generator(thisArg, body) {
|
|
|
127
127
|
}
|
|
128
128
|
if (op[0] & 5) throw op[1];
|
|
129
129
|
return {
|
|
130
|
-
value: op[0] ? op[1] :
|
|
130
|
+
value: op[0] ? op[1] : void 0,
|
|
131
131
|
done: true
|
|
132
132
|
};
|
|
133
133
|
}
|
|
@@ -142,7 +142,7 @@ var deepReady = /*#__PURE__*/ _async_to_generator(function(el, full) {
|
|
|
142
142
|
return __generator(this, function(_state) {
|
|
143
143
|
switch(_state.label){
|
|
144
144
|
case 0:
|
|
145
|
-
if (full ===
|
|
145
|
+
if (full === void 0) full = false;
|
|
146
146
|
element = el;
|
|
147
147
|
if (!element) return [
|
|
148
148
|
3,
|
|
@@ -182,7 +182,7 @@ var deepReady = /*#__PURE__*/ _async_to_generator(function(el, full) {
|
|
|
182
182
|
});
|
|
183
183
|
});
|
|
184
184
|
var rIC = function(callback, timeout) {
|
|
185
|
-
if (timeout ===
|
|
185
|
+
if (timeout === void 0) timeout = 5000;
|
|
186
186
|
if (typeof window !== 'undefined' && 'requestIdleCallback' in window) {
|
|
187
187
|
window.requestIdleCallback(callback, {
|
|
188
188
|
timeout: timeout
|
|
@@ -322,7 +322,7 @@ var shouldLog = function(options) {
|
|
|
322
322
|
return options === undefined || options.log !== false;
|
|
323
323
|
};
|
|
324
324
|
var log = function(displayName, message, $el, options) {
|
|
325
|
-
if (message ===
|
|
325
|
+
if (message === void 0) message = '';
|
|
326
326
|
if (shouldLog(options)) {
|
|
327
327
|
Cypress.log({
|
|
328
328
|
type: 'parent',
|
|
@@ -369,4 +369,4 @@ function checkAriaLabel(element, label) {
|
|
|
369
369
|
].includes(label.trim());
|
|
370
370
|
}
|
|
371
371
|
|
|
372
|
-
export { isTabs as A, hasTestId as B, isSteps as C, waitAfterFramePaint as a, waitAfterIdleCallback as b, checkAriaLabel as c, areComponentsReady as d, deepReady as e, isAccordion as f,
|
|
372
|
+
export { isTabs as A, hasTestId as B, isSteps as C, waitAfterFramePaint as a, waitAfterIdleCallback as b, checkAriaLabel as c, areComponentsReady as d, deepReady as e, isAccordion as f, isButton as g, isCheckbox as h, isDropDown as i, isInput as j, isInputDate as k, log as l, isNumberInput as m, isTextarea as n, isSlider as o, isRadio as p, isSelect as q, wrapCommand as r, isTag as s, testOnPlatforms as t, isHint as u, hasClass as v, wrapOptions as w, hasRole as x, isLabel as y, isInputStepper as z };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@baloise/ds-testing",
|
|
3
|
-
"version": "19.9.
|
|
3
|
+
"version": "19.9.1",
|
|
4
4
|
"description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"homepage": "https://design.baloise.dev",
|
|
13
13
|
"license": "Apache-2.0",
|
|
14
14
|
"dependencies": {
|
|
15
|
-
"@baloise/ds-core": "19.9.
|
|
15
|
+
"@baloise/ds-core": "19.9.1"
|
|
16
16
|
},
|
|
17
17
|
"module": "./index.esm.js",
|
|
18
18
|
"type": "module",
|
package/selectors.esm2.js
CHANGED
|
@@ -15,7 +15,7 @@ var dataTestSelector = function(testId) {
|
|
|
15
15
|
};
|
|
16
16
|
var parseDataTestID = function(testId) {
|
|
17
17
|
var _testId_split_shift;
|
|
18
|
-
return ((_testId_split_shift = testId.split(',').shift()) == null ?
|
|
18
|
+
return ((_testId_split_shift = testId.split(',').shift()) == null ? void 0 : _testId_split_shift.trim().slice(15).slice(0, -2)) || '';
|
|
19
19
|
};
|
|
20
20
|
var byDataSelectors = function(dateTestId, dataSelectors, value) {
|
|
21
21
|
var dataIds = dateTestId.split(',').map(function(d) {
|
|
@@ -38,11 +38,66 @@ var byDataSelectors = function(dateTestId, dataSelectors, value) {
|
|
|
38
38
|
accordion: {
|
|
39
39
|
/**
|
|
40
40
|
* The trigger button, which shows and hides the content / details.
|
|
41
|
-
*/ trigger: byTestId('bal-accordion-trigger')
|
|
41
|
+
*/ trigger: byTestId('bal-accordion-trigger'),
|
|
42
|
+
/**
|
|
43
|
+
* The content or the hidden part of the accordion.
|
|
44
|
+
*/ details: byTestId('bal-accordion-details'),
|
|
45
|
+
/**
|
|
46
|
+
* The header or visible part of the accordion
|
|
47
|
+
*/ summary: byTestId('bal-accordion-summary')
|
|
48
|
+
},
|
|
49
|
+
badge: {
|
|
50
|
+
/**
|
|
51
|
+
* Badge label.
|
|
52
|
+
*/ label: byTestId('bal-badge-label')
|
|
53
|
+
},
|
|
42
54
|
button: {
|
|
43
55
|
/**
|
|
44
56
|
* Native button element.
|
|
45
|
-
*/ native: byTestId('bal-button')
|
|
57
|
+
*/ native: byTestId('bal-button'),
|
|
58
|
+
/**
|
|
59
|
+
* Button label.
|
|
60
|
+
*/ label: byTestId('bal-button-label')
|
|
61
|
+
},
|
|
62
|
+
carousel: {
|
|
63
|
+
/**
|
|
64
|
+
* Pagination left control.
|
|
65
|
+
*/ paginationPrevious: byTestId('bal-pagination-controls-left'),
|
|
66
|
+
/**
|
|
67
|
+
* Pagination right control.
|
|
68
|
+
*/ paginationNext: byTestId('bal-pagination-controls-right'),
|
|
69
|
+
/**
|
|
70
|
+
* Carousel right control.
|
|
71
|
+
*/ carouselControlPrevious: byTestId('bal-carousel-control-left'),
|
|
72
|
+
/**
|
|
73
|
+
* Carousel left control.
|
|
74
|
+
*/ carouselControlNext: byTestId('bal-carousel-control-right')
|
|
75
|
+
},
|
|
76
|
+
close: {
|
|
77
|
+
/**
|
|
78
|
+
* The trigger button.
|
|
79
|
+
*/ button: byTestId('bal-close')
|
|
80
|
+
},
|
|
81
|
+
data: {
|
|
82
|
+
/**
|
|
83
|
+
* Editable button.
|
|
84
|
+
*/ editable: byTestId('bal-data-value-button')
|
|
85
|
+
},
|
|
86
|
+
footer: {
|
|
87
|
+
/**
|
|
88
|
+
* Language select element.
|
|
89
|
+
*/ language: byTestId('bal-footer-language"')
|
|
90
|
+
},
|
|
91
|
+
heading: {
|
|
92
|
+
/**
|
|
93
|
+
* Native h1 element.
|
|
94
|
+
*/ native: byTestId('bal-heading')
|
|
95
|
+
},
|
|
96
|
+
notification: {
|
|
97
|
+
/**
|
|
98
|
+
* Notification content element.
|
|
99
|
+
*/ content: byTestId('bal-notification-content')
|
|
100
|
+
},
|
|
46
101
|
pagination: {
|
|
47
102
|
/**
|
|
48
103
|
* Pagination left control.
|
|
@@ -51,6 +106,12 @@ var byDataSelectors = function(dateTestId, dataSelectors, value) {
|
|
|
51
106
|
* Pagination right control.
|
|
52
107
|
*/ next: byTestId('bal-pagination-controls-right'),
|
|
53
108
|
/**
|
|
109
|
+
* Pagination ul list.
|
|
110
|
+
*/ list: byTestId('bal-pagination-list'),
|
|
111
|
+
/**
|
|
112
|
+
* The number of the page.
|
|
113
|
+
*/ pageNumber: byTestId('bal-pagination-page-number'),
|
|
114
|
+
/**
|
|
54
115
|
* bal-button of the number of the page..
|
|
55
116
|
*/ pages: '.bal-pagination__nav__pagination-list > li > button',
|
|
56
117
|
/**
|
|
@@ -59,26 +120,60 @@ var byDataSelectors = function(dateTestId, dataSelectors, value) {
|
|
|
59
120
|
},
|
|
60
121
|
tag: {
|
|
61
122
|
/**
|
|
123
|
+
* Tag label..
|
|
124
|
+
*/ label: byTestId('bal-tag-label'),
|
|
125
|
+
/**
|
|
62
126
|
* Close button.
|
|
63
127
|
*/ close: byTestId('bal-tag-close')
|
|
64
128
|
},
|
|
129
|
+
text: {
|
|
130
|
+
/**
|
|
131
|
+
* Native p element.
|
|
132
|
+
*/ native: byTestId('bal-text')
|
|
133
|
+
},
|
|
65
134
|
checkbox: {
|
|
66
135
|
/**
|
|
67
136
|
* Native input element.
|
|
68
137
|
*/ input: byTestId('bal-checkbox-input'),
|
|
69
138
|
/**
|
|
70
139
|
* Label element.
|
|
71
|
-
*/ label: byTestId('bal-checkbox-label')
|
|
140
|
+
*/ label: byTestId('bal-checkbox-label'),
|
|
141
|
+
/**
|
|
142
|
+
* Label span element.
|
|
143
|
+
*/ text: byTestId('bal-checkbox-text')
|
|
144
|
+
},
|
|
72
145
|
field: {
|
|
73
146
|
/**
|
|
74
147
|
* Hint element.
|
|
75
148
|
*/ hint: byTestId('bal-field-hint')
|
|
76
149
|
},
|
|
150
|
+
fileUpload: {
|
|
151
|
+
/**
|
|
152
|
+
* Native input element.
|
|
153
|
+
*/ input: byTestId('bal-file-upload-input'),
|
|
154
|
+
/**
|
|
155
|
+
* Native span element.
|
|
156
|
+
*/ label: byTestId('bal-file-upload-label')
|
|
157
|
+
},
|
|
77
158
|
slider: {
|
|
78
159
|
/**
|
|
79
160
|
* Native input element.
|
|
80
161
|
*/ native: byTestId('bal-input-slider')
|
|
81
162
|
},
|
|
163
|
+
inputStepper: {
|
|
164
|
+
/**
|
|
165
|
+
* Decrease button.
|
|
166
|
+
*/ decrease: byTestId('bal-input-stepper-decrease'),
|
|
167
|
+
/**
|
|
168
|
+
* Increase button.
|
|
169
|
+
*/ increase: byTestId('bal-input-stepper-increase'),
|
|
170
|
+
/**
|
|
171
|
+
* Native input element.
|
|
172
|
+
*/ native: byTestId('bal-input-stepper'),
|
|
173
|
+
/**
|
|
174
|
+
* Text element.
|
|
175
|
+
*/ text: byTestId('bal-input-stepper-text')
|
|
176
|
+
},
|
|
82
177
|
input: {
|
|
83
178
|
/**
|
|
84
179
|
* Native input element.
|
|
@@ -100,7 +195,11 @@ var byDataSelectors = function(dateTestId, dataSelectors, value) {
|
|
|
100
195
|
*/ input: byTestId('bal-radio-input'),
|
|
101
196
|
/**
|
|
102
197
|
* Native label element.
|
|
103
|
-
*/ label: byTestId('bal-radio-label')
|
|
198
|
+
*/ label: byTestId('bal-radio-label'),
|
|
199
|
+
/**
|
|
200
|
+
* Native span element.
|
|
201
|
+
*/ text: byTestId('bal-radio-text')
|
|
202
|
+
},
|
|
104
203
|
select: {
|
|
105
204
|
/**
|
|
106
205
|
* Native input element.
|
|
@@ -134,11 +233,30 @@ var byDataSelectors = function(dateTestId, dataSelectors, value) {
|
|
|
134
233
|
* Popover content element.
|
|
135
234
|
*/ content: byTestId('bal-popover-content')
|
|
136
235
|
},
|
|
236
|
+
popup: {
|
|
237
|
+
/**
|
|
238
|
+
* Popup trigger.
|
|
239
|
+
*/ trigger: '[bal-popup]',
|
|
240
|
+
/**
|
|
241
|
+
* Popup content element.
|
|
242
|
+
*/ content: byTestId('bal-popup-content'),
|
|
243
|
+
/**
|
|
244
|
+
* Popup close button in the head.
|
|
245
|
+
*/ close: byTestId('bal-popup-close'),
|
|
246
|
+
/**
|
|
247
|
+
* Popup label / heading element.
|
|
248
|
+
*/ label: byTestId('bal-popup-label')
|
|
249
|
+
},
|
|
137
250
|
textarea: {
|
|
138
251
|
/**
|
|
139
252
|
* Native input element.
|
|
140
253
|
*/ native: byTestId('bal-textarea-input')
|
|
141
254
|
},
|
|
255
|
+
modal: {
|
|
256
|
+
/**
|
|
257
|
+
* Modal element.
|
|
258
|
+
*/ main: 'div.modal'
|
|
259
|
+
},
|
|
142
260
|
steps: {
|
|
143
261
|
/**
|
|
144
262
|
* Step option
|
|
@@ -158,11 +276,31 @@ var byDataSelectors = function(dateTestId, dataSelectors, value) {
|
|
|
158
276
|
toast: {
|
|
159
277
|
/**
|
|
160
278
|
* Toast element.
|
|
161
|
-
*/ main: '.bal-notices > .bal-notices__inner > .bal-toast'
|
|
279
|
+
*/ main: '.bal-notices > .bal-notices__inner > .bal-toast',
|
|
280
|
+
/**
|
|
281
|
+
* Toast label element.
|
|
282
|
+
*/ label: byTestId('bal-toast-label'),
|
|
283
|
+
/**
|
|
284
|
+
* Toast close element.
|
|
285
|
+
*/ close: byTestId('bal-toast-close')
|
|
286
|
+
},
|
|
162
287
|
snackbar: {
|
|
163
288
|
/**
|
|
164
289
|
* Snackbar element.
|
|
165
|
-
*/ main: '.bal-notices > .bal-notices__inner > .bal-snackbar'
|
|
290
|
+
*/ main: '.bal-notices > .bal-notices__inner > .bal-snackbar',
|
|
291
|
+
/**
|
|
292
|
+
* Snackbar heading element.
|
|
293
|
+
*/ heading: byTestId('bal-snackbar-heading'),
|
|
294
|
+
/**
|
|
295
|
+
* Snackbar label element.
|
|
296
|
+
*/ label: byTestId('bal-snackbar-label'),
|
|
297
|
+
/**
|
|
298
|
+
* Snackbar close element.
|
|
299
|
+
*/ close: byTestId('bal-snackbar-close'),
|
|
300
|
+
/**
|
|
301
|
+
* Snackbar action element.
|
|
302
|
+
*/ action: byTestId('bal-snackbar-action')
|
|
303
|
+
},
|
|
166
304
|
hint: {
|
|
167
305
|
/**
|
|
168
306
|
* Hint trigger element.
|