@baloise/ds-testing 17.4.1 → 18.0.0-nightly.20250212

package/add-custom-commands.esm.js

@@ -1,5 +1,5 @@
 import './bal-input-stepper.command.esm.js';
-import './index.esm2.js';
+import './selectors.esm2.js';
 import './helpers.esm.js';
 import '@baloise/ds-core';
 import './viewports.esm.js';

package/add-override-commands.esm.js

@@ -1,3 +1,541 @@
-import './type.command.esm.js';
-import './index.esm2.js';
-import './helpers.esm.js';
+import { s as selectors, p as parseDataTestID, a as byDataSelectors } from './selectors.esm2.js';
+import { f as isAccordion, g as wrapCommand, h as isButton, j as isCheckbox, k as isInput, m as isInputDate, n as isNumberInput, o as isTextarea, p as isSlider, q as isRadio, r as isSelect, i as isDropDown, 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);
+});