@baloise/ds-testing 17.4.0-snapshot.1609-d2bcc38d3 → 17.4.0

package/src/selectors/selectors.util.d.ts

@@ -1,4 +1,4 @@
-export declare const byTestId: (testId: string) => string;
-export declare const dataTestSelector: (testId: string) => string;
-export declare const parseDataTestID: (testId: string) => string;
-export declare const byDataSelectors: (dateTestId: string, dataSelectors: string[], value: string) => string;
+export declare const byTestId: (testId: string) => string;
+export declare const dataTestSelector: (testId: string) => string;
+export declare const parseDataTestID: (testId: string) => string;
+export declare const byDataSelectors: (dateTestId: string, dataSelectors: string[], value: string) => string;

package/src/selectors.d.ts

@@ -1 +1 @@
-export { byTestId, dataTestSelector, selectors } from './selectors/index';
+export { byTestId, dataTestSelector, selectors } from './selectors/index';

package/src/viewports.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="cypress" />
-import { Platforms } from './commands/helpers';
-type Viewport = {
-    [key in Platforms]: Cypress.Dimensions;
-};
-export declare const balViewport: Viewport;
-export {};
+/// <reference types="cypress" />
+import { Platforms } from './commands/helpers';
+declare type Viewport = {
+    [key in Platforms]: Cypress.Dimensions;
+};
+export declare const balViewport: Viewport;
+export {};

package/type.command.esm.js

@@ -0,0 +1,541 @@
+import { s as selectors, p as parseDataTestID, a as byDataSelectors } from './index.esm2.js';
+import { g as isAccordion, i 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, f as isDropDown, r as wrapCommand, w as wrapOptions, s as isTag, u as isHint, l as log, v as hasClass, x as isLabel, y as isInputStepper, z as isTabs, A as hasTestId, B as isSteps } from './helpers.esm.js';
+
+Cypress.Commands.overwrite("blur", function(originalFn, element, options) {
+    var command = wrapCommand("blur", element, "", function($el) {
+        return originalFn($el, wrapOptions(options));
+    });
+    if (isAccordion(element)) {
+        return command(selectors.accordion.trigger);
+    }
+    if (isButton(element)) {
+        return command(selectors.button.native);
+    }
+    if (isCheckbox(element)) {
+        return command(selectors.checkbox.input);
+    }
+    if (isInput(element)) {
+        return command(selectors.input.native);
+    }
+    if (isInputDate(element)) {
+        return command(selectors.dateInput.native);
+    }
+    if (isNumberInput(element)) {
+        return command(selectors.numberInput.native);
+    }
+    if (isTextarea(element)) {
+        return command(selectors.textarea.native);
+    }
+    if (isSlider(element)) {
+        return command(selectors.slider.native);
+    }
+    if (isRadio(element)) {
+        return command(selectors.radio.input);
+    }
+    if (isSelect(element)) {
+        return command(selectors.select.input);
+    }
+    if (isDropDown(element)) {
+        return command(selectors.dropdown.input);
+    }
+    return originalFn(element, options);
+});
+
+Cypress.Commands.overwrite("check", function(originalFn, element, options) {
+    if (isRadio(element) || isCheckbox(element)) {
+        return cy.wrapComponent(element, {
+            log: false
+        }).click();
+    }
+    return originalFn(element, options);
+});
+
+Cypress.Commands.overwrite("uncheck", function(originalFn, element, options) {
+    if (isRadio(element) || isCheckbox(element)) {
+        return cy.wrapComponent(element, {
+            log: false
+        }).click();
+    }
+    return originalFn(element, options);
+});
+
+Cypress.Commands.overwrite("clear", function(originalFn, element, options) {
+    var command = wrapCommand("clear", element, "", function($el) {
+        return originalFn($el, wrapOptions(options));
+    });
+    if (isCheckbox(element)) {
+        return command(selectors.checkbox.input);
+    }
+    if (isInput(element)) {
+        return command(selectors.input.native);
+    }
+    if (isInputDate(element)) {
+        return command(selectors.dateInput.native);
+    }
+    if (isNumberInput(element)) {
+        return command(selectors.numberInput.native);
+    }
+    if (isTextarea(element)) {
+        return command(selectors.textarea.native);
+    }
+    if (isSlider(element)) {
+        return command(selectors.slider.native);
+    }
+    if (isRadio(element)) {
+        return command(selectors.radio.input);
+    }
+    if (isSelect(element)) {
+        return command(".bal-select__control__input");
+    }
+    if (isDropDown(element)) {
+        return command(selectors.dropdown.input);
+    }
+    return originalFn(element, options);
+});
+
+Cypress.Commands.overwrite("click", function(originalFn, element, options) {
+    var command = function(selector) {
+        return cy.wrapComponent(element, {
+            log: false
+        }).waitForComponents({
+            log: false
+        }).find(selector, {
+            log: false
+        }).click({
+            force: true,
+            log: false
+        }).then(function($el) {
+            return log("click", "", $el);
+        }).wrapComponent(element, {
+            log: false
+        });
+    };
+    if (isAccordion(element)) {
+        return command(selectors.accordion.trigger);
+    }
+    if (isButton(element)) {
+        return command(selectors.button.native);
+    }
+    if (isCheckbox(element)) {
+        return command(selectors.checkbox.label);
+    }
+    if (isRadio(element)) {
+        return command(selectors.radio.label);
+    }
+    if (isTag(element)) {
+        return command(selectors.tag.close);
+    }
+    if (isHint(element)) {
+        return command(selectors.hint.trigger);
+    }
+    if (isDropDown(element)) {
+        return command(selectors.dropdown.trigger);
+    }
+    return originalFn(element, options);
+});
+
+Cypress.Commands.overwrite("focus", function(originalFn, element, options) {
+    var command = wrapCommand("focus", element, "", function($el) {
+        return originalFn($el, wrapOptions(options));
+    });
+    if (isAccordion(element)) {
+        return command(selectors.accordion.trigger);
+    }
+    if (isButton(element)) {
+        return command(selectors.button.native);
+    }
+    if (isCheckbox(element)) {
+        return command(selectors.checkbox.input);
+    }
+    if (isInput(element)) {
+        return command(selectors.input.native);
+    }
+    if (isInputDate(element)) {
+        return command(selectors.dateInput.native);
+    }
+    if (isNumberInput(element)) {
+        return command(selectors.numberInput.native);
+    }
+    if (isTextarea(element)) {
+        return command(selectors.textarea.native);
+    }
+    if (isSlider(element)) {
+        return command(selectors.slider.native);
+    }
+    if (isRadio(element)) {
+        return command(selectors.radio.input);
+    }
+    if (isSelect(element)) {
+        return command(selectors.select.input);
+    }
+    if (isDropDown(element)) {
+        return command(selectors.dropdown.input);
+    }
+    return originalFn(element, options);
+});
+
+var shouldAndAndCommand = function(originalFn, element, condition, key, value, options) {
+    if (isAccordion(element)) {
+        if ([
+            "be.disabled",
+            "not.be.disabled",
+            "be.focused",
+            "not.be.focused"
+        ].includes(condition)) {
+            return originalFn(element.find(selectors.accordion.trigger, {
+                log: false
+            }), condition, key, value, options);
+        }
+    }
+    if (isButton(element)) {
+        if ([
+            "be.disabled",
+            "not.be.disabled",
+            "be.focused",
+            "not.be.focused"
+        ].includes(condition)) {
+            return originalFn(element.find(selectors.button.native, {
+                log: false
+            }), condition, key, value, options);
+        }
+    }
+    if (isCheckbox(element) || isRadio(element) || hasClass(element, "bal-radio-checkbox__label")) {
+        if (isLabel(element)) {
+            element = element.closest(isCheckbox(element) ? "<bal-checkbox>" : "<bal-radio>", {
+                log: false
+            });
+        }
+        if ("be.checked" === condition) {
+            return originalFn(element, "have.attr", "aria-checked", "true", options);
+        }
+        if ("not.be.checked" === condition) {
+            return originalFn(element, "have.attr", "aria-checked", "false", options);
+        }
+        if ("be.disabled" === condition) {
+            return originalFn(element, "have.attr", "aria-disabled", "true", options);
+        }
+        if ("not.be.disabled" === condition) {
+            return originalFn(element, "not.have.attr", "aria-disabled", options);
+        }
+        if ("be.focused" === condition) {
+            return originalFn(element, "have.attr", "aria-focused", "true", options);
+        }
+        if ("not.be.focused" === condition) {
+            return originalFn(element, "not.have.attr", "aria-focused", options);
+        }
+    }
+    if (isInputStepper(element)) {
+        if ("be.disabled" === condition) {
+            return originalFn(element, "have.attr", "aria-disabled", "true", options);
+        }
+        if ("not.be.disabled" === condition) {
+            return originalFn(element, "not.have.attr", "aria-disabled", options);
+        }
+        if ("be.focused" === condition) {
+            return originalFn(element.find("input"), condition, key, value, options);
+        }
+        if ("not.be.focused" === condition) {
+            return originalFn(element.find("input"), condition, key, value, options);
+        }
+        if ("have.value" === condition) {
+            return originalFn(element.find("input"), condition, key, value, options);
+        }
+        if ("not.have.value" === condition) {
+            return originalFn(element.find("input"), condition, key, value, options);
+        }
+    }
+    if (isInput(element)) {
+        if ([
+            "be.disabled",
+            "not.be.disabled",
+            "be.focused",
+            "not.be.focused",
+            "have.value",
+            "not.have.value"
+        ].includes(condition)) {
+            return originalFn(element.find(selectors.input.native, {
+                log: false
+            }), condition, key, value, options);
+        }
+    }
+    if (isInputDate(element)) {
+        if ([
+            "be.disabled",
+            "not.be.disabled",
+            "be.focused",
+            "not.be.focused",
+            "have.value",
+            "not.have.value"
+        ].includes(condition)) {
+            return originalFn(Cypress.$(element[0]).find(selectors.dateInput.native), condition, key, value, options);
+        }
+    }
+    if (isNumberInput(element)) {
+        if ([
+            "be.disabled",
+            "not.be.disabled",
+            "be.focused",
+            "not.be.focused",
+            "have.value",
+            "not.have.value"
+        ].includes(condition)) {
+            return originalFn(element.find(selectors.numberInput.native, {
+                log: false
+            }), condition, key, value, options);
+        }
+    }
+    if (isTextarea(element)) {
+        if ([
+            "be.disabled",
+            "not.be.disabled",
+            "be.focused",
+            "not.be.focused",
+            "have.value",
+            "not.have.value"
+        ].includes(condition)) {
+            return originalFn(element.find(selectors.textarea.native, {
+                log: false
+            }), condition, key, value, options);
+        }
+    }
+    if (isSlider(element)) {
+        if ([
+            "be.disabled",
+            "not.be.disabled",
+            "be.focused",
+            "not.be.focused",
+            "have.value",
+            "not.have.value"
+        ].includes(condition)) {
+            return originalFn(element.find(selectors.slider.native, {
+                log: false
+            }), condition, key, value, options);
+        }
+    }
+    if (isSelect(element)) {
+        switch(condition){
+            case "have.focus":
+            case "not.have.focus":
+            case "be.disabled":
+            case "not.be.disabled":
+                return originalFn(element.find(selectors.select.input, {
+                    log: false
+                }), condition, key, value, options);
+            case "have.value":
+                if (typeof key === "string") {
+                    return originalFn(element.find(selectors.select.input, {
+                        log: false
+                    }), condition, key, value, options);
+                }
+                return originalFn(element, "have.attr", "data-value", key.join(","), value);
+            case "not.have.value":
+                if (typeof key === "string") {
+                    return originalFn(element.find(selectors.select.input, {
+                        log: false
+                    }), condition, key, value, options);
+                }
+                return originalFn(element, "not.have.attr", "data-value", key.join(","), value);
+        }
+    }
+    if (hasClass(element, "bal-dropdown__root__input")) {
+        var parseKey = function() {
+            return typeof key === "string" ? key : key.map(function(k) {
+                return k.trim();
+            }).sort().join(",");
+        };
+        switch(condition){
+            case "have.value":
+                return originalFn(element, "have.attr", "data-label", parseKey(), value);
+            case "not.have.value":
+                return originalFn(element, "not.have.attr", "data-label", parseKey(), value);
+        }
+    }
+    if (isDropDown(element)) {
+        var nativeEl = element.find(selectors.dropdown.input, {
+            log: false
+        });
+        var parseKey1 = function() {
+            return typeof key === "string" ? key : key.map(function(k) {
+                return k.trim();
+            }).sort().join(",");
+        };
+        switch(condition){
+            case "have.focus":
+            case "not.have.focus":
+            case "be.disabled":
+            case "not.be.disabled":
+                return originalFn(nativeEl, condition, key, value, options);
+            case "have.value":
+                return originalFn(nativeEl, "have.attr", "data-label", parseKey1(), value);
+            case "not.have.value":
+                return originalFn(nativeEl, "not.have.attr", "data-label", parseKey1(), value);
+        }
+    }
+    if (isTabs(element)) {
+        switch(condition){
+            case "have.value":
+                return originalFn(element, "have.attr", "data-label", key, value);
+            case "not.have.value":
+                return originalFn(element, "not.have.attr", "data-label", key, value);
+        }
+    }
+    if (hasTestId(element, parseDataTestID(selectors.tabs.item))) {
+        switch(condition){
+            case "have.value":
+                return originalFn(element, "have.attr", "data-label", key, value);
+            case "not.have.value":
+                return originalFn(element, "not.have.attr", "data-label", key, value);
+            case "be.disabled":
+                return originalFn(element, "have.attr", "aria-disabled", "true");
+            case "not.be.disabled":
+                return originalFn(element, "not.have.attr", "aria-disabled", "false");
+        }
+    }
+    if (isSteps(element)) {
+        switch(condition){
+            case "have.value":
+                return originalFn(element, "have.attr", "data-label", key, value);
+            case "not.have.value":
+                return originalFn(element, "not.have.attr", "data-label", key, value);
+        }
+    }
+    if (hasTestId(element, parseDataTestID(selectors.steps.option))) {
+        switch(condition){
+            case "have.value":
+                return originalFn(element, "have.attr", "data-label", key, value);
+            case "not.have.value":
+                return originalFn(element, "not.have.attr", "data-label", key, value);
+            case "be.disabled":
+                return originalFn(element, "have.attr", "aria-disabled", "true");
+            case "not.be.disabled":
+                return originalFn(element, "not.have.attr", "aria-disabled", "false");
+        }
+    }
+    return originalFn(element, condition, key, value, options);
+};
+Cypress.Commands.overwrite("should", shouldAndAndCommand);
+Cypress.Commands.overwrite("and", shouldAndAndCommand);
+
+Cypress.Commands.overwrite("select", function(originalFn, element, values, options) {
+    if (isSelect(element)) {
+        var valueArray = [];
+        if (typeof values === "string") {
+            valueArray.push(values);
+        } else {
+            valueArray = [].concat(values);
+        }
+        if (valueArray.length === 0) {
+            return cy.wrap(element).clear();
+        }
+        var selectContext = [];
+        for(var index = 0; index < valueArray.length; index++){
+            var val = valueArray[index];
+            selectContext.push(selectors.select.options + '[data-label="' + val + '"]');
+            selectContext.push(selectors.select.options + '[data-value="' + val + '"]');
+        }
+        return cy.wrap(element, {
+            log: false
+        }).find(selectContext.join(", ")).click({
+            multiple: values.length > 1
+        }).wrap(element, {
+            log: false
+        });
+    }
+    if (isDropDown(element)) {
+        var valueArray1 = [];
+        if (typeof values === "string") {
+            valueArray1.push(values);
+        } else {
+            valueArray1 = [].concat(values);
+        }
+        log("select", valueArray1, element, options);
+        if (valueArray1.length === 0) {
+            return cy.wrap(element, {
+                log: false
+            }).clear({
+                log: false
+            });
+        }
+        return cy.wrap(element, {
+            log: false
+        }).within({
+            log: false
+        }, function() {
+            for(var index = 0; index < valueArray1.length; index++){
+                var label = valueArray1[index];
+                cy.getByRole("option", {
+                    name: label,
+                    log: false
+                }).click({
+                    log: false
+                });
+            }
+        }).wrap(element, {
+            log: false
+        });
+    }
+    if (isTabs(element)) {
+        if (typeof values === "string") {
+            return cy.wrap(element, {
+                log: false
+            }).find(byDataSelectors(selectors.tabs.item, [
+                "label",
+                "value",
+                "index"
+            ], values), {
+                log: false
+            }).click().wrap(element, {
+                log: false
+            });
+        }
+    }
+    if (isSteps(element)) {
+        if (typeof values === "string") {
+            return cy.wrap(element, {
+                log: false
+            }).find(byDataSelectors(selectors.steps.option, [
+                "label",
+                "value",
+                "index"
+            ], values), {
+                log: false
+            }).click().wrap(element, {
+                log: false
+            });
+        }
+    }
+    return originalFn(element, values, options);
+});
+
+Cypress.Commands.overwrite("type", function(originalFn, element, content, options) {
+    var command = wrapCommand("type", element, content, function($el) {
+        return originalFn($el, content, wrapOptions(options));
+    });
+    if (isInput(element)) {
+        return command(selectors.input.native);
+    }
+    if (isDropDown(element)) {
+        return command(selectors.dropdown.input);
+    }
+    if (isInputDate(element)) {
+        return command(selectors.dateInput.native);
+    }
+    if (isNumberInput(element)) {
+        return command(selectors.numberInput.native);
+    }
+    if (isTextarea(element)) {
+        return command(selectors.textarea.native);
+    }
+    if (isSlider(element)) {
+        return cy.wrap(element, {
+            log: false
+        }).find(selectors.slider.native, {
+            log: false
+        }).invoke("val", parseFloat(content)).trigger("change", {
+            log: false
+        }).wrap(element, {
+            log: false
+        });
+    }
+    return originalFn(element, content, options);
+});