@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.
@@ -309,6 +309,58 @@ var FCrudDatasetPageObject = class {
309
309
  }
310
310
  };
311
311
 
312
+ // src/cypress/FDetailsPanel.pageobject.ts
313
+ var FDetailsPanelPageObject = class _FDetailsPanelPageObject {
314
+ constructor(selector) {
315
+ this.selector = selector;
316
+ }
317
+ /**
318
+ * Get a selector based on the panel name.
319
+ */
320
+ static nameSelector(name) {
321
+ return `[data-panel-name="${name}"]`;
322
+ }
323
+ /**
324
+ * Get details panel based on its `name` prop.
325
+ *
326
+ * @param name - Name given to panel.
327
+ */
328
+ static fromName(name) {
329
+ const selector = _FDetailsPanelPageObject.nameSelector(name);
330
+ return new _FDetailsPanelPageObject(selector);
331
+ }
332
+ /**
333
+ * Panel element.
334
+ */
335
+ el() {
336
+ return cy.get(this.selector);
337
+ }
338
+ /**
339
+ * Content in header slot (as defined by consumer).
340
+ */
341
+ header() {
342
+ return cy.get(`${this.selector} [slot=header]`);
343
+ }
344
+ /**
345
+ * Content in content slot (as defined by consumer).
346
+ */
347
+ content() {
348
+ return cy.get(`${this.selector} [slot=content]`);
349
+ }
350
+ /**
351
+ * Content in footer slot (as defined by consumer).
352
+ */
353
+ footer() {
354
+ return cy.get(`${this.selector} [slot=footer]`);
355
+ }
356
+ /**
357
+ * Default submit button.
358
+ */
359
+ closeButton() {
360
+ return this.el().shadow().find(".panel__close-button");
361
+ }
362
+ };
363
+
312
364
  // src/cypress/FExpandablePanel.pageobject.ts
313
365
  var FExpandablePanelPageObject = class {
314
366
  /**
@@ -640,6 +692,46 @@ var FMessageBoxPageObject = class {
640
692
  }
641
693
  };
642
694
 
695
+ // src/cypress/FMinimizablePanel.pageobject.ts
696
+ var FMinimizablePanelPageObject = class {
697
+ /**
698
+ * @param selector - panel selector.
699
+ */
700
+ constructor(selector) {
701
+ this.selector = selector;
702
+ }
703
+ /**
704
+ * Panel element.
705
+ */
706
+ el() {
707
+ return cy.get(this.selector);
708
+ }
709
+ /**
710
+ * Content in header slot (as defined by consumer).
711
+ */
712
+ header() {
713
+ return cy.get(`${this.selector} [slot=header]`);
714
+ }
715
+ /**
716
+ * Content in content slot (as defined by consumer).
717
+ */
718
+ content() {
719
+ return cy.get(`${this.selector} [slot=content]`);
720
+ }
721
+ /**
722
+ * Content in footer slot (as defined by consumer).
723
+ */
724
+ footer() {
725
+ return cy.get(`${this.selector} [slot=footer]`);
726
+ }
727
+ /**
728
+ * Toggle button.
729
+ */
730
+ toggleButton() {
731
+ return this.el().shadow().find(".panel__button");
732
+ }
733
+ };
734
+
643
735
  // src/cypress/FModal.pageobject.ts
644
736
  var FModalPageObject = class {
645
737
  /**
@@ -1132,6 +1224,38 @@ var FInteractiveTablePageObject = class {
1132
1224
  this.selector = selector;
1133
1225
  this.el = () => cy.get(this.selector);
1134
1226
  }
1227
+ /**
1228
+ * Get table cell (typically `<td>` but can be `<th>` if row headers are
1229
+ * present).
1230
+ *
1231
+ * Both row and column are 1-indexed, i.e. 1:1 selects the first cell in the
1232
+ * first row.
1233
+ *
1234
+ * Neither the marker for expandable rows or the checkbox for selectable
1235
+ * rows are included in the column count, i.e. `1` always refers to the
1236
+ * first column with content.
1237
+ *
1238
+ * For expandable rows the row count depend on whenever a row is expanded or
1239
+ * not. If the first row is collapsed the second row refers to the next
1240
+ * parent row while if the first row is expanded the second row refers to
1241
+ * the first expanded row under the first row.
1242
+ *
1243
+ * @public
1244
+ * @param descriptor - Row and column number of cell (1-indexed).
1245
+ * @returns The cell element.
1246
+ */
1247
+ cell(descriptor) {
1248
+ const rowIndex = descriptor.row - 1;
1249
+ const colIndex = descriptor.col - 1;
1250
+ return cy.get(
1251
+ [
1252
+ this.selector,
1253
+ `tbody`,
1254
+ `tr:not(.table__expandable-row--collapsed):nth(${rowIndex})`,
1255
+ `> .table__column:nth(${colIndex})`
1256
+ ].join(" ")
1257
+ );
1258
+ }
1135
1259
  caption() {
1136
1260
  return cy.get(`${this.selector} caption`);
1137
1261
  }
@@ -1245,11 +1369,26 @@ var IAnimateExpandPageobject = class {
1245
1369
  var FWizardStepHeaderPageobject = class {
1246
1370
  constructor(selector) {
1247
1371
  this.selector = selector;
1248
- this.el = () => cy.get(this.selector);
1249
- this.successIcon = () => cy.get(`${this.selector} .icon-stack .f-icon-success`);
1372
+ this.el = () => cy.get(`${this.selector} .wizard-step__header`);
1373
+ this.successIcon = () => cy.get(
1374
+ `${this.selector} .wizard-step__icon-container__circle .f-icon-success`
1375
+ );
1250
1376
  this.stepNumber = () => cy.get(`${this.selector} [data-test="step-number"]`).invoke("text");
1251
- this.stepOf = () => cy.get(`${this.selector} .wizard-step__header__step-of`);
1252
- this.title = () => cy.get(`${this.selector} .wizard-step__header__title`);
1377
+ this.stepOf = () => cy.get(`${this.selector} .wizard-step__step-of`);
1378
+ }
1379
+ title() {
1380
+ return cy.get(
1381
+ `${this.selector} .wizard-step__header .wizard-step__header__title`
1382
+ ).then((element) => {
1383
+ if (element.children("a").length > 0) {
1384
+ return cy.get(
1385
+ `${this.selector} .wizard-step__header .wizard-step__header__title > a`
1386
+ );
1387
+ }
1388
+ return cy.get(
1389
+ `${this.selector} .wizard-step__header .wizard-step__header__title`
1390
+ );
1391
+ });
1253
1392
  }
1254
1393
  };
1255
1394
 
@@ -1284,6 +1423,25 @@ var FWizardStepPageobject = class {
1284
1423
  body() {
1285
1424
  return cy.get(`${this.selector} .wizard-step-body`);
1286
1425
  }
1426
+ /**
1427
+ * Get the steps number
1428
+ */
1429
+ stepNumber() {
1430
+ return cy.get(`${this.selector} [data-test="step-number"]`).invoke("text");
1431
+ }
1432
+ /**
1433
+ * Get the title element
1434
+ */
1435
+ title() {
1436
+ return cy.get(`${this.selector} .wizard-step__header__title`).then((element) => {
1437
+ if (element.children("a").length > 0) {
1438
+ return cy.get(
1439
+ `${this.selector} .wizard-step__header__title > a`
1440
+ );
1441
+ }
1442
+ return cy.get(`${this.selector} .wizard-step__header__title`);
1443
+ });
1444
+ }
1287
1445
  /**
1288
1446
  * Wait for open animation to finish.
1289
1447
  */
@@ -1305,9 +1463,7 @@ var FWizardStepPageobject = class {
1305
1463
  constructor(selector) {
1306
1464
  this.selector = selector;
1307
1465
  this.errors = new FErrorListPageObject(`${this.selector} .error-list`);
1308
- this.header = new FWizardStepHeaderPageobject(
1309
- `${this.selector} .wizard-step__header`
1310
- );
1466
+ this.header = new FWizardStepHeaderPageobject(this.selector);
1311
1467
  this.animateExpand = new IAnimateExpandPageobject(this.selector);
1312
1468
  }
1313
1469
  /**
@@ -1507,6 +1663,7 @@ export {
1507
1663
  FContextMenuPageObject,
1508
1664
  FCrudDatasetPageObject,
1509
1665
  FDatepickerFieldPageobject,
1666
+ FDetailsPanelPageObject,
1510
1667
  FDialogueTreeItemPageObject,
1511
1668
  FDialogueTreePageObject,
1512
1669
  FErrorListPageObject,
@@ -1521,6 +1678,7 @@ export {
1521
1678
  FListPageObject,
1522
1679
  FLoaderPageObject,
1523
1680
  FMessageBoxPageObject,
1681
+ FMinimizablePanelPageObject,
1524
1682
  FModalPageObject,
1525
1683
  FNavigationMenuPageobject,
1526
1684
  FOfflinePageObject,