@fkui/vue 5.46.1 → 6.0.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/dist/cjs/{pageobject.js → cypress.js} +135 -311
- package/dist/cjs/cypress.js.map +7 -0
- package/dist/cjs/index.cjs.js +1746 -1667
- package/dist/cjs/index.cjs.js.map +1 -1
- package/dist/esm/index.esm.js +1749 -1670
- package/dist/esm/index.esm.js.map +1 -1
- package/dist/types/{pageobject.d.ts → cypress.d.ts} +48 -139
- package/dist/types/index.d.ts +588 -2249
- package/dist/types/tsdoc-metadata.json +1 -1
- package/htmlvalidate/configs/recommended.js +1 -1
- package/htmlvalidate/elements/components.js +14 -192
- package/htmlvalidate/elements/internal-components.js +0 -6
- package/htmlvalidate/rules/deprecated-validator.js +1 -1
- package/htmlvalidate/rules/index.js +2 -2
- package/htmlvalidate/rules/no-template-modal.rule.js +44 -0
- package/package.json +9 -10
- package/dist/cjs/pageobject.js.map +0 -7
- package/pageobject.d.ts +0 -1
- package/pageobject.js +0 -1
|
@@ -17,9 +17,9 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
};
|
|
18
18
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
19
|
|
|
20
|
-
// src/
|
|
21
|
-
var
|
|
22
|
-
__export(
|
|
20
|
+
// src/cypress/index.ts
|
|
21
|
+
var index_exports = {};
|
|
22
|
+
__export(index_exports, {
|
|
23
23
|
AlertScreenReaderPageObject: () => AlertScreenReaderPageObject,
|
|
24
24
|
CalendarPageObject: () => CalendarPageObject,
|
|
25
25
|
FBadgePageObject: () => FBadgePageObject,
|
|
@@ -38,8 +38,6 @@ __export(pageobjects_exports, {
|
|
|
38
38
|
FFileItemPageObject: () => FFileItemPageObject,
|
|
39
39
|
FFileSelectorPageObject: () => FFileSelectorPageObject,
|
|
40
40
|
FFormModalPageObject: () => FFormModalPageObject,
|
|
41
|
-
FFormPageObject: () => FFormPageObject,
|
|
42
|
-
FFormStepPageObject: () => FFormStepPageObject,
|
|
43
41
|
FInteractiveTablePageObject: () => FInteractiveTablePageObject,
|
|
44
42
|
FLabelPageObject: () => FLabelPageObject,
|
|
45
43
|
FListItemPageObject: () => FListItemPageObject,
|
|
@@ -67,16 +65,15 @@ __export(pageobjects_exports, {
|
|
|
67
65
|
FWizardStepHeaderPageobject: () => FWizardStepHeaderPageobject,
|
|
68
66
|
FWizardStepPageobject: () => FWizardStepPageobject,
|
|
69
67
|
ICalendarNavbarPageObject: () => ICalendarNavbarPageObject,
|
|
70
|
-
IMenuPageObject: () => IMenuPageObject,
|
|
71
68
|
IPopupMenuPageObject: () => IPopupMenuPageObject,
|
|
72
69
|
IPopupPageObject: () => IPopupPageObject,
|
|
73
70
|
Input: () => Input,
|
|
74
71
|
STATUS: () => STATUS,
|
|
75
72
|
dayType: () => dayType
|
|
76
73
|
});
|
|
77
|
-
module.exports = __toCommonJS(
|
|
74
|
+
module.exports = __toCommonJS(index_exports);
|
|
78
75
|
|
|
79
|
-
// src/
|
|
76
|
+
// src/cypress/FCalenderDay.pageobject.ts
|
|
80
77
|
var dayType = /* @__PURE__ */ ((dayType2) => {
|
|
81
78
|
dayType2["day"] = "calendar-day";
|
|
82
79
|
dayType2["highlight"] = "calendar-day--highlight";
|
|
@@ -105,31 +102,7 @@ var FCalenderDayPageobject = class {
|
|
|
105
102
|
}
|
|
106
103
|
};
|
|
107
104
|
|
|
108
|
-
// src/
|
|
109
|
-
function getText(subject) {
|
|
110
|
-
if (subject !== void 0) {
|
|
111
|
-
return subject.get(0).innerText.replace(/[\n]/gm, "").replace(/\s+/g, " ").replace(/(^\s|\s$)*/g, "");
|
|
112
|
-
} else {
|
|
113
|
-
return "";
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
function trimmedText(subject, options = {}) {
|
|
117
|
-
const resolveText = () => {
|
|
118
|
-
return Cypress.Promise.try(getText, subject).then((value) => {
|
|
119
|
-
return cy.verifyUpcomingAssertions(value, options, {
|
|
120
|
-
onRetry: resolveText
|
|
121
|
-
});
|
|
122
|
-
});
|
|
123
|
-
};
|
|
124
|
-
return resolveText();
|
|
125
|
-
}
|
|
126
|
-
Cypress.Commands.add(
|
|
127
|
-
"__fkui_internal_trimmedText",
|
|
128
|
-
{ prevSubject: "element" },
|
|
129
|
-
trimmedText
|
|
130
|
-
);
|
|
131
|
-
|
|
132
|
-
// src/pageobject/FBadge.pageobject.ts
|
|
105
|
+
// src/cypress/FBadge.pageobject.ts
|
|
133
106
|
var FBadgePageObject = class {
|
|
134
107
|
/**
|
|
135
108
|
* @param selector - the root of the badge.
|
|
@@ -140,12 +113,6 @@ var FBadgePageObject = class {
|
|
|
140
113
|
el() {
|
|
141
114
|
return cy.get(this.selector);
|
|
142
115
|
}
|
|
143
|
-
/**
|
|
144
|
-
* @deprecated Use assertion `label().should('trimmedText', '...')` instead.
|
|
145
|
-
*/
|
|
146
|
-
trimmedText() {
|
|
147
|
-
return this.el().__fkui_internal_trimmedText();
|
|
148
|
-
}
|
|
149
116
|
status() {
|
|
150
117
|
return this.el().then(
|
|
151
118
|
(el) => el[0].className.replace(/.*badge--(\w+).*/, "$1")
|
|
@@ -158,7 +125,7 @@ var FBadgePageObject = class {
|
|
|
158
125
|
}
|
|
159
126
|
};
|
|
160
127
|
|
|
161
|
-
// src/
|
|
128
|
+
// src/cypress/FCheckboxField.pageobject.ts
|
|
162
129
|
var FCheckboxFieldPageObject = class {
|
|
163
130
|
/**
|
|
164
131
|
* @param selector - the root of the checkbox, usually `<div class="checkbox">...</div>`.
|
|
@@ -178,12 +145,6 @@ var FCheckboxFieldPageObject = class {
|
|
|
178
145
|
label() {
|
|
179
146
|
return cy.get(`${this.selector} .checkbox__label`);
|
|
180
147
|
}
|
|
181
|
-
/**
|
|
182
|
-
* @deprecated Use assertion `label().should('trimmedText', '...')` instead.
|
|
183
|
-
*/
|
|
184
|
-
trimmedText() {
|
|
185
|
-
return cy.get(`${this.selector} label`).__fkui_internal_trimmedText();
|
|
186
|
-
}
|
|
187
148
|
select() {
|
|
188
149
|
return this.label().click();
|
|
189
150
|
}
|
|
@@ -202,7 +163,7 @@ var FCheckboxFieldPageObject = class {
|
|
|
202
163
|
}
|
|
203
164
|
};
|
|
204
165
|
|
|
205
|
-
// src/
|
|
166
|
+
// src/cypress/FLabel.pageobject.ts
|
|
206
167
|
var FLabelPageObject = class {
|
|
207
168
|
/**
|
|
208
169
|
* @param selector - the root of the label, usually `<label class="label">...</label>`.
|
|
@@ -211,18 +172,6 @@ var FLabelPageObject = class {
|
|
|
211
172
|
this.selector = selector;
|
|
212
173
|
this.el = () => cy.get(this.selector);
|
|
213
174
|
}
|
|
214
|
-
/**
|
|
215
|
-
* Label heading
|
|
216
|
-
*/
|
|
217
|
-
trimmedText() {
|
|
218
|
-
return this.el().then((el) => {
|
|
219
|
-
const textNode = el.get(0).childNodes[0];
|
|
220
|
-
if (!textNode.wholeText) {
|
|
221
|
-
return "";
|
|
222
|
-
}
|
|
223
|
-
return textNode.wholeText.replace(/[\n\r]/gm, "").replace(/\s+/g, " ").replace(/(^\s|\s$)*/g, "");
|
|
224
|
-
});
|
|
225
|
-
}
|
|
226
175
|
/**
|
|
227
176
|
* Hjälptext
|
|
228
177
|
*/
|
|
@@ -238,9 +187,9 @@ var FLabelPageObject = class {
|
|
|
238
187
|
/**
|
|
239
188
|
* Formatbeskrivning
|
|
240
189
|
*/
|
|
241
|
-
|
|
190
|
+
formatDescription() {
|
|
242
191
|
return cy.get(
|
|
243
|
-
`${this.selector} .label__description.label__description--
|
|
192
|
+
`${this.selector} .label__description.label__description--format`
|
|
244
193
|
);
|
|
245
194
|
}
|
|
246
195
|
/**
|
|
@@ -251,7 +200,7 @@ var FLabelPageObject = class {
|
|
|
251
200
|
}
|
|
252
201
|
};
|
|
253
202
|
|
|
254
|
-
// src/
|
|
203
|
+
// src/cypress/FTooltip.pageobject.ts
|
|
255
204
|
var FTooltipPageObject = class {
|
|
256
205
|
/**
|
|
257
206
|
* @param selector - the root of the tooltip
|
|
@@ -281,20 +230,9 @@ var FTooltipPageObject = class {
|
|
|
281
230
|
closeButton() {
|
|
282
231
|
return cy.get(`${this.selector} .close-button`);
|
|
283
232
|
}
|
|
284
|
-
/**
|
|
285
|
-
* @deprecated Use `closeButton()`, `header()`, or `body()` instead.
|
|
286
|
-
*/
|
|
287
|
-
content() {
|
|
288
|
-
return {
|
|
289
|
-
closeButtonTop: () => cy.get(`${this.selector} .close-button`),
|
|
290
|
-
closeButtonBottom: () => cy.get(`${this.selector} .close-button`),
|
|
291
|
-
heading: () => cy.get(`${this.selector} .tooltip__header`),
|
|
292
|
-
brodtext: () => cy.get(`${this.selector} .tooltip__body`)
|
|
293
|
-
};
|
|
294
|
-
}
|
|
295
233
|
};
|
|
296
234
|
|
|
297
|
-
// src/
|
|
235
|
+
// src/cypress/FCheckboxGroup.pageobject.ts
|
|
298
236
|
var FCheckboxGroupPageObject = class {
|
|
299
237
|
/**
|
|
300
238
|
* @param selector - the root of the checkbox group, usually `<div class="checkbox-group">...</div>`.
|
|
@@ -320,7 +258,7 @@ var FCheckboxGroupPageObject = class {
|
|
|
320
258
|
}
|
|
321
259
|
};
|
|
322
260
|
|
|
323
|
-
// src/
|
|
261
|
+
// src/cypress/FContextMenu.pageobject.ts
|
|
324
262
|
var FContextMenuPageObject = class {
|
|
325
263
|
el() {
|
|
326
264
|
return cy.get(this.selector);
|
|
@@ -360,7 +298,7 @@ var FContextMenuPageObject = class {
|
|
|
360
298
|
}
|
|
361
299
|
};
|
|
362
300
|
|
|
363
|
-
// src/
|
|
301
|
+
// src/cypress/FErrorList.pageobject.ts
|
|
364
302
|
var FErrorListPageObject = class {
|
|
365
303
|
/**
|
|
366
304
|
* @param selector - the root of the errorlist.
|
|
@@ -406,7 +344,7 @@ var FErrorListPageObject = class {
|
|
|
406
344
|
}
|
|
407
345
|
};
|
|
408
346
|
|
|
409
|
-
// src/
|
|
347
|
+
// src/cypress/FValidationForm.pageobject.ts
|
|
410
348
|
var FValidationFormPageObject = class {
|
|
411
349
|
/**
|
|
412
350
|
* @param selector - the root of the validation form.
|
|
@@ -422,7 +360,7 @@ var FValidationFormPageObject = class {
|
|
|
422
360
|
}
|
|
423
361
|
};
|
|
424
362
|
|
|
425
|
-
// src/
|
|
363
|
+
// src/cypress/FCrudDataset.pageobject.ts
|
|
426
364
|
var FCrudDatasetPageObject = class {
|
|
427
365
|
constructor(selector) {
|
|
428
366
|
this.selector = selector;
|
|
@@ -446,7 +384,7 @@ var FCrudDatasetPageObject = class {
|
|
|
446
384
|
}
|
|
447
385
|
};
|
|
448
386
|
|
|
449
|
-
// src/
|
|
387
|
+
// src/cypress/FExpandablePanel.pageobject.ts
|
|
450
388
|
var FExpandablePanelPageObject = class {
|
|
451
389
|
/**
|
|
452
390
|
* @param selector - the root of the expandablepanel, usually `<div class="expandable-panel">...</div>`.
|
|
@@ -491,7 +429,7 @@ var FExpandablePanelPageObject = class {
|
|
|
491
429
|
}
|
|
492
430
|
};
|
|
493
431
|
|
|
494
|
-
// src/
|
|
432
|
+
// src/cypress/FRadioField.pageobject.ts
|
|
495
433
|
var FRadioFieldPageObject = class {
|
|
496
434
|
/**
|
|
497
435
|
* @param selector - the root of the radio button, usually `<div class="radio-button">...</div>`.
|
|
@@ -511,12 +449,6 @@ var FRadioFieldPageObject = class {
|
|
|
511
449
|
label() {
|
|
512
450
|
return cy.get(`${this.selector} .radio-button__label`);
|
|
513
451
|
}
|
|
514
|
-
/**
|
|
515
|
-
* @deprecated Use assertion `label().should('trimmedText', '...')` instead.
|
|
516
|
-
*/
|
|
517
|
-
trimmedText() {
|
|
518
|
-
return cy.get(`${this.selector} label`).__fkui_internal_trimmedText();
|
|
519
|
-
}
|
|
520
452
|
select() {
|
|
521
453
|
return cy.get(`${this.selector} label`).click();
|
|
522
454
|
}
|
|
@@ -535,7 +467,7 @@ var FRadioFieldPageObject = class {
|
|
|
535
467
|
}
|
|
536
468
|
};
|
|
537
469
|
|
|
538
|
-
// src/
|
|
470
|
+
// src/cypress/FFieldset.pageobject.ts
|
|
539
471
|
var FFieldsetPageObject = class {
|
|
540
472
|
/**
|
|
541
473
|
* @param selector - the root of the fieldset, usually `<div class="radio-button-group">...</div>` or `<div class="checkbox-group">...</div>`.
|
|
@@ -569,27 +501,53 @@ var FFieldsetPageObject = class {
|
|
|
569
501
|
}
|
|
570
502
|
};
|
|
571
503
|
|
|
572
|
-
// src/
|
|
504
|
+
// src/cypress/FProgressbar.pageobject.ts
|
|
573
505
|
var FProgressbarPageObject = class {
|
|
574
506
|
/**
|
|
575
507
|
* @param selector - the root of the static field, usually `<div class="progress">...</div>`.
|
|
576
508
|
*/
|
|
577
|
-
constructor(selector) {
|
|
509
|
+
constructor(selector = ".progress") {
|
|
578
510
|
this.selector = selector;
|
|
579
|
-
this.el = () => cy.get(this.selector);
|
|
580
|
-
this.progressMeter = () => cy.get(`${this.selector} .progress__meter`);
|
|
581
511
|
}
|
|
512
|
+
/**
|
|
513
|
+
* Get the element itself.
|
|
514
|
+
*/
|
|
515
|
+
el() {
|
|
516
|
+
return cy.get(this.selector);
|
|
517
|
+
}
|
|
518
|
+
/**
|
|
519
|
+
* @internal
|
|
520
|
+
*/
|
|
521
|
+
progressMeter() {
|
|
522
|
+
return cy.get(`${this.selector} .progress__meter`);
|
|
523
|
+
}
|
|
524
|
+
/**
|
|
525
|
+
* Returns progressbar status, one of:
|
|
526
|
+
*
|
|
527
|
+
* - `"pending"` - for value `0`.
|
|
528
|
+
* - `"inprogress"` - for values between `1` and `99`.
|
|
529
|
+
* - `"finished"` - for value `100`.
|
|
530
|
+
*/
|
|
582
531
|
progressStatus() {
|
|
583
|
-
return this.progressMeter().then(
|
|
584
|
-
|
|
585
|
-
|
|
532
|
+
return this.progressMeter().then((el) => {
|
|
533
|
+
return el[0].classList[1].replace(
|
|
534
|
+
/.*progress__meter--(\w+).*/,
|
|
535
|
+
"$1"
|
|
536
|
+
);
|
|
537
|
+
});
|
|
586
538
|
}
|
|
587
|
-
|
|
588
|
-
|
|
539
|
+
/**
|
|
540
|
+
* Get the current value of the progressbar.
|
|
541
|
+
*/
|
|
542
|
+
value() {
|
|
543
|
+
return this.progressMeter().then((el) => {
|
|
544
|
+
var _a;
|
|
545
|
+
return parseInt((_a = el[0].ariaValueNow) != null ? _a : "0", 10);
|
|
546
|
+
});
|
|
589
547
|
}
|
|
590
548
|
};
|
|
591
549
|
|
|
592
|
-
// src/
|
|
550
|
+
// src/cypress/FFileItem.pageobject.ts
|
|
593
551
|
var FFileItemPageObject = class {
|
|
594
552
|
/**
|
|
595
553
|
* @param selector - the root of the file item, usually `<div class="file-item">...</div>`.
|
|
@@ -615,7 +573,7 @@ var FFileItemPageObject = class {
|
|
|
615
573
|
}
|
|
616
574
|
};
|
|
617
575
|
|
|
618
|
-
// src/
|
|
576
|
+
// src/cypress/FFileSelector.pageobject.ts
|
|
619
577
|
var FFileSelectorPageObject = class {
|
|
620
578
|
/**
|
|
621
579
|
* @param selector - the root of the file file selector, usually `<div class="file-selector">...</div>`.
|
|
@@ -628,99 +586,7 @@ var FFileSelectorPageObject = class {
|
|
|
628
586
|
}
|
|
629
587
|
};
|
|
630
588
|
|
|
631
|
-
// src/
|
|
632
|
-
var FMessageBoxPageObject = class {
|
|
633
|
-
/**
|
|
634
|
-
* @param selector - the root of the message box, usually `<div class="message-box">...</div>`.
|
|
635
|
-
*/
|
|
636
|
-
constructor(selector) {
|
|
637
|
-
this.selector = selector;
|
|
638
|
-
this.el = () => cy.get(selector);
|
|
639
|
-
this.errors = new FErrorListPageObject(`${this.selector}`);
|
|
640
|
-
}
|
|
641
|
-
/**
|
|
642
|
-
* @deprecated Access using `content()` instead. It is not guaranteed that provided heading class is used.
|
|
643
|
-
*/
|
|
644
|
-
title() {
|
|
645
|
-
return cy.get(`${this.selector} .message-box__heading`);
|
|
646
|
-
}
|
|
647
|
-
icon() {
|
|
648
|
-
return cy.get(`${this.selector} .message-box__icon`);
|
|
649
|
-
}
|
|
650
|
-
/**
|
|
651
|
-
* @deprecated Access using `content()` instead. It is not guaranteed that `p`-tag is used.
|
|
652
|
-
*/
|
|
653
|
-
body() {
|
|
654
|
-
return cy.get(`${this.selector} p`);
|
|
655
|
-
}
|
|
656
|
-
content() {
|
|
657
|
-
return cy.get(`${this.selector} .message-box__content`);
|
|
658
|
-
}
|
|
659
|
-
typeOfMessage() {
|
|
660
|
-
return this.el().then(
|
|
661
|
-
(el) => el[0].className.replace(/.*message-box--(\w+).*/, "$1")
|
|
662
|
-
);
|
|
663
|
-
}
|
|
664
|
-
};
|
|
665
|
-
|
|
666
|
-
// src/pageobject/FForm.pageobject.ts
|
|
667
|
-
var FFormPageObject = class {
|
|
668
|
-
/**
|
|
669
|
-
* @param selector - the root of the form, usually `<form class="form">...</form>`.
|
|
670
|
-
*/
|
|
671
|
-
constructor(selector) {
|
|
672
|
-
this.components = {};
|
|
673
|
-
this.selector = selector;
|
|
674
|
-
this.el = () => cy.get(this.selector);
|
|
675
|
-
}
|
|
676
|
-
errorMessageBox() {
|
|
677
|
-
return new FMessageBoxPageObject(
|
|
678
|
-
`${this.selector} .message-box.message-box--error`
|
|
679
|
-
);
|
|
680
|
-
}
|
|
681
|
-
};
|
|
682
|
-
|
|
683
|
-
// src/pageobject/FFormStep.pageobject.ts
|
|
684
|
-
var FFormStepPageObject = class {
|
|
685
|
-
/**
|
|
686
|
-
* @param selector - the root of the form step, usually `<div class="form-step">...</div>`.
|
|
687
|
-
*/
|
|
688
|
-
constructor(selector) {
|
|
689
|
-
this.selector = selector;
|
|
690
|
-
this.el = () => cy.get(selector);
|
|
691
|
-
this.headerSelector = `${this.selector} .form-step__header`;
|
|
692
|
-
this.errors = new FErrorListPageObject(
|
|
693
|
-
`${this.selector} .form-step__error`
|
|
694
|
-
);
|
|
695
|
-
}
|
|
696
|
-
/**
|
|
697
|
-
* The header contains the title and the valid icon.
|
|
698
|
-
*/
|
|
699
|
-
header() {
|
|
700
|
-
return cy.get(this.headerSelector);
|
|
701
|
-
}
|
|
702
|
-
title() {
|
|
703
|
-
return cy.get(`${this.headerSelector} .form-step__title`);
|
|
704
|
-
}
|
|
705
|
-
body() {
|
|
706
|
-
return cy.get(`${this.headerSelector} +`);
|
|
707
|
-
}
|
|
708
|
-
validIcon() {
|
|
709
|
-
return cy.get(
|
|
710
|
-
`${this.headerSelector} .icon.form-step__check.f-icon-success`
|
|
711
|
-
);
|
|
712
|
-
}
|
|
713
|
-
isOpen() {
|
|
714
|
-
return this.editConfirmButton().then((elem) => {
|
|
715
|
-
return elem.get(0).getAttribute("aria-expanded") === "true";
|
|
716
|
-
});
|
|
717
|
-
}
|
|
718
|
-
editConfirmButton() {
|
|
719
|
-
return cy.get(`${this.selector} button[data-form-step-button]`);
|
|
720
|
-
}
|
|
721
|
-
};
|
|
722
|
-
|
|
723
|
-
// src/pageobject/FListItem.pageobject.ts
|
|
589
|
+
// src/cypress/FListItem.pageobject.ts
|
|
724
590
|
var FListItemPageObject = class {
|
|
725
591
|
/**
|
|
726
592
|
* @param selector - the root of the li, usually `<li class="list__item">...</li>`.
|
|
@@ -747,7 +613,7 @@ var FListItemPageObject = class {
|
|
|
747
613
|
}
|
|
748
614
|
};
|
|
749
615
|
|
|
750
|
-
// src/
|
|
616
|
+
// src/cypress/FList.pageobject.ts
|
|
751
617
|
var FListPageObject = class {
|
|
752
618
|
/**
|
|
753
619
|
* @param selector - the root of the label, usually `<li class="list">...</label>`.
|
|
@@ -776,7 +642,7 @@ var FListPageObject = class {
|
|
|
776
642
|
}
|
|
777
643
|
};
|
|
778
644
|
|
|
779
|
-
// src/
|
|
645
|
+
// src/cypress/FLoader.pageobject.ts
|
|
780
646
|
var FLoaderPageObject = class {
|
|
781
647
|
/**
|
|
782
648
|
* @param selector - the root of the loader, usually `<div class="loader">...</div>`.
|
|
@@ -787,15 +653,6 @@ var FLoaderPageObject = class {
|
|
|
787
653
|
el() {
|
|
788
654
|
return cy.get(this.selector);
|
|
789
655
|
}
|
|
790
|
-
/**
|
|
791
|
-
* Get loader root.
|
|
792
|
-
* Only applicable if selector is a parent of loader.
|
|
793
|
-
*
|
|
794
|
-
* @deprecated Use a direct selector and `el()` instead.
|
|
795
|
-
*/
|
|
796
|
-
loader() {
|
|
797
|
-
return cy.get(`${this.selector} .loader`);
|
|
798
|
-
}
|
|
799
656
|
wrapper() {
|
|
800
657
|
return cy.get(`${this.selector} .loader__wrapper`);
|
|
801
658
|
}
|
|
@@ -804,7 +661,30 @@ var FLoaderPageObject = class {
|
|
|
804
661
|
}
|
|
805
662
|
};
|
|
806
663
|
|
|
807
|
-
// src/
|
|
664
|
+
// src/cypress/FMessageBox.pageobject.ts
|
|
665
|
+
var FMessageBoxPageObject = class {
|
|
666
|
+
/**
|
|
667
|
+
* @param selector - the root of the message box, usually `<div class="message-box">...</div>`.
|
|
668
|
+
*/
|
|
669
|
+
constructor(selector) {
|
|
670
|
+
this.selector = selector;
|
|
671
|
+
this.el = () => cy.get(selector);
|
|
672
|
+
this.errors = new FErrorListPageObject(`${this.selector}`);
|
|
673
|
+
}
|
|
674
|
+
icon() {
|
|
675
|
+
return cy.get(`${this.selector} .message-box__icon`);
|
|
676
|
+
}
|
|
677
|
+
content() {
|
|
678
|
+
return cy.get(`${this.selector} .message-box__content`);
|
|
679
|
+
}
|
|
680
|
+
typeOfMessage() {
|
|
681
|
+
return this.el().then(
|
|
682
|
+
(el) => el[0].className.replace(/.*message-box--(\w+).*/, "$1")
|
|
683
|
+
);
|
|
684
|
+
}
|
|
685
|
+
};
|
|
686
|
+
|
|
687
|
+
// src/cypress/FModal.pageobject.ts
|
|
808
688
|
var FModalPageObject = class {
|
|
809
689
|
/**
|
|
810
690
|
* @param selector - the root of the Modal, usually `<div class="modal">...</div>`.
|
|
@@ -843,7 +723,7 @@ var FModalPageObject = class {
|
|
|
843
723
|
}
|
|
844
724
|
};
|
|
845
725
|
|
|
846
|
-
// src/
|
|
726
|
+
// src/cypress/FFormModal.pageobject.ts
|
|
847
727
|
var FFormModalPageObject = class extends FModalPageObject {
|
|
848
728
|
/**
|
|
849
729
|
* @param selector - the root of the Modal, usually `<div class="modal">...</div>`.
|
|
@@ -861,7 +741,7 @@ var FFormModalPageObject = class extends FModalPageObject {
|
|
|
861
741
|
}
|
|
862
742
|
};
|
|
863
743
|
|
|
864
|
-
// src/
|
|
744
|
+
// src/cypress/IPopupMenu.pageobject.ts
|
|
865
745
|
var IPopupMenuPageObject = class {
|
|
866
746
|
el() {
|
|
867
747
|
return cy.get(this.selector);
|
|
@@ -911,64 +791,7 @@ var IPopupMenuPageObject = class {
|
|
|
911
791
|
}
|
|
912
792
|
};
|
|
913
793
|
|
|
914
|
-
// src/
|
|
915
|
-
var IMenuPageObject = class {
|
|
916
|
-
/**
|
|
917
|
-
* @param selector - the root of the IMenu, usually `<nav class="imenu">...</nav>`.
|
|
918
|
-
*/
|
|
919
|
-
constructor(selector = ".imenu") {
|
|
920
|
-
this.selector = selector;
|
|
921
|
-
}
|
|
922
|
-
el() {
|
|
923
|
-
return cy.get(this.selector);
|
|
924
|
-
}
|
|
925
|
-
/**
|
|
926
|
-
* Get all visible items in the IMenu, including popup item.
|
|
927
|
-
*
|
|
928
|
-
* @deprecated Use `FNavigationMenuPageobject.items()` instead.
|
|
929
|
-
* @returns All visible items.
|
|
930
|
-
*/
|
|
931
|
-
items() {
|
|
932
|
-
return cy.get(
|
|
933
|
-
`${this.selector} .imenu__list__item:not(.imenu__list__item--hidden)`
|
|
934
|
-
);
|
|
935
|
-
}
|
|
936
|
-
/**
|
|
937
|
-
* Get the visible item at position index in the IMenu, including popup item.
|
|
938
|
-
*
|
|
939
|
-
* @deprecated Use `FNavigationMenuPageobject.item()` instead.
|
|
940
|
-
* @param index - the position index in the item array.
|
|
941
|
-
* @returns Menu item with given index.
|
|
942
|
-
*/
|
|
943
|
-
item(index) {
|
|
944
|
-
return this.items().eq(index);
|
|
945
|
-
}
|
|
946
|
-
/**
|
|
947
|
-
* Get link for visible item at index, including popup item.
|
|
948
|
-
*
|
|
949
|
-
* @deprecated Use `FNavigationMenuPageobject.itemLink()` instead.
|
|
950
|
-
* @param index - the position index in the item array.
|
|
951
|
-
* @returns link with given index.
|
|
952
|
-
*/
|
|
953
|
-
getItemLink(index) {
|
|
954
|
-
return cy.get(
|
|
955
|
-
`${this.selector} .imenu__list__item:not(.imenu__list__item--hidden) a:nth(${index})`
|
|
956
|
-
);
|
|
957
|
-
}
|
|
958
|
-
/**
|
|
959
|
-
* Get currently selected menu item.
|
|
960
|
-
*
|
|
961
|
-
* @deprecated Use `FNavigationMenuPageobject.selectedItem()` instead.
|
|
962
|
-
* @returns Currently selected item.
|
|
963
|
-
*/
|
|
964
|
-
getSelectedItem() {
|
|
965
|
-
return this.items().get(
|
|
966
|
-
`${this.selector} .imenu__list__item--highlight`
|
|
967
|
-
);
|
|
968
|
-
}
|
|
969
|
-
};
|
|
970
|
-
|
|
971
|
-
// src/pageobject/FNavigationMenu/FNavigationMenu.pageobject.ts
|
|
794
|
+
// src/cypress/FNavigationMenu/FNavigationMenu.pageobject.ts
|
|
972
795
|
var FNavigationMenuPageobject = class {
|
|
973
796
|
/**
|
|
974
797
|
* @param selector - the root of the navigation menu, usually `.imenu`.
|
|
@@ -1041,17 +864,9 @@ var FNavigationMenuPageobject = class {
|
|
|
1041
864
|
popupMenu() {
|
|
1042
865
|
return new IPopupMenuPageObject(`.ipopupmenu > ul.ipopupmenu__list`);
|
|
1043
866
|
}
|
|
1044
|
-
/**
|
|
1045
|
-
* Returns `IMenu` page object.
|
|
1046
|
-
*
|
|
1047
|
-
* @deprecated `IMenuPageObject` is deprecated and equivalent methods are available for `FNavigationMenuPageobject`.
|
|
1048
|
-
*/
|
|
1049
|
-
menu() {
|
|
1050
|
-
return new IMenuPageObject(`${this.selector}.imenu`);
|
|
1051
|
-
}
|
|
1052
867
|
};
|
|
1053
868
|
|
|
1054
|
-
// src/
|
|
869
|
+
// src/cypress/FOffline.pageobject.ts
|
|
1055
870
|
var FOfflinePageObject = class {
|
|
1056
871
|
/**
|
|
1057
872
|
* @param selector - optional custom selector to offline component.
|
|
@@ -1063,7 +878,7 @@ var FOfflinePageObject = class {
|
|
|
1063
878
|
}
|
|
1064
879
|
};
|
|
1065
880
|
|
|
1066
|
-
// src/
|
|
881
|
+
// src/cypress/FOutputField.pageobject.ts
|
|
1067
882
|
var FOutputFieldPageobject = class {
|
|
1068
883
|
constructor(selector) {
|
|
1069
884
|
this.selector = selector;
|
|
@@ -1074,7 +889,7 @@ var FOutputFieldPageobject = class {
|
|
|
1074
889
|
}
|
|
1075
890
|
};
|
|
1076
891
|
|
|
1077
|
-
// src/
|
|
892
|
+
// src/cypress/Input.ts
|
|
1078
893
|
var Input = class {
|
|
1079
894
|
constructor(selector, inputSelector) {
|
|
1080
895
|
this.selector = selector;
|
|
@@ -1091,7 +906,7 @@ var Input = class {
|
|
|
1091
906
|
}
|
|
1092
907
|
};
|
|
1093
908
|
|
|
1094
|
-
// src/
|
|
909
|
+
// src/cypress/FTextField.pageobject.ts
|
|
1095
910
|
var FTextFieldPageObject = class extends Input {
|
|
1096
911
|
/**
|
|
1097
912
|
* @param selector - the root of the text field, usually `<div class="text-field">...</div>`.
|
|
@@ -1111,7 +926,7 @@ var FTextFieldPageObject = class extends Input {
|
|
|
1111
926
|
}
|
|
1112
927
|
};
|
|
1113
928
|
|
|
1114
|
-
// src/
|
|
929
|
+
// src/cypress/ICalendarNavbar.pageobject.ts
|
|
1115
930
|
var ICalendarNavbarPageObject = class {
|
|
1116
931
|
/**
|
|
1117
932
|
* @param selector - CSS selector to the ICalendarNavbar object
|
|
@@ -1133,7 +948,7 @@ var ICalendarNavbarPageObject = class {
|
|
|
1133
948
|
}
|
|
1134
949
|
};
|
|
1135
950
|
|
|
1136
|
-
// src/
|
|
951
|
+
// src/cypress/FDatepickerField.pageobject.ts
|
|
1137
952
|
var FDatepickerFieldPageobject = class {
|
|
1138
953
|
constructor(selector) {
|
|
1139
954
|
this.selector = selector;
|
|
@@ -1190,35 +1005,49 @@ var FDatepickerFieldPageobject = class {
|
|
|
1190
1005
|
}
|
|
1191
1006
|
};
|
|
1192
1007
|
|
|
1193
|
-
// src/
|
|
1008
|
+
// src/cypress/FPageHeader/FPageHeader.pageobject.ts
|
|
1194
1009
|
var FPageHeaderPageobject = class {
|
|
1195
1010
|
/**
|
|
1196
1011
|
* @param selector - the root of the page header, usually `div.page-header__root`.
|
|
1197
1012
|
*/
|
|
1198
|
-
constructor(selector) {
|
|
1013
|
+
constructor(selector = ".page-header__root") {
|
|
1199
1014
|
this.selector = selector;
|
|
1200
|
-
this.el = () => cy.get(this.selector);
|
|
1201
1015
|
}
|
|
1016
|
+
/**
|
|
1017
|
+
* Get root element.
|
|
1018
|
+
*/
|
|
1019
|
+
el() {
|
|
1020
|
+
return cy.get(this.selector);
|
|
1021
|
+
}
|
|
1022
|
+
/**
|
|
1023
|
+
* Get skiplink anchor element and wrapper for `skip-link-text` slot.
|
|
1024
|
+
*/
|
|
1202
1025
|
skipLink() {
|
|
1203
1026
|
return cy.get(`${this.selector} .iskiplink`).then(($el) => {
|
|
1204
1027
|
$el.css({ top: 45, left: 10 });
|
|
1205
1028
|
});
|
|
1206
1029
|
}
|
|
1030
|
+
/**
|
|
1031
|
+
* Get wrapper element for `default` slot.
|
|
1032
|
+
*/
|
|
1207
1033
|
applicationName() {
|
|
1208
1034
|
return cy.get(`${this.selector} .page-header__app-name`);
|
|
1209
1035
|
}
|
|
1036
|
+
/**
|
|
1037
|
+
* Get wrapper element for `right` slot.
|
|
1038
|
+
*/
|
|
1210
1039
|
rightSlot() {
|
|
1211
1040
|
return cy.get(`${this.selector} .page-header__right-slot`);
|
|
1212
1041
|
}
|
|
1042
|
+
/**
|
|
1043
|
+
* Get wrapper element for `logo` slot.
|
|
1044
|
+
*/
|
|
1213
1045
|
logoSlot() {
|
|
1214
1046
|
return cy.get(`${this.selector} div.page-header__logo`);
|
|
1215
1047
|
}
|
|
1216
|
-
logoRouterLink() {
|
|
1217
|
-
return cy.get(`${this.selector} .page-header__logo > a`);
|
|
1218
|
-
}
|
|
1219
1048
|
};
|
|
1220
1049
|
|
|
1221
|
-
// src/
|
|
1050
|
+
// src/cypress/FRadioGroup.pageobject.ts
|
|
1222
1051
|
var FRadioGroupPageObject = class {
|
|
1223
1052
|
/**
|
|
1224
1053
|
* @param selector - the root of the radio group, usually `<div class="radio-button-group">...</div>`.
|
|
@@ -1242,7 +1071,7 @@ var FRadioGroupPageObject = class {
|
|
|
1242
1071
|
}
|
|
1243
1072
|
};
|
|
1244
1073
|
|
|
1245
|
-
// src/
|
|
1074
|
+
// src/cypress/FSelectField.pageobject.ts
|
|
1246
1075
|
var FSelectFieldPageObject = class {
|
|
1247
1076
|
/**
|
|
1248
1077
|
* @param selector - the root of the select field, usually `<div class="select-field">...</div>`.
|
|
@@ -1272,22 +1101,20 @@ var FSelectFieldPageObject = class {
|
|
|
1272
1101
|
return listItem.push(el.get(0).innerText);
|
|
1273
1102
|
}).then(() => listItem);
|
|
1274
1103
|
}
|
|
1104
|
+
/**
|
|
1105
|
+
* Get the currently selected `<option>` element.
|
|
1106
|
+
*/
|
|
1107
|
+
selectedOption() {
|
|
1108
|
+
return cy.get(`${this.selector} option:selected`);
|
|
1109
|
+
}
|
|
1275
1110
|
selectedValue() {
|
|
1276
1111
|
return this.dropdown().then((el) => {
|
|
1277
1112
|
return el.get(0).value;
|
|
1278
1113
|
});
|
|
1279
1114
|
}
|
|
1280
|
-
trimmedText() {
|
|
1281
|
-
return this.dropdown().then((el) => {
|
|
1282
|
-
return el.get(0).options.selectedIndex >= 0 ? el.get(0)[el.get(0).options.selectedIndex].innerText.replace(
|
|
1283
|
-
/[\n\r]/gm,
|
|
1284
|
-
""
|
|
1285
|
-
).replace(/\s+/g, " ").replace(/(^\s|\s$)*/g, "") : "";
|
|
1286
|
-
});
|
|
1287
|
-
}
|
|
1288
1115
|
};
|
|
1289
1116
|
|
|
1290
|
-
// src/
|
|
1117
|
+
// src/cypress/FSortFilterDataset.pageobject.ts
|
|
1291
1118
|
var FSortFilterDatasetPageObject = class {
|
|
1292
1119
|
constructor(selector) {
|
|
1293
1120
|
this.selector = selector;
|
|
@@ -1306,7 +1133,7 @@ var FSortFilterDatasetPageObject = class {
|
|
|
1306
1133
|
}
|
|
1307
1134
|
};
|
|
1308
1135
|
|
|
1309
|
-
// src/
|
|
1136
|
+
// src/cypress/FStaticField.pageobject.ts
|
|
1310
1137
|
var FStaticFieldPageObject = class {
|
|
1311
1138
|
/**
|
|
1312
1139
|
* @param selector - the root of the static field, usually `<div class="output-field">...</div>`.
|
|
@@ -1322,7 +1149,7 @@ var FStaticFieldPageObject = class {
|
|
|
1322
1149
|
}
|
|
1323
1150
|
};
|
|
1324
1151
|
|
|
1325
|
-
// src/
|
|
1152
|
+
// src/cypress/FTableColumn.pageobject.ts
|
|
1326
1153
|
var FTableColumnPageObject = class {
|
|
1327
1154
|
constructor(selector, index) {
|
|
1328
1155
|
this.selector = `${selector}:nth(${index})`;
|
|
@@ -1340,7 +1167,7 @@ var FTableColumnPageObject = class {
|
|
|
1340
1167
|
}
|
|
1341
1168
|
};
|
|
1342
1169
|
|
|
1343
|
-
// src/
|
|
1170
|
+
// src/cypress/FInteractiveTable.pageobject.ts
|
|
1344
1171
|
var FInteractiveTablePageObject = class {
|
|
1345
1172
|
/**
|
|
1346
1173
|
* @param selector - table selector.
|
|
@@ -1393,7 +1220,7 @@ var FInteractiveTablePageObject = class {
|
|
|
1393
1220
|
}
|
|
1394
1221
|
};
|
|
1395
1222
|
|
|
1396
|
-
// src/
|
|
1223
|
+
// src/cypress/FTextareaField.pageobject.ts
|
|
1397
1224
|
var FTextareaFieldPageObject = class extends Input {
|
|
1398
1225
|
/**
|
|
1399
1226
|
* @param selector - the root of the textarea field, usually `<div class="textarea-field">...</div>`.
|
|
@@ -1415,7 +1242,7 @@ var FTextareaFieldPageObject = class extends Input {
|
|
|
1415
1242
|
}
|
|
1416
1243
|
};
|
|
1417
1244
|
|
|
1418
|
-
// src/
|
|
1245
|
+
// src/cypress/IAnimateExpand.pageobject.ts
|
|
1419
1246
|
var IAnimateExpandPageobject = class {
|
|
1420
1247
|
el() {
|
|
1421
1248
|
return cy.get(this.selector);
|
|
@@ -1455,7 +1282,7 @@ var IAnimateExpandPageobject = class {
|
|
|
1455
1282
|
}
|
|
1456
1283
|
};
|
|
1457
1284
|
|
|
1458
|
-
// src/
|
|
1285
|
+
// src/cypress/FWizard/FWizardStepHeader.pageobject.ts
|
|
1459
1286
|
var FWizardStepHeaderPageobject = class {
|
|
1460
1287
|
constructor(selector) {
|
|
1461
1288
|
this.selector = selector;
|
|
@@ -1467,7 +1294,7 @@ var FWizardStepHeaderPageobject = class {
|
|
|
1467
1294
|
}
|
|
1468
1295
|
};
|
|
1469
1296
|
|
|
1470
|
-
// src/
|
|
1297
|
+
// src/cypress/FWizard/FWizardStep.pageobject.ts
|
|
1471
1298
|
var STATUS = /* @__PURE__ */ ((STATUS2) => {
|
|
1472
1299
|
STATUS2["done"] = "done";
|
|
1473
1300
|
STATUS2["open"] = "open";
|
|
@@ -1535,7 +1362,7 @@ var FWizardStepPageobject = class {
|
|
|
1535
1362
|
}
|
|
1536
1363
|
};
|
|
1537
1364
|
|
|
1538
|
-
// src/
|
|
1365
|
+
// src/cypress/FWizard/FWizard.pageobject.ts
|
|
1539
1366
|
var FWizardPageobject = class {
|
|
1540
1367
|
el() {
|
|
1541
1368
|
return cy.get(this.selector);
|
|
@@ -1570,7 +1397,7 @@ var FWizardPageobject = class {
|
|
|
1570
1397
|
}
|
|
1571
1398
|
};
|
|
1572
1399
|
|
|
1573
|
-
// src/
|
|
1400
|
+
// src/cypress/ICalendar/Calendar.pageobject.ts
|
|
1574
1401
|
var monthList = [
|
|
1575
1402
|
"januari",
|
|
1576
1403
|
"februari",
|
|
@@ -1652,7 +1479,7 @@ var CalendarPageObject = class {
|
|
|
1652
1479
|
}
|
|
1653
1480
|
};
|
|
1654
1481
|
|
|
1655
|
-
// src/
|
|
1482
|
+
// src/cypress/IPopup.pageobject.ts
|
|
1656
1483
|
var IPopupPageObject = class {
|
|
1657
1484
|
/**
|
|
1658
1485
|
* @param selector - the root of the IPopup.
|
|
@@ -1665,7 +1492,7 @@ var IPopupPageObject = class {
|
|
|
1665
1492
|
}
|
|
1666
1493
|
};
|
|
1667
1494
|
|
|
1668
|
-
// src/
|
|
1495
|
+
// src/cypress/AlertScreenReader.pageobject.ts
|
|
1669
1496
|
var AlertScreenReaderPageObject = class {
|
|
1670
1497
|
constructor() {
|
|
1671
1498
|
this.selector = "#fkui-alert-screen-reader";
|
|
@@ -1678,7 +1505,7 @@ var AlertScreenReaderPageObject = class {
|
|
|
1678
1505
|
}
|
|
1679
1506
|
};
|
|
1680
1507
|
|
|
1681
|
-
// src/
|
|
1508
|
+
// src/cypress/FDialogueTreeItem.pageobject.ts
|
|
1682
1509
|
var FDialogueTreeItemPageObject = class {
|
|
1683
1510
|
constructor(selector) {
|
|
1684
1511
|
this.selector = selector;
|
|
@@ -1695,7 +1522,7 @@ var FDialogueTreeItemPageObject = class {
|
|
|
1695
1522
|
}
|
|
1696
1523
|
};
|
|
1697
1524
|
|
|
1698
|
-
// src/
|
|
1525
|
+
// src/cypress/FDialogueTree.pageobject.ts
|
|
1699
1526
|
var FDialogueTreePageObject = class {
|
|
1700
1527
|
constructor(selector) {
|
|
1701
1528
|
this.selector = selector;
|
|
@@ -1730,8 +1557,6 @@ var FDialogueTreePageObject = class {
|
|
|
1730
1557
|
FFileItemPageObject,
|
|
1731
1558
|
FFileSelectorPageObject,
|
|
1732
1559
|
FFormModalPageObject,
|
|
1733
|
-
FFormPageObject,
|
|
1734
|
-
FFormStepPageObject,
|
|
1735
1560
|
FInteractiveTablePageObject,
|
|
1736
1561
|
FLabelPageObject,
|
|
1737
1562
|
FListItemPageObject,
|
|
@@ -1759,11 +1584,10 @@ var FDialogueTreePageObject = class {
|
|
|
1759
1584
|
FWizardStepHeaderPageobject,
|
|
1760
1585
|
FWizardStepPageobject,
|
|
1761
1586
|
ICalendarNavbarPageObject,
|
|
1762
|
-
IMenuPageObject,
|
|
1763
1587
|
IPopupMenuPageObject,
|
|
1764
1588
|
IPopupPageObject,
|
|
1765
1589
|
Input,
|
|
1766
1590
|
STATUS,
|
|
1767
1591
|
dayType
|
|
1768
1592
|
});
|
|
1769
|
-
//# sourceMappingURL=
|
|
1593
|
+
//# sourceMappingURL=cypress.js.map
|