@baloise/ds-testing 0.0.5-nightly.20240301

package/bal-input-stepper.command.esm.js

@@ -0,0 +1,685 @@
+import { b as byTestId, s as selectors } from './index.esm2.js';
+import { w as wrapOptions, l as log, c as checkAriaLabel, a as waitAfterFramePaint, b as waitAfterIdleCallback, d as areComponentsReady, e as deepReady, _ as _extends } from './helpers.esm.js';
+import { balViewport } from './viewports.esm.js';
+
+Cypress.Commands.add("getByTestId", function(testID, options) {
+    var o = wrapOptions(options);
+    var element = cy.get(byTestId(testID), o).waitForComponents(o);
+    element.then(o, function($el) {
+        return log("getByTestId", testID, $el, options);
+    });
+    return element;
+});
+Cypress.Commands.add("getDescribingElement", {
+    prevSubject: [
+        "element"
+    ]
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrap(subject, o).then(function(subjectElement) {
+        var ariaDescribedBy = subjectElement.attr("aria-describedby");
+        if (ariaDescribedBy) {
+            return cy.get('[id="' + ariaDescribedBy + '"]', o).then(o, function($el) {
+                return log("-getDescribingElement", ariaDescribedBy, $el, options);
+            });
+        } else {
+            throw new Error("The subject element does not have an aria-describedby attribute.");
+        }
+    });
+});
+Cypress.Commands.add("shouldBeInvalid", {
+    prevSubject: [
+        "element"
+    ]
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    cy.wrap(subject, o).should("have.attr", "aria-invalid", "true");
+});
+Cypress.Commands.add("shouldBeValid", {
+    prevSubject: [
+        "element"
+    ]
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    cy.wrap(subject, o).should("not.have.attr", "aria-invalid", "true");
+});
+Cypress.Commands.add("getByLabelText", {
+    prevSubject: [
+        "optional"
+    ]
+}, function(subject, labelText, options) {
+    var o = wrapOptions(options);
+    if (subject) {
+        return cy.wrap(subject, o).contains("label", labelText, o).invoke(o, "attr", "for").then(function(forAttributeValue) {
+            return cy.get('input[id="' + forAttributeValue + '"], textarea[id="' + forAttributeValue + '"]', o);
+        }).then(o, function($el) {
+            return log(!!subject ? "-getByLabelText" : "getByLabelText", labelText, $el, options);
+        });
+    } else {
+        return cy.contains("label", labelText, o).invoke(o, "attr", "for").then(function(forAttributeValue) {
+            return cy.get('input[id="' + forAttributeValue + '"], textarea[id="' + forAttributeValue + '"]', o);
+        }).then(o, function($el) {
+            return log(!!subject ? "-getByLabelText" : "getByLabelText", labelText, $el, options);
+        });
+    }
+});
+Cypress.Commands.add("getByPlaceholder", {
+    prevSubject: [
+        "optional"
+    ]
+}, function(subject, placeholder, options) {
+    var o = wrapOptions(options);
+    var element = subject ? cy.wrap(subject, o).find('input[placeholder="' + placeholder + '"], textarea[placeholder="' + placeholder + '"]', o).waitForComponents(o) : cy.get('input[placeholder="' + placeholder + '"], textarea[placeholder="' + placeholder + '"]', o).waitForComponents(o);
+    element.then(o, function($el) {
+        return log(!!subject ? "-getByPlaceholder" : "getByPlaceholder", placeholder, $el, options);
+    });
+    return element;
+});
+Cypress.Commands.add("getByRole", {
+    prevSubject: [
+        "optional"
+    ]
+}, function(subject, role, options) {
+    var findElements = function findElements() {
+        return subject ? cy.wrap(subject, o).find(role + ', [role="' + role + '"]', o) : cy.get(role + ', [role="' + role + '"]', o);
+    };
+    var filterVisibleElements = function filterVisibleElements(elements) {
+        return elements.filter(function(element) {
+            var isElementAriaHidden = options.hidden === true ? false : !!Cypress.$(element).attr("aria-hidden");
+            return !isElementAriaHidden;
+        });
+    };
+    var filterLabeling = function filterLabeling(elements) {
+        return elements.filter(function(element) {
+            return checkAriaLabel(element, options.name);
+        });
+    };
+    var o = wrapOptions(options);
+    return findElements().then(function($buttons) {
+        var buttons = $buttons.toArray();
+        var visibleElements = filterVisibleElements(buttons);
+        var labeledElements = filterLabeling(visibleElements);
+        if (labeledElements.length > 0) {
+            var firstElement = cy.wrap(labeledElements[0]).waitForComponents();
+            firstElement.then(o, function($el) {
+                return log(!!subject ? "-getByRole" : "getByRole", role + " " + JSON.stringify(options), $el, options);
+            });
+            return firstElement;
+        }
+        return subject;
+    });
+});
+Cypress.Commands.add("getControl", {
+    prevSubject: [
+        "element"
+    ]
+}, function(subject, labelText, options) {
+    var o = wrapOptions(options);
+    var clearedLabelText = ("" + (labelText || "")).trim();
+    return cy.wrap(subject, o).invoke(o, "attr", "id").then(function(id) {
+        return cy.get('button[aria-controls="' + id + '"]', o);
+    }).filter(function(_index, element) {
+        return checkAriaLabel(element, clearedLabelText);
+    }, o).then(o, function($el) {
+        return log("-getControl", "" + labelText, $el, options);
+    });
+});
+
+Cypress.Commands.add("waitForBrowser", {
+    prevSubject: "optional"
+}, function(subject, options) {
+    log("waitForBrowser", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrap(subject, o).then(function() {
+        return waitAfterFramePaint();
+    }).then(function() {
+        return waitAfterIdleCallback();
+    }).wait(300, o) // animation timeout
+    .wrap(subject, o);
+});
+Cypress.Commands.add("waitAfterIdleCallback", {
+    prevSubject: "optional"
+}, function(subject, options) {
+    log("waitAfterIdleCallback", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrap(subject, o).then(function() {
+        return waitAfterIdleCallback();
+    }).wrap(subject, o);
+});
+Cypress.Commands.add("waitAfterFramePaint", {
+    prevSubject: "optional"
+}, function(subject, options) {
+    log("waitAfterFramePaint", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrap(subject, o).then(function() {
+        return waitAfterFramePaint();
+    }).wrap(subject, o);
+});
+Cypress.Commands.add("waitForComponents", {
+    prevSubject: "optional"
+}, function(subject, options) {
+    cy.document({
+        log: false
+    }).then(function(document) {
+        return document.fonts.ready;
+    });
+    log("waitForComponents", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrap(subject, o).then(function($el) {
+        return areComponentsReady($el);
+    }).then(function() {
+        return waitAfterFramePaint();
+    }).then(function() {
+        return waitAfterIdleCallback(o.timeout);
+    }).wrap(subject, o);
+});
+Cypress.Commands.add("wrapComponent", {
+    prevSubject: false
+}, function(element, options) {
+    log("wrapComponent", "", element, options);
+    var o = wrapOptions(options);
+    return cy.wrap(element, o);
+});
+Cypress.Commands.add("getComponent", {
+    prevSubject: false
+}, function(selector, options) {
+    log("getComponent", selector, null, options);
+    var o = wrapOptions(options);
+    return cy.get(selector, o).waitForComponents(o);
+});
+Cypress.Commands.add("disableAnimation", function() {
+    cy.window({
+        log: false
+    }).then(function(win) {
+        win.BaloiseDesignSystem.config.animated = false;
+    });
+});
+Cypress.Commands.add("disableLogger", function() {
+    cy.window({
+        log: false
+    }).then(function(win) {
+        win.BaloiseDesignSystem.config.logger = {
+            components: [],
+            event: false,
+            lifecycle: false,
+            render: false,
+            custom: false
+        };
+    });
+});
+Cypress.Commands.add("waitForDesignSystem", function() {
+    cy.document({
+        log: false
+    }).then(function(document) {
+        return document.fonts.ready;
+    });
+    cy.get("bal-app,.bal-app", {
+        log: false
+    }).first({
+        log: false
+    }).then(function($app) {
+        Cypress.log({
+            type: "parent",
+            $el: $app,
+            displayName: "bal-app",
+            message: "wait for DesignSystem to be ready"
+        });
+    }).waitForComponents({
+        log: false
+    }).invoke({
+        log: false
+    }, "attr", "ready").should(function($el) {
+        expect($el, "if bal-app is ready").to.eq("");
+    }).disableAnimation().disableLogger();
+    cy.get("bal-app,.bal-app", {
+        log: false
+    }).first({
+        log: false
+    }).then(function($app) {
+        Cypress.log({
+            type: "parent",
+            $el: $app,
+            displayName: "bal-app",
+            message: "DesignSystem is ready \uD83D\uDE80"
+        });
+    }).then(function() {
+        return waitAfterFramePaint();
+    }).then(function() {
+        return waitAfterIdleCallback();
+    });
+});
+
+Cypress.Commands.add("platform", function(platform) {
+    Cypress.log({
+        name: "platform",
+        displayName: "platform",
+        message: platform
+    });
+    var key = platform || "desktop";
+    var viewport = balViewport[key];
+    return cy.viewport(viewport.width, viewport.height, {
+        log: false
+    }).then(function() {
+        return waitAfterFramePaint();
+    }).then(function() {
+        return waitAfterIdleCallback();
+    }).wait(32);
+});
+
+Cypress.Commands.add("visitBalApp", function(url, options) {
+    cy.visit(url, options);
+    cy.get("bal-app,bal-doc-app,.bal-app", {
+        log: false
+    }).first({
+        log: false
+    }).then(function($app) {
+        return new Cypress.Promise(function(resolve) {
+            deepReady($app.get(0)).then(function() {
+                return resolve();
+            });
+            Cypress.log({
+                type: "parent",
+                $el: $app,
+                displayName: "bal-app",
+                message: "is ready \uD83D\uDE80"
+            });
+        });
+    });
+});
+
+Cypress.Commands.add("balAccordionIsOpen", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balAccordionIsOpen", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("have.class", "bal-accordion--active", "true");
+});
+Cypress.Commands.add("balAccordionIsClosed", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balAccordionIsClosed", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("not.have.class", "bal-accordion--active");
+});
+
+var getYear = function(date) {
+    return date.getFullYear();
+};
+var getMonth = function(date) {
+    return date.getMonth();
+};
+var formatDateString = function(date) {
+    var day = "" + date.getDate();
+    var month = "" + (date.getMonth() + 1);
+    var pad = function(text) {
+        return text.length === 1 ? "0" + text : text;
+    };
+    return date.getFullYear() + "-" + pad(month) + "-" + pad(day);
+};
+var selectorDayBox = function(date) {
+    return '[data-date="' + formatDateString(date) + '"]';
+};
+Cypress.Commands.add("balDatepickerToggle", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balDatepickerToggle", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(".datepicker-trigger-icon", o).click(o).wrapComponent(subject, o);
+});
+Cypress.Commands.add("balDatepickerIsOpen", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balDatepickerIsOpen", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find("bal-popover", o).should("have.attr", "aria-presented", "true").wrapComponent(subject, o);
+});
+Cypress.Commands.add("balDatepickerIsClosed", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balDatepickerIsClosed", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find("bal-popover", o).should("not.have.attr", "aria-presented").wrapComponent(subject, o);
+});
+Cypress.Commands.add("balDatepickerPick", {
+    prevSubject: true
+}, function(subject, date, options) {
+    log("balDatepickerPick", formatDateString(date), subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).balDatepickerIsOpen(o).within(function() {
+        cy.get(".bal-datepicker-pagination__month-and-year__select--month select", o).first(o).select(getMonth(date).toString(), o);
+        cy.get(".bal-datepicker-pagination__month-and-year__select--year select", o).first(o).select(getYear(date).toString(), o);
+        cy.get(selectorDayBox(date), o).click(o);
+    }).wrapComponent(subject, o);
+});
+Cypress.Commands.add("balDatepickerIsDateInRange", {
+    prevSubject: true
+}, function(subject, date, options) {
+    log("balDatepickerIsDateInRange", formatDateString(date), subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectorDayBox(date), _extends({}, o, {
+        force: true
+    })).should("not.have.class", "is-disabled").wrapComponent(subject, o);
+});
+Cypress.Commands.add("balDatepickerIsDateNotInRange", {
+    prevSubject: true
+}, function(subject, date, options) {
+    log("balDatepickerIsDateNotInRange", formatDateString(date), subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectorDayBox(date), _extends({}, o, {
+        force: true
+    })).should("have.class", "is-disabled").wrapComponent(subject, o);
+});
+
+Cypress.Commands.add("balPopoverToggle", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balPopoverToggle", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find("[" + selectors.popover.trigger + "]", o).click(o).wrapComponent(subject, o);
+});
+Cypress.Commands.add("balPopoverIsOpen", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balPopoverIsOpen", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("have.attr", "aria-presented", "true");
+});
+Cypress.Commands.add("balPopoverIsClosed", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balPopoverIsClosed", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("not.have.attr", "aria-presented");
+});
+Cypress.Commands.add("balPopoverTriggerContains", {
+    prevSubject: true
+}, function(subject, content, options) {
+    log("balPopoverTriggerContains", content, subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find("[" + selectors.popover.trigger + "]", o).contains(content, options).wrapComponent(subject, o);
+});
+Cypress.Commands.add("balPopoverContentContains", {
+    prevSubject: true
+}, function(subject, content, options) {
+    log("balPopoverContentContains", content, subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.popover.content, o).contains(content, options).wrapComponent(subject, o);
+});
+
+Cypress.Commands.add("balPopupIsOpen", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balPopupIsOpen", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("have.attr", "aria-presented", "true");
+});
+Cypress.Commands.add("balPopupIsClosed", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balPopupIsClosed", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("not.have.attr", "aria-presented");
+});
+
+Cypress.Commands.add("balHintFindOverlay", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.hint.content, o).then(function($el) {
+        log("balHintFindOverlay", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+Cypress.Commands.add("balHintFindCloseButton", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.hint.close, o).then(function($el) {
+        log("balHintFindCloseButton", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+
+Cypress.Commands.add("balModalFindOpen", {
+    prevSubject: false
+}, function(options) {
+    var o = wrapOptions(options);
+    return cy.getComponent('bal-modal[aria-presented="true"]', o).then(function($el) {
+        log("balModalFindOpen", "", $el, options);
+        return $el;
+    }).waitForComponents();
+});
+Cypress.Commands.add("balModalIsOpen", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balAccordionIsOpen", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("have.attr", "aria-presented", "true");
+});
+Cypress.Commands.add("balModalIsClosed", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balModalIsClosed", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("not.have.attr", "aria-presented");
+});
+Cypress.Commands.add("balModalClose", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balModalIsClosed", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).then(function($modal) {
+        return cy.wrapComponent($modal, o).find(".data-test-modal-close", o).waitForComponents().click();
+    });
+});
+
+Cypress.Commands.add("balPaginationFindPages", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.pagination.pages + ":visible", o).then(function($el) {
+        log("balPaginationFindPages", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+Cypress.Commands.add("balPaginationFindCurrentPage", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find("" + selectors.pagination.button + ".is-primary:visible", o).then(function($el) {
+        log("balPaginationFindCurrentPage", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+Cypress.Commands.add("balPaginationFindNextButton", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.pagination.next, o).then(function($el) {
+        log("balPaginationFindNextButton", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+Cypress.Commands.add("balPaginationFindPreviousButton", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.pagination.previous, o).then(function($el) {
+        log("balPaginationFindPreviousButton", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+
+Cypress.Commands.add("balSelectFindOptions", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.select.options, o).then(function($el) {
+        log("balSelectFindOptions", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+Cypress.Commands.add("balSelectShouldHaveOptions", {
+    prevSubject: true
+}, function(subject, labels, dataKey, options) {
+    if (dataKey === void 0) dataKey = "label";
+    log("balAccordionIsOpen", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).balSelectFindOptions(o).should(function($o) {
+        var dataItems = $o.map(function(_, el) {
+            return Cypress.$(el).attr("data-" + dataKey);
+        });
+        expect(dataItems.get()).to.deep.eq(labels);
+    });
+});
+Cypress.Commands.add("balSelectFindChips", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.select.chips, o).then(function($el) {
+        log("balSelectFindChips", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+
+Cypress.Commands.add("balSnackbarFind", {
+    prevSubject: false
+}, function(options) {
+    var o = wrapOptions(options);
+    return cy.getComponent(selectors.snackbar.main, o).then(function($el) {
+        log("balSnackbarFind", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+
+Cypress.Commands.add("balStepsFindItems", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.steps.option, o).then(function($el) {
+        log("balStepsFindItems", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+Cypress.Commands.add("balStepsFindLabel", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.steps.optionLabel, o).then(function($el) {
+        log("balStepsFindLabel", "", $el, options);
+        return $el;
+    });
+});
+Cypress.Commands.add("balStepsShouldHaveItems", {
+    prevSubject: true
+}, function(subject, labels, dataKey, options) {
+    if (dataKey === void 0) dataKey = "label";
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).balStepsFindItems(o).should(function($o) {
+        var dataItems = $o.map(function(_, el) {
+            return Cypress.$(el).attr("data-" + dataKey);
+        });
+        expect(dataItems.get()).to.deep.eq(labels);
+    });
+});
+Cypress.Commands.add("balStepsItemShouldHaveState", {
+    prevSubject: true
+}, function(subject, state, options) {
+    if (state === void 0) state = "done";
+    log("balStepsItemShouldHaveState", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("have.class", "bal-steps__nav__item--" + state);
+});
+Cypress.Commands.add("balStepsItemShouldNotHaveState", {
+    prevSubject: true
+}, function(subject, state, options) {
+    if (state === void 0) state = "done";
+    log("balStepsItemShouldNotHaveState", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("not.have.class", "bal-steps__nav__item--" + state);
+});
+
+Cypress.Commands.add("balTabsFindItems", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.tabs.item, o).then(function($el) {
+        log("balTabsFindItems", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+Cypress.Commands.add("balTabsFindLabel", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.tabs.itemLabel, o).then(function($el) {
+        log("balTabsFindLabel", "", $el, options);
+        return $el;
+    });
+});
+Cypress.Commands.add("balTabsShouldHaveItems", {
+    prevSubject: true
+}, function(subject, labels, dataKey, options) {
+    if (dataKey === void 0) dataKey = "label";
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).balTabsFindItems(o).should(function($o) {
+        var dataItems = $o.map(function(_, el) {
+            return Cypress.$(el).attr("data-" + dataKey);
+        });
+        expect(dataItems.get()).to.deep.eq(labels);
+    });
+});
+Cypress.Commands.add("balTabItemShouldHaveState", {
+    prevSubject: true
+}, function(subject, state, options) {
+    if (state === void 0) state = "done";
+    log("balTabItemShouldHaveState", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).should("have.class", "bal-tabs__steps__item--" + state);
+});
+Cypress.Commands.add("balTabItemShouldBeActive", {
+    prevSubject: true
+}, function(subject, active, options) {
+    if (active === void 0) active = true;
+    log("balTabItemShouldBeActive", "", subject, options);
+    var o = wrapOptions(options);
+    if (active) {
+        return cy.wrapComponent(subject, o).should("have.class", "bal-tabs__steps__item--active");
+    }
+    return cy.wrapComponent(subject, o).should("not.have.class", "bal-tabs__steps__item--active");
+});
+
+Cypress.Commands.add("balToastFind", {
+    prevSubject: false
+}, function(options) {
+    var o = wrapOptions(options);
+    return cy.getComponent(selectors.toast.main, o).then(function($el) {
+        log("balToastFind", "", $el, options);
+        return $el;
+    }).waitForComponents(o);
+});
+
+Cypress.Commands.add("balFieldFindHint", {
+    prevSubject: true
+}, function(subject, options) {
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find(selectors.field.hint, o).then(function($el) {
+        log("balFieldFindHint", "", $el, options);
+        return $el;
+    }).waitForComponents();
+});
+
+Cypress.Commands.add("balInputStepperIncrease", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balInputStepperIncrease", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find('[data-testid="bal-input-stepper-increase"]', o).click(o).wrapComponent(subject, o);
+});
+Cypress.Commands.add("balInputStepperDecrease", {
+    prevSubject: true
+}, function(subject, options) {
+    log("balInputStepperDecrease", "", subject, options);
+    var o = wrapOptions(options);
+    return cy.wrapComponent(subject, o).find('[data-testid="bal-input-stepper-decrease"]', o).click(o).wrapComponent(subject, o);
+});