@baloise/ds-testing 16.8.0 → 17.0.0-nightly.20241202

package/add-custom-commands.esm.js

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

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

@@ -1,5 +1,6 @@
 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, f as isDropDown } from './helpers.esm.js';
+import { w as wrapOptions, l as log, c as checkAriaLabel, a as waitAfterFramePaint, b as waitAfterIdleCallback, d as areComponentsReady, e as deepReady, f as isDropDown } from './helpers.esm.js';
+import { waitAfterLargestContentfulPaintCallback } from '@baloise/ds-core';
 import { balViewport } from './viewports.esm.js';
 
 Cypress.Commands.add("getByTestId", function(testID, options) {
@@ -242,7 +243,7 @@ Cypress.Commands.add("waitForDesignSystem", function() {
             message: "DesignSystem is ready \uD83D\uDE80"
         });
     }).then(function() {
-        return waitAfterFramePaint();
+        return waitAfterLargestContentfulPaintCallback();
     }).then(function() {
         return waitAfterIdleCallback();
     });
@@ -303,74 +304,6 @@ Cypress.Commands.add("balAccordionIsClosed", {
     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) {

package/helpers.esm.js

@@ -247,9 +247,6 @@ var isButton = function(el) {
 var isCheckbox = function(el) {
     return isElement(el, "BAL-CHECKBOX");
 };
-var isDatepicker = function(el) {
-    return isElement(el, "BAL-DATEPICKER");
-};
 var isNumberInput = function(el) {
     return isElement(el, "BAL-NUMBER-INPUT");
 };
@@ -368,4 +365,4 @@ function checkAriaLabel(element, label) {
     ].includes(label.trim());
 }
 
-export { isTabs as A, hasTestId as B, isSteps as C, _extends as _, waitAfterFramePaint as a, waitAfterIdleCallback as b, checkAriaLabel as c, areComponentsReady as d, deepReady as e, isDropDown as f, isAccordion as g, isCheckbox as h, isButton as i, isDatepicker as j, isInput as k, log as l, isInputDate as m, isNumberInput as n, isTextarea as o, isSlider as p, isRadio as q, isSelect as r, wrapCommand as s, testOnPlatforms as t, isTag as u, isHint as v, wrapOptions as w, hasClass as x, isLabel as y, isInputStepper as z };
+export { hasTestId as A, isSteps as B, _extends as _, waitAfterFramePaint as a, waitAfterIdleCallback as b, checkAriaLabel as c, areComponentsReady as d, deepReady as e, isDropDown as f, isAccordion as g, isCheckbox as h, isButton as i, isInput as j, isInputDate as k, log as l, isNumberInput as m, isTextarea as n, isSlider as o, isRadio as p, isSelect as q, wrapCommand as r, isTag as s, testOnPlatforms as t, isHint as u, hasClass as v, wrapOptions as w, isLabel as x, isInputStepper as y, isTabs as z };

package/index.esm.js

@@ -5,6 +5,7 @@ export { t as testOnPlatforms } from './helpers.esm.js';
 import 'cypress-file-upload';
 import './bal-input-stepper.command.esm.js';
 import './type.command.esm.js';
+import '@baloise/ds-core';
 
 /// <reference types="cypress" />
 var hasPrintedDeprecation = false;
@@ -414,94 +415,6 @@ var CheckboxContainableMixin = function(param) {
 };
 var CheckboxAccessor = createAccessor(AndableMixin, CheckboxClickableMixin, CheckboxContainableMixin, ExistableMixin, VisibleMixin, NthSelectableMixin, BlurableMixin, ShouldableMixin, AttributableMixin, UrlableMixin, WaitableMixin, FindableMixin, InvokableMixin, ThenableMixin, LengthableMixin, EachableMixin);
 
-/// <reference types="cypress" />
-var DatePickerWriteMixin = function(param) {
-    var selector = param.selector, creator = param.creator;
-    return {
-        write: function(date) {
-            cy.get(selector).type(date);
-            return creator();
-        }
-    };
-};
-var DatePickerPickableMixin = function(param) {
-    var selector = param.selector, creator = param.creator;
-    return {
-        pick: function(date) {
-            if (cy.get(selector).balDatepickerIsClosed()) {
-                cy.get(selector).balDatepickerToggle();
-            }
-            cy.get(selector).balDatepickerPick(date);
-            return creator();
-        }
-    };
-};
-var DatePickerOpenableMixin = function(param) {
-    var selector = param.selector, creator = param.creator;
-    return {
-        open: function() {
-            if (cy.get(selector).balDatepickerIsClosed()) {
-                cy.get(selector).balDatepickerToggle();
-            }
-            return creator();
-        }
-    };
-};
-var DatePickerShouldHaveValueAssertableMixin = function(param) {
-    var selector = param.selector, creator = param.creator;
-    return {
-        shouldHaveValue: function(date) {
-            var day = "" + date.getDate();
-            var month = "" + (date.getMonth() + 1);
-            var pad = function(text) {
-                return text.length === 1 ? "0" + text : text;
-            };
-            cy.get(selector).should("have.value", pad(day) + "." + pad(month) + "." + date.getFullYear());
-            return creator();
-        }
-    };
-};
-/**
- * TODO: need to rework
- */ var DatePickerErrorAssertableMixin = function(param) {
-    var element = param.element, creator = param.creator;
-    return {
-        errorCheck: function(name, error) {
-            element.clear();
-            var message = cy.get("cip-error[ng-reflect-control-name=" + name + "]");
-            message.should("contain", error);
-            return creator();
-        }
-    };
-};
-/**
- * TODO: need to rework
- */ var DatePickerNoErrorAssertableMixin = function(param) {
-    var creator = param.creator;
-    return {
-        noErrorCheck: function(name) {
-            var noMessage = cy.get("cip-error[ng-reflect-control-name=" + name + "]");
-            noMessage.should("be.empty");
-            return creator();
-        }
-    };
-};
-var DatePickerMinMaxRangeAssertableMixin = function(param) {
-    var selector = param.selector, creator = param.creator;
-    return {
-        assertDateInRange: function(date, shouldBeInRange) {
-            if (shouldBeInRange === void 0) shouldBeInRange = true;
-            if (shouldBeInRange) {
-                cy.get(selector).balDatepickerIsDateInRange(date);
-            } else {
-                cy.get(selector).balDatepickerIsDateNotInRange(date);
-            }
-            return creator();
-        }
-    };
-};
-var DatePickerAccessor = createAccessor(DatePickerWriteMixin, DatePickerPickableMixin, DatePickerShouldHaveValueAssertableMixin, DatePickerErrorAssertableMixin, DatePickerNoErrorAssertableMixin, DatePickerMinMaxRangeAssertableMixin, DatePickerOpenableMixin);
-
 /// <reference types="cypress" />
 var DropDownClickableMixin = function(param) {
     var selector = param.selector, creator = param.creator;
@@ -888,4 +801,4 @@ var TooltipAccessor = createAccessor(AndableMixin, HoverMixin, HoverContainableM
 /// <reference types="cypress" />
 var TypeaheadAccessor = createAccessor(AndableMixin, ClickableMixin, TypeableMixin, BlurableMixin, ClearableMixin, ContainableMixin, InputValueAssertableMixin, ErrorAssertableMixin, ShouldableMixin, NthSelectableMixin, SiblingDropDownAssertableOptionsMixin(), SiblingDropDownContainableMixin(), SiblingDropDownSelectableMixin(), AttributableMixin, UrlableMixin, FindableMixin, WaitableMixin, InvokableMixin, ThenableMixin, LengthableMixin, EachableMixin);
 
-export { AccordionAccessor, AccordionAssertableMixin, AccordionClickableMixin, AccordionContainableMixin, AccordionTileClickableMixin, AndableMixin, AttachableMixin, AttributableMixin, BlurableMixin, ButtonAccessor, CheckableMixin, CheckboxAccessor, CheckboxClickableMixin, CheckboxContainableMixin, ClearableMixin, ClickableMixin, ContainableMixin, DatePickerAccessor, DatePickerErrorAssertableMixin, DatePickerMinMaxRangeAssertableMixin, DatePickerNoErrorAssertableMixin, DatePickerOpenableMixin, DatePickerPickableMixin, DatePickerShouldHaveValueAssertableMixin, DatePickerWriteMixin, DisableableMixin, DropDownAccessor, DropDownAssertableOptionsMixin, DropDownClickableMixin, DropDownContainableMixin, DropDownSelectableMixin, EachableMixin, ErrorAccessor, ErrorAssertableMixin, ExistableMixin, FindableMixin, HoverContainableMixin, HoverMixin, IconAccessor, InputAccessor, InputValueAssertableMixin, InvokableMixin, LengthableMixin, LibIconAssertableMixin, LinkAccessor, LinkClickableMixin, LinkHrefContainsAssertableMixin, LinkHrefEqualsAssertableMixin, LinkWithTargetAttribute, LinkWithoutTargetAttribute, ListAccessor, ListAssertableMixin, ListSelectableMixin, MultiSelectButtonAccessor, MultiSelectButtonSelectableMixin, NavigationAccessor, NthSelectableMixin, RadioAccessor, SelectButtonAccessor, SelectButtonSelectableMixin, ShouldableMixin, SiblingDropDownAssertableOptionsMixin, SiblingDropDownContainableMixin, SiblingDropDownSelectableMixin, SuccessToastableMixin, TableAccessor, TableRowClickableMixin, TableRowContainableMixin, TabsAccessor, TabsAssertVisibleMixin, Target, TextAccessor, ThenableMixin, TileAccessor, TileClickableMixin, TileContainableMixin, ToastAccessor, TooltipAccessor, TypeableMixin, TypeaheadAccessor, UrlableMixin, VisibleMixin, WaitableMixin, createAccessor };
+export { AccordionAccessor, AccordionAssertableMixin, AccordionClickableMixin, AccordionContainableMixin, AccordionTileClickableMixin, AndableMixin, AttachableMixin, AttributableMixin, BlurableMixin, ButtonAccessor, CheckableMixin, CheckboxAccessor, CheckboxClickableMixin, CheckboxContainableMixin, ClearableMixin, ClickableMixin, ContainableMixin, DisableableMixin, DropDownAccessor, DropDownAssertableOptionsMixin, DropDownClickableMixin, DropDownContainableMixin, DropDownSelectableMixin, EachableMixin, ErrorAccessor, ErrorAssertableMixin, ExistableMixin, FindableMixin, HoverContainableMixin, HoverMixin, IconAccessor, InputAccessor, InputValueAssertableMixin, InvokableMixin, LengthableMixin, LibIconAssertableMixin, LinkAccessor, LinkClickableMixin, LinkHrefContainsAssertableMixin, LinkHrefEqualsAssertableMixin, LinkWithTargetAttribute, LinkWithoutTargetAttribute, ListAccessor, ListAssertableMixin, ListSelectableMixin, MultiSelectButtonAccessor, MultiSelectButtonSelectableMixin, NavigationAccessor, NthSelectableMixin, RadioAccessor, SelectButtonAccessor, SelectButtonSelectableMixin, ShouldableMixin, SiblingDropDownAssertableOptionsMixin, SiblingDropDownContainableMixin, SiblingDropDownSelectableMixin, SuccessToastableMixin, TableAccessor, TableRowClickableMixin, TableRowContainableMixin, TabsAccessor, TabsAssertVisibleMixin, Target, TextAccessor, ThenableMixin, TileAccessor, TileClickableMixin, TileContainableMixin, ToastAccessor, TooltipAccessor, TypeableMixin, TypeaheadAccessor, UrlableMixin, VisibleMixin, WaitableMixin, createAccessor };

package/index.esm2.js

@@ -142,11 +142,6 @@ var byDataSelectors = function(dateTestId, dataSelectors, value) {
      * Label span element.
      */ text: byTestId("bal-checkbox-text")
     },
-    datepicker: {
-        /**
-     * Native input element.
-     */ input: byTestId("bal-datepicker-input")
-    },
     field: {
         /**
      * Hint element.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-testing",
-  "version": "16.8.0",
+  "version": "17.0.0-nightly.20241202",
   "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",
@@ -12,7 +12,7 @@
   "homepage": "https://design.baloise.dev",
   "license": "Apache-2.0",
   "dependencies": {
-    "@baloise/ds-core": "16.8.0",
+    "@baloise/ds-core": "17.0.0-nightly.20241202",
     "cypress-file-upload": "~5.0.8"
   },
   "module": "./index.esm.js",

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

@@ -7,7 +7,6 @@ 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';
@@ -21,7 +20,6 @@ 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';

package/src/commands/custom/component.types.d.ts

@@ -27,6 +27,10 @@ declare namespace Cypress {
          * Waits until the Design System is fully loaded and rendered
          */
         waitForDesignSystem(): Chainable<JQuery>;
+        /**
+         * Waits until the browser goes into idle mode
+         */
+        waitAfterLastCallback(): Chainable<JQuery>;
         /**
          * Waits until the browser goes into idle mode
          */

package/src/commands/helpers.d.ts

@@ -18,7 +18,6 @@ export declare const isLabel: isElementType;
 export declare const isAccordion: isElementType;
 export declare const isButton: isElementType;
 export declare const isCheckbox: isElementType;
-export declare const isDatepicker: isElementType;
 export declare const isNumberInput: isElementType;
 export declare const isModal: isElementType;
 export declare const isRadioGroup: isElementType;

package/src/legacy/index.d.ts

@@ -24,7 +24,6 @@ export * from './accessors/mixins/waitable';
 export * from './accessors/accordion.accessor';
 export * from './accessors/button.accessor';
 export * from './accessors/checkbox.accessor';
-export * from './accessors/date-picker.accessor';
 export * from './accessors/drop-down.accessor';
 export * from './accessors/error.accessor';
 export * from './accessors/icon-accessor';

package/src/selectors/index.d.ts

@@ -137,12 +137,6 @@ export declare const selectors: {
          */
         text: string;
     };
-    datepicker: {
-        /**
-         * Native input element.
-         */
-        input: string;
-    };
     field: {
         /**
          * Hint element.

package/type.command.esm.js

@@ -1,5 +1,5 @@
 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 isDatepicker, k as isInput, m as isInputDate, n as isNumberInput, o as isTextarea, p as isSlider, q as isRadio, r as isSelect, f as isDropDown, s as wrapCommand, w as wrapOptions, u as isTag, v as isHint, l as log, x as hasClass, y as isLabel, z as isInputStepper, A as isTabs, B as hasTestId, C as isSteps } from './helpers.esm.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) {
@@ -14,9 +14,6 @@ Cypress.Commands.overwrite("blur", function(originalFn, element, 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);
     }
@@ -69,9 +66,6 @@ Cypress.Commands.overwrite("clear", function(originalFn, element, 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);
     }
@@ -125,9 +119,6 @@ Cypress.Commands.overwrite("click", function(originalFn, element, options) {
     if (isCheckbox(element)) {
         return command(selectors.checkbox.label);
     }
-    if (isDatepicker(element)) {
-        return command(selectors.datepicker.input);
-    }
     if (isRadio(element)) {
         return command(selectors.radio.label);
     }
@@ -156,9 +147,6 @@ Cypress.Commands.overwrite("focus", function(originalFn, element, 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);
     }
@@ -256,19 +244,6 @@ var shouldAndAndCommand = function(originalFn, element, condition, key, value, o
             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",

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

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

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

@@ -1,31 +0,0 @@
-/// <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/legacy/accessors/date-picker.accessor.d.ts

@@ -1,24 +0,0 @@
-import { Accessor, Mixin } from './mixins/mixins';
-export interface DatePickerAccessorType {
-    write(date: string): DatePickerAccessorType;
-    pick(date: Date): DatePickerAccessorType;
-    open(): DatePickerAccessorType;
-    shouldHaveValue(date: Date): DatePickerAccessorType;
-    errorCheck(name: string, error: string): void;
-    noErrorCheck(name: string): void;
-    assertDateInRange(date: Date, shouldBeInRange?: boolean): DatePickerAccessorType;
-}
-export declare const DatePickerWriteMixin: Mixin;
-export declare const DatePickerPickableMixin: Mixin;
-export declare const DatePickerOpenableMixin: Mixin;
-export declare const DatePickerShouldHaveValueAssertableMixin: Mixin;
-/**
- * TODO: need to rework
- */
-export declare const DatePickerErrorAssertableMixin: Mixin;
-/**
- * TODO: need to rework
- */
-export declare const DatePickerNoErrorAssertableMixin: Mixin;
-export declare const DatePickerMinMaxRangeAssertableMixin: Mixin;
-export declare const DatePickerAccessor: Accessor<DatePickerAccessorType>;