@baloise/ds-testing 0.0.5-nightly.e56f740

package/type.command.esm.js

@@ -0,0 +1,471 @@
+import { s as selectors, p as parseDataTestID, a as byDataSelectors } from './index.esm2.js';
+import { f as isAccordion, i as isButton, g as isCheckbox, h as isDatepicker, j as isInput, k as isInputDate, m as isNumberInput, n as isTextarea, o as isSlider, p as isRadio, q as isSelect, r as wrapCommand, w as wrapOptions, s as isTag, u as hasClass, v as isHint, 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 (isDatepicker(element)) {
+        return command(selectors.datepicker.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);
+    }
+    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 (isDatepicker(element)) {
+        return command(selectors.datepicker.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");
+    }
+    return originalFn(element, options);
+});
+
+Cypress.Commands.overwrite("click", function(originalFn, element, options) {
+    var command = wrapCommand("click", 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.label);
+    }
+    if (isDatepicker(element)) {
+        return command(selectors.datepicker.input);
+    }
+    if (isRadio(element)) {
+        return command(selectors.radio.label);
+    }
+    if (isTag(element) && hasClass(element, "sc-bal-select")) {
+        return command(".delete");
+    }
+    if (isHint(element)) {
+        return command(selectors.hint.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 (isDatepicker(element)) {
+        return command(selectors.datepicker.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);
+    }
+    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 (isDatepicker(element)) {
+        switch(condition){
+            case "have.focus":
+            case "not.have.focus":
+            case "have.value":
+            case "not.have.value":
+            case "be.disabled":
+            case "not.be.disabled":
+                return originalFn(element.find(selectors.datepicker.input, {
+                    log: false
+                }), 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 (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 (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 (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);
+});

package/viewports.esm.d.ts

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

package/viewports.esm.js

@@ -0,0 +1,46 @@
+var balViewport = {
+    mobile: {
+        width: 375,
+        height: 667,
+        x: 0,
+        y: 0
+    },
+    tablet: {
+        width: 769,
+        height: 1024,
+        x: 0,
+        y: 0
+    },
+    touch: {
+        width: 769,
+        height: 1024,
+        x: 0,
+        y: 0
+    },
+    desktop: {
+        width: 1024,
+        height: 1280,
+        x: 0,
+        y: 0
+    },
+    highDefinition: {
+        width: 1280,
+        height: 1440,
+        x: 0,
+        y: 0
+    },
+    widescreen: {
+        width: 1440,
+        height: 1920,
+        x: 0,
+        y: 0
+    },
+    fullhd: {
+        width: 1920,
+        height: 1920,
+        x: 0,
+        y: 0
+    }
+};
+
+export { balViewport };