@fkui/vue 6.5.0 → 6.7.0

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.
@@ -30,6 +30,7 @@ __export(index_exports, {
30
30
  FContextMenuPageObject: () => FContextMenuPageObject,
31
31
  FCrudDatasetPageObject: () => FCrudDatasetPageObject,
32
32
  FDatepickerFieldPageobject: () => FDatepickerFieldPageobject,
33
+ FDetailsPanelPageObject: () => FDetailsPanelPageObject,
33
34
  FDialogueTreeItemPageObject: () => FDialogueTreeItemPageObject,
34
35
  FDialogueTreePageObject: () => FDialogueTreePageObject,
35
36
  FErrorListPageObject: () => FErrorListPageObject,
@@ -44,6 +45,7 @@ __export(index_exports, {
44
45
  FListPageObject: () => FListPageObject,
45
46
  FLoaderPageObject: () => FLoaderPageObject,
46
47
  FMessageBoxPageObject: () => FMessageBoxPageObject,
48
+ FMinimizablePanelPageObject: () => FMinimizablePanelPageObject,
47
49
  FModalPageObject: () => FModalPageObject,
48
50
  FNavigationMenuPageobject: () => FNavigationMenuPageobject,
49
51
  FOfflinePageObject: () => FOfflinePageObject,
@@ -384,6 +386,58 @@ var FCrudDatasetPageObject = class {
384
386
  }
385
387
  };
386
388
 
389
+ // src/cypress/FDetailsPanel.pageobject.ts
390
+ var FDetailsPanelPageObject = class _FDetailsPanelPageObject {
391
+ constructor(selector) {
392
+ this.selector = selector;
393
+ }
394
+ /**
395
+ * Get a selector based on the panel name.
396
+ */
397
+ static nameSelector(name) {
398
+ return `[data-panel-name="${name}"]`;
399
+ }
400
+ /**
401
+ * Get details panel based on its `name` prop.
402
+ *
403
+ * @param name - Name given to panel.
404
+ */
405
+ static fromName(name) {
406
+ const selector = _FDetailsPanelPageObject.nameSelector(name);
407
+ return new _FDetailsPanelPageObject(selector);
408
+ }
409
+ /**
410
+ * Panel element.
411
+ */
412
+ el() {
413
+ return cy.get(this.selector);
414
+ }
415
+ /**
416
+ * Content in header slot (as defined by consumer).
417
+ */
418
+ header() {
419
+ return cy.get(`${this.selector} [slot=header]`);
420
+ }
421
+ /**
422
+ * Content in content slot (as defined by consumer).
423
+ */
424
+ content() {
425
+ return cy.get(`${this.selector} [slot=content]`);
426
+ }
427
+ /**
428
+ * Content in footer slot (as defined by consumer).
429
+ */
430
+ footer() {
431
+ return cy.get(`${this.selector} [slot=footer]`);
432
+ }
433
+ /**
434
+ * Default submit button.
435
+ */
436
+ closeButton() {
437
+ return this.el().shadow().find(".panel__close-button");
438
+ }
439
+ };
440
+
387
441
  // src/cypress/FExpandablePanel.pageobject.ts
388
442
  var FExpandablePanelPageObject = class {
389
443
  /**
@@ -715,6 +769,46 @@ var FMessageBoxPageObject = class {
715
769
  }
716
770
  };
717
771
 
772
+ // src/cypress/FMinimizablePanel.pageobject.ts
773
+ var FMinimizablePanelPageObject = class {
774
+ /**
775
+ * @param selector - panel selector.
776
+ */
777
+ constructor(selector) {
778
+ this.selector = selector;
779
+ }
780
+ /**
781
+ * Panel element.
782
+ */
783
+ el() {
784
+ return cy.get(this.selector);
785
+ }
786
+ /**
787
+ * Content in header slot (as defined by consumer).
788
+ */
789
+ header() {
790
+ return cy.get(`${this.selector} [slot=header]`);
791
+ }
792
+ /**
793
+ * Content in content slot (as defined by consumer).
794
+ */
795
+ content() {
796
+ return cy.get(`${this.selector} [slot=content]`);
797
+ }
798
+ /**
799
+ * Content in footer slot (as defined by consumer).
800
+ */
801
+ footer() {
802
+ return cy.get(`${this.selector} [slot=footer]`);
803
+ }
804
+ /**
805
+ * Toggle button.
806
+ */
807
+ toggleButton() {
808
+ return this.el().shadow().find(".panel__button");
809
+ }
810
+ };
811
+
718
812
  // src/cypress/FModal.pageobject.ts
719
813
  var FModalPageObject = class {
720
814
  /**
@@ -1207,6 +1301,38 @@ var FInteractiveTablePageObject = class {
1207
1301
  this.selector = selector;
1208
1302
  this.el = () => cy.get(this.selector);
1209
1303
  }
1304
+ /**
1305
+ * Get table cell (typically `<td>` but can be `<th>` if row headers are
1306
+ * present).
1307
+ *
1308
+ * Both row and column are 1-indexed, i.e. 1:1 selects the first cell in the
1309
+ * first row.
1310
+ *
1311
+ * Neither the marker for expandable rows or the checkbox for selectable
1312
+ * rows are included in the column count, i.e. `1` always refers to the
1313
+ * first column with content.
1314
+ *
1315
+ * For expandable rows the row count depend on whenever a row is expanded or
1316
+ * not. If the first row is collapsed the second row refers to the next
1317
+ * parent row while if the first row is expanded the second row refers to
1318
+ * the first expanded row under the first row.
1319
+ *
1320
+ * @public
1321
+ * @param descriptor - Row and column number of cell (1-indexed).
1322
+ * @returns The cell element.
1323
+ */
1324
+ cell(descriptor) {
1325
+ const rowIndex = descriptor.row - 1;
1326
+ const colIndex = descriptor.col - 1;
1327
+ return cy.get(
1328
+ [
1329
+ this.selector,
1330
+ `tbody`,
1331
+ `tr:not(.table__expandable-row--collapsed):nth(${rowIndex})`,
1332
+ `> .table__column:nth(${colIndex})`
1333
+ ].join(" ")
1334
+ );
1335
+ }
1210
1336
  caption() {
1211
1337
  return cy.get(`${this.selector} caption`);
1212
1338
  }
@@ -1320,11 +1446,26 @@ var IAnimateExpandPageobject = class {
1320
1446
  var FWizardStepHeaderPageobject = class {
1321
1447
  constructor(selector) {
1322
1448
  this.selector = selector;
1323
- this.el = () => cy.get(this.selector);
1324
- this.successIcon = () => cy.get(`${this.selector} .icon-stack .f-icon-success`);
1449
+ this.el = () => cy.get(`${this.selector} .wizard-step__header`);
1450
+ this.successIcon = () => cy.get(
1451
+ `${this.selector} .wizard-step__icon-container__circle .f-icon-success`
1452
+ );
1325
1453
  this.stepNumber = () => cy.get(`${this.selector} [data-test="step-number"]`).invoke("text");
1326
- this.stepOf = () => cy.get(`${this.selector} .wizard-step__header__step-of`);
1327
- this.title = () => cy.get(`${this.selector} .wizard-step__header__title`);
1454
+ this.stepOf = () => cy.get(`${this.selector} .wizard-step__step-of`);
1455
+ }
1456
+ title() {
1457
+ return cy.get(
1458
+ `${this.selector} .wizard-step__header .wizard-step__header__title`
1459
+ ).then((element) => {
1460
+ if (element.children("a").length > 0) {
1461
+ return cy.get(
1462
+ `${this.selector} .wizard-step__header .wizard-step__header__title > a`
1463
+ );
1464
+ }
1465
+ return cy.get(
1466
+ `${this.selector} .wizard-step__header .wizard-step__header__title`
1467
+ );
1468
+ });
1328
1469
  }
1329
1470
  };
1330
1471
 
@@ -1359,6 +1500,25 @@ var FWizardStepPageobject = class {
1359
1500
  body() {
1360
1501
  return cy.get(`${this.selector} .wizard-step-body`);
1361
1502
  }
1503
+ /**
1504
+ * Get the steps number
1505
+ */
1506
+ stepNumber() {
1507
+ return cy.get(`${this.selector} [data-test="step-number"]`).invoke("text");
1508
+ }
1509
+ /**
1510
+ * Get the title element
1511
+ */
1512
+ title() {
1513
+ return cy.get(`${this.selector} .wizard-step__header__title`).then((element) => {
1514
+ if (element.children("a").length > 0) {
1515
+ return cy.get(
1516
+ `${this.selector} .wizard-step__header__title > a`
1517
+ );
1518
+ }
1519
+ return cy.get(`${this.selector} .wizard-step__header__title`);
1520
+ });
1521
+ }
1362
1522
  /**
1363
1523
  * Wait for open animation to finish.
1364
1524
  */
@@ -1380,9 +1540,7 @@ var FWizardStepPageobject = class {
1380
1540
  constructor(selector) {
1381
1541
  this.selector = selector;
1382
1542
  this.errors = new FErrorListPageObject(`${this.selector} .error-list`);
1383
- this.header = new FWizardStepHeaderPageobject(
1384
- `${this.selector} .wizard-step__header`
1385
- );
1543
+ this.header = new FWizardStepHeaderPageobject(this.selector);
1386
1544
  this.animateExpand = new IAnimateExpandPageobject(this.selector);
1387
1545
  }
1388
1546
  /**