@baloise/ds-testing 0.0.5-nightly.e56f740

package/index.esm2.js

@@ -0,0 +1,308 @@
+var dataTestSelectors = function(testId) {
+    return [
+        '[data-test-id="' + testId + '"]',
+        '[data-testid="' + testId + '"]',
+        '[data-test="' + testId + '"]',
+        '[data-cy="' + testId + '"]'
+    ];
+};
+var byTestId = function(testId) {
+    return dataTestSelectors(testId).join(", ");
+};
+// @deprecated standard is byTestId
+var dataTestSelector = function(testId) {
+    return byTestId(testId);
+};
+var parseDataTestID = function(testId) {
+    var _testId_split_shift;
+    return ((_testId_split_shift = testId.split(",").shift()) == null ? void 0 : _testId_split_shift.trim().slice(15).slice(0, -2)) || "";
+};
+var byDataSelectors = function(dateTestId, dataSelectors, value) {
+    var dataIds = dateTestId.split(",").map(function(d) {
+        return d.trim();
+    });
+    var selectors = [];
+    for(var index = 0; index < dataSelectors.length; index++){
+        var dataSelector = dataSelectors[index];
+        for(var index1 = 0; index1 < dataIds.length; index1++){
+            var dataId = dataIds[index1];
+            selectors.push(dataId + "[data-" + dataSelector + '="' + value + '"]');
+        }
+    }
+    return selectors.join(",");
+};
+
+/**
+ * Selectors
+ */ var selectors = {
+    accordion: {
+        /**
+     * The trigger button, which shows and hides the content / details.
+     */ trigger: byTestId("bal-accordion-trigger"),
+        /**
+     * The content or the hidden part of the accordion.
+     */ details: byTestId("bal-accordion-details"),
+        /**
+     * The header or visible part of the accordion
+     */ summary: byTestId("bal-accordion-summary")
+    },
+    badge: {
+        /**
+     * Badge label.
+     */ label: byTestId("bal-badge-label")
+    },
+    button: {
+        /**
+     * Native button element.
+     */ native: byTestId("bal-button"),
+        /**
+     * Button label.
+     */ label: byTestId("bal-button-label")
+    },
+    carousel: {
+        /**
+     * Pagination left control.
+     */ paginationPrevious: byTestId("bal-pagination-controls-left"),
+        /**
+     * Pagination right control.
+     */ paginationNext: byTestId("bal-pagination-controls-right"),
+        /**
+     * Carousel right control.
+     */ carouselControlPrevious: byTestId("bal-carousel-control-left"),
+        /**
+     * Carousel left control.
+     */ carouselControlNext: byTestId("bal-carousel-control-right")
+    },
+    close: {
+        /**
+     * The trigger button.
+     */ button: byTestId("bal-close")
+    },
+    data: {
+        /**
+     * Editable button.
+     */ editable: byTestId("bal-data-value-button")
+    },
+    footer: {
+        /**
+     * Language select element.
+     */ language: byTestId('bal-footer-language"')
+    },
+    heading: {
+        /**
+     * Native h1 element.
+     */ native: byTestId("bal-heading")
+    },
+    notification: {
+        /**
+     * Notification content element.
+     */ content: byTestId("bal-notification-content")
+    },
+    pagination: {
+        /**
+     * Pagination left control.
+     */ previous: byTestId("bal-pagination-controls-left"),
+        /**
+     * Pagination right control.
+     */ next: byTestId("bal-pagination-controls-right"),
+        /**
+     * Pagination ul list.
+     */ list: byTestId("bal-pagination-list"),
+        /**
+     * The number of the page.
+     */ pageNumber: byTestId("bal-pagination-page-number"),
+        /**
+     * bal-button of the number of the page..
+     */ pages: ".bal-pagination__nav__pagination-list > li > bal-button",
+        /**
+     * The native button of the number of the page.
+     */ button: ".bal-pagination__nav__pagination-list > li > bal-button > button"
+    },
+    tag: {
+        /**
+     * Tag label..
+     */ label: byTestId("bal-tag-label"),
+        /**
+     * Close button.
+     */ close: byTestId("bal-tag-close")
+    },
+    text: {
+        /**
+     * Native p element.
+     */ native: byTestId("bal-text")
+    },
+    checkbox: {
+        /**
+     * Native input element.
+     */ input: byTestId("bal-checkbox-input"),
+        /**
+     * Label element.
+     */ label: byTestId("bal-checkbox-label"),
+        /**
+     * Label span element.
+     */ text: byTestId("bal-checkbox-text")
+    },
+    datepicker: {
+        /**
+     * Native input element.
+     */ input: byTestId("bal-datepicker-input")
+    },
+    field: {
+        /**
+     * Hint element.
+     */ hint: byTestId("bal-field-hint")
+    },
+    fileUpload: {
+        /**
+     * Native input element.
+     */ input: byTestId("bal-file-upload-input"),
+        /**
+     * Native span element.
+     */ label: byTestId("bal-file-upload-label")
+    },
+    slider: {
+        /**
+     * Native input element.
+     */ native: byTestId("bal-input-slider")
+    },
+    inputStepper: {
+        /**
+     * Decrease button.
+     */ decrease: byTestId("bal-input-stepper-decrease"),
+        /**
+     * Increase button.
+     */ increase: byTestId("bal-input-stepper-increase"),
+        /**
+     * Native input element.
+     */ native: byTestId("bal-input-stepper"),
+        /**
+     * Text element.
+     */ text: byTestId("bal-input-stepper-text")
+    },
+    input: {
+        /**
+     * Native input element.
+     */ native: byTestId("bal-input")
+    },
+    dateInput: {
+        /**
+     * Native input element.
+     */ native: byTestId("bal-date-input")
+    },
+    numberInput: {
+        /**
+     * Native input element.
+     */ native: byTestId("bal-number-input")
+    },
+    radio: {
+        /**
+     * Native input element.
+     */ input: byTestId("bal-radio-input"),
+        /**
+     * Native label element.
+     */ label: byTestId("bal-radio-label"),
+        /**
+     * Native span element.
+     */ text: byTestId("bal-radio-text")
+    },
+    select: {
+        /**
+     * Native input element.
+     */ input: "input.data-test-select-input",
+        /**
+     * Select option.
+     */ options: "button.bal-select__option",
+        /**
+     * Multi select tag .
+     */ chips: byTestId("bal-select-chip")
+    },
+    popover: {
+        /**
+     * Popover trigger.
+     */ trigger: "bal-popover-trigger",
+        /**
+     * Popover content element.
+     */ content: byTestId("bal-popover-content")
+    },
+    popup: {
+        /**
+     * Popup trigger.
+     */ trigger: "[bal-popup]",
+        /**
+     * Popup content element.
+     */ content: byTestId("bal-popup-content"),
+        /**
+     * Popup close button in the head.
+     */ close: byTestId("bal-popup-close"),
+        /**
+     * Popup label / heading element.
+     */ label: byTestId("bal-popup-label")
+    },
+    textarea: {
+        /**
+     * Native input element.
+     */ native: byTestId("bal-textarea-input")
+    },
+    modal: {
+        /**
+     * Modal element.
+     */ main: "div.modal"
+    },
+    steps: {
+        /**
+     * Step option
+     */ option: byTestId("bal-steps-option"),
+        /**
+     * Step option label
+     */ optionLabel: byTestId("bal-steps-option-label")
+    },
+    tabs: {
+        /**
+     * Tab item.
+     */ item: byTestId("bal-tabs-item"),
+        /**
+     * Tab item label.
+     */ itemLabel: byTestId("bal-tabs-item-label")
+    },
+    toast: {
+        /**
+     * Toast element.
+     */ main: ".bal-notices > .bal-toast",
+        /**
+     * Toast label element.
+     */ label: byTestId("bal-toast-label"),
+        /**
+     * Toast close element.
+     */ close: byTestId("bal-toast-close")
+    },
+    snackbar: {
+        /**
+     * Snackbar element.
+     */ main: ".bal-notices > .bal-snackbar",
+        /**
+     * Snackbar heading element.
+     */ heading: byTestId("bal-snackbar-heading"),
+        /**
+     * Snackbar label element.
+     */ label: byTestId("bal-snackbar-label"),
+        /**
+     * Snackbar close element.
+     */ close: byTestId("bal-snackbar-close"),
+        /**
+     * Snackbar action element.
+     */ action: byTestId("bal-snackbar-action")
+    },
+    hint: {
+        /**
+     * Hint trigger element.
+     */ trigger: byTestId("bal-hint-trigger"),
+        /**
+     * Hint content element.
+     */ content: byTestId("bal-hint-content"),
+        /**
+     * Hint close element.
+     */ close: byTestId("bal-hint-close")
+    }
+};
+
+export { byDataSelectors as a, byTestId as b, dataTestSelector as d, parseDataTestID as p, selectors as s };

package/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@baloise/ds-testing",
+  "version": "0.0.5-nightly.e56f740",
+  "description": "The Baloise Design-System is an open source project for styling awesome web applications that follow the Baloise corporate styling guidelines.",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/baloise/design-system.git"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "homepage": "https://design.baloise.dev",
+  "license": "Apache-2.0",
+  "dependencies": {
+    "@baloise/ds-core": "0.0.5-nightly.e56f740",
+    "cypress-file-upload": "~5.0.8"
+  },
+  "type": "module",
+  "module": "./index.esm.js",
+  "main": "./dist/index.esm.js",
+  "types": "./dist/index.esm.d.ts",
+  "exports": {
+    ".": "./dist/index.esm.js",
+    "./add-custom-commands": "./dist/add-custom-commands.esm.js",
+    "./add-override-commands": "./dist/add-override-commands.esm.js",
+    "./selectors": "./dist/selectors.esm.js",
+    "./viewports": "./dist/viewports.esm.js"
+  },
+  "typesVersions": {
+    "*": {
+      ".": [
+        "./dist/index.esm.d.ts"
+      ],
+      "add-custom-commands": [
+        "./dist/add-custom-commands.esm.d.ts"
+      ],
+      "add-override-commands": [
+        "./dist/add-override-commands.esm.d.ts"
+      ],
+      "selectors": [
+        "./dist/selectors.esm.d.ts"
+      ],
+      "viewports": [
+        "./dist/viewports.esm.d.ts"
+      ]
+    }
+  }
+}

package/selectors.esm.d.ts

@@ -0,0 +1 @@
+export * from "./src/selectors";

package/selectors.esm.js

@@ -0,0 +1 @@
+export { b as byTestId, d as dataTestSelector, s as selectors } from './index.esm2.js';

package/src/add-custom-commands.d.ts

@@ -0,0 +1,36 @@
+import './commands/custom/get.types';
+import './commands/custom/component.types';
+import './commands/custom/platform.types';
+import './commands/custom/visit.types';
+import './commands/custom/get.command';
+import './commands/custom/component.command';
+import './commands/custom/platform.command';
+import './commands/custom/visit.command';
+import './commands/custom/bal-accordion.types';
+import './commands/custom/bal-datepicker.types';
+import './commands/custom/bal-popover.types';
+import './commands/custom/bal-popup.types';
+import './commands/custom/bal-hint.types';
+import './commands/custom/bal-modal.types';
+import './commands/custom/bal-pagination.types';
+import './commands/custom/bal-select.types';
+import './commands/custom/bal-snackbar.types';
+import './commands/custom/bal-steps.types';
+import './commands/custom/bal-tabs.types';
+import './commands/custom/bal-toast.types';
+import './commands/custom/bal-field.types';
+import './commands/custom/bal-input-stepper.types';
+import './commands/custom/bal-accordion.command';
+import './commands/custom/bal-datepicker.command';
+import './commands/custom/bal-popover.command';
+import './commands/custom/bal-popup.command';
+import './commands/custom/bal-hint.command';
+import './commands/custom/bal-modal.command';
+import './commands/custom/bal-pagination.command';
+import './commands/custom/bal-select.command';
+import './commands/custom/bal-snackbar.command';
+import './commands/custom/bal-steps.command';
+import './commands/custom/bal-tabs.command';
+import './commands/custom/bal-toast.command';
+import './commands/custom/bal-field.command';
+import './commands/custom/bal-input-stepper.command';

package/src/add-override-commands.d.ts

@@ -0,0 +1,9 @@
+import './commands/overrides/blur.command';
+import './commands/overrides/check.command';
+import './commands/overrides/uncheck.command';
+import './commands/overrides/clear.command';
+import './commands/overrides/click.command';
+import './commands/overrides/focus.command';
+import './commands/overrides/should.command';
+import './commands/overrides/select.command';
+import './commands/overrides/type.command';

package/src/commands/custom/bal-accordion.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-accordion.types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Asserts if the accordion is open.
+         */
+        balAccordionIsOpen(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Asserts if the accordion is closed.
+         */
+        balAccordionIsClosed(options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-datepicker.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-datepicker.types.d.ts

@@ -0,0 +1,31 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Opens and closes the datepicker popover.
+         */
+        balDatepickerToggle(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Assert if the datepicker popover is open.
+         */
+        balDatepickerIsOpen(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Assert if the datepicker popover is closed.
+         */
+        balDatepickerIsClosed(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Picks the date in the datepicker like a human.
+         */
+        balDatepickerPick(date: Date, options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Asserts if the given date is in range in the datepicker popover.
+         */
+        balDatepickerIsDateInRange(date: Date, options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Asserts if the given date is not in range in the datepicker popover.
+         */
+        balDatepickerIsDateNotInRange(date: Date, options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-field.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-field.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Returns the hint component of the label.
+         */
+        balFieldFindHint(options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-hint.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-hint.types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Returns the hint content overlay with the title, content and the close button.
+         */
+        balHintFindOverlay(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Returns the close button of the overlay content.
+         */
+        balHintFindCloseButton(options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-input-stepper.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-input-stepper.types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Increases the value of the control
+         */
+        balInputStepperIncrease(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Decreases the value of the control
+         */
+        balInputStepperDecrease(options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-modal.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-modal.types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Finds the open modal and returns it.
+         */
+        balModalFindOpen(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Assert if the modal is open.
+         */
+        balModalIsOpen(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Assert if the modal is closed. Only works for modals,
+         * which are not created with the modal service.
+         */
+        balModalIsClosed(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Closes the selected modal.
+         */
+        balModalClose(options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-pagination.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-pagination.types.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Returns all the page buttons.
+         */
+        balPaginationFindPages(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Returns the current listed page button.
+         */
+        balPaginationFindCurrentPage(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Returns the next button to navigate to next page.
+         */
+        balPaginationFindNextButton(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Returns the previous button to navigate to previous page.
+         */
+        balPaginationFindPreviousButton(options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-popover.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-popover.types.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Opens and closes the popover.
+         */
+        balPopoverToggle(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Asserts if the popover is open.
+         */
+        balPopoverIsOpen(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Asserts if the popover is closed.
+         */
+        balPopoverIsClosed(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Asserts if the trigger button contains the given content.
+         */
+        balPopoverTriggerContains(content: string | number | RegExp, options?: Partial<Loggable & Timeoutable & CaseMatchable & Shadow>): Chainable<JQuery>;
+        /**
+         * Asserts if the popover menu contains the given content.
+         */
+        balPopoverContentContains(content: string | number | RegExp, options?: Partial<Loggable & Timeoutable & CaseMatchable & Shadow>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-popup.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-popup.types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Asserts if the popover is open.
+         */
+        balPopupIsOpen(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Asserts if the popover is closed.
+         */
+        balPopupIsClosed(options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-select.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-select.types.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Returns the select options.
+         */
+        balSelectFindOptions(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Returns the closable select chips (only with multiselect).
+         */
+        balSelectFindChips(options?: Partial<Loggable>): Chainable<JQuery>;
+        /**
+         * Asserts that the select has the given options.
+         */
+        balSelectShouldHaveOptions(labels: string[], dataType?: 'label' | 'value', options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-snackbar.command.d.ts

@@ -0,0 +1 @@
+export {};

package/src/commands/custom/bal-snackbar.types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+declare namespace Cypress {
+    interface Chainable {
+        /**
+         * Returns the visible snackbars.
+         */
+        balSnackbarFind(options?: Partial<Loggable>): Chainable<JQuery>;
+    }
+}

package/src/commands/custom/bal-steps.command.d.ts

@@ -0,0 +1 @@
+export {};