@baloise/ds-testing 16.0.3-nightly.20240409 → 16.0.3-nightly.20240411

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

@@ -4,11 +4,9 @@ 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 cy.get(byTestId(testID), o).waitForComponents(o).then(o, function($el) {
         return log("getByTestId", testID, $el, options);
     });
-    return element;
 });
 Cypress.Commands.add("getDescribingElement", {
     prevSubject: [
@@ -51,13 +49,13 @@ Cypress.Commands.add("getByLabelText", {
     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);
+            return cy.get('input[id="' + forAttributeValue + '"], textarea[id="' + forAttributeValue + '"], button[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);
+            return cy.get('input[id="' + forAttributeValue + '"], textarea[id="' + forAttributeValue + '"], button[id="' + forAttributeValue + '"]', o);
         }).then(o, function($el) {
             return log(!!subject ? "-getByLabelText" : "getByLabelText", labelText, $el, options);
         });
@@ -69,7 +67,7 @@ Cypress.Commands.add("getByPlaceholder", {
     ]
 }, 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);
+    var element = subject ? cy.wrap(subject, o).find('input[placeholder="' + placeholder + '"], textarea[placeholder="' + placeholder + '"], [data-placeholder="' + placeholder + '"]', o).waitForComponents(o) : cy.get('input[placeholder="' + placeholder + '"], textarea[placeholder="' + placeholder + '"], [data-placeholder="' + placeholder + '"]', o).waitForComponents(o);
     element.then(o, function($el) {
         return log(!!subject ? "-getByPlaceholder" : "getByPlaceholder", placeholder, $el, options);
     });
@@ -100,11 +98,9 @@ Cypress.Commands.add("getByRole", {
         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 cy.wrap(labeledElements[0], o).waitForComponents(o).then(o, function($el) {
                 return log(!!subject ? "-getByRole" : "getByRole", role + " " + JSON.stringify(options), $el, options);
             });
-            return firstElement;
         }
         return subject;
     });
@@ -163,8 +159,10 @@ Cypress.Commands.add("waitForComponents", {
     }).then(function(document) {
         return document.fonts.ready;
     });
-    log("waitForComponents", "", subject, options);
     var o = wrapOptions(options);
+    if (o.log) {
+        log("waitForComponents", "", subject, options);
+    }
     return cy.wrap(subject, o).then(function($el) {
         return areComponentsReady($el);
     }).then(function() {

package/helpers.esm.js

@@ -297,7 +297,9 @@ var wrapCommand = function(displayName, element, message, fn) {
     return function(selector) {
         return cy.wrapComponent(element, {
             log: false
-        }).waitForComponents().find(selector, {
+        }).waitForComponents({
+            log: false
+        }).find(selector, {
             log: false
         }).then(function($el) {
             Cypress.log({
@@ -325,6 +327,7 @@ var log = function(displayName, message, $el, options) {
             message: message
         });
     }
+    return $el;
 };
 var areComponentsReady = function($el) {
     var queue = [];
@@ -350,10 +353,16 @@ function checkAriaLabel(element, label) {
     if (label === undefined || label === null || label === "") {
         return true;
     }
+    var text = Cypress.$(element).text().trim();
     var ariaLabel = Cypress.$(element).attr("aria-label");
     var title = Cypress.$(element).attr("title");
-    var text = Cypress.$(element).text().trim();
-    return text === label.trim() || ariaLabel === label.trim() || title === label.trim();
+    var value = Cypress.$(element).attr("value");
+    return [
+        text,
+        ariaLabel,
+        title,
+        value
+    ].includes(label.trim());
 }
 
 export { hasTestId as A, isSteps as B, _extends as _, waitAfterFramePaint as a, waitAfterIdleCallback as b, checkAriaLabel as c, areComponentsReady as d, deepReady as e, isAccordion as f, isCheckbox as g, isDatepicker 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, hasClass as u, isHint as v, wrapOptions as w, isLabel as x, isInputStepper as y, isTabs as z };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-testing",
-  "version": "16.0.3-nightly.20240409",
+  "version": "16.0.3-nightly.20240411",
   "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.0.3-nightly.20240409",
+    "@baloise/ds-core": "16.0.3-nightly.20240411",
     "cypress-file-upload": "~5.0.8"
   },
   "module": "./index.esm.js",

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

@@ -38,6 +38,6 @@ declare namespace Cypress {
         /**
          * Gets a element by the role
          */
-        getByRole(role: 'button' | 'label', options: Partial<GetByRoleOptions & Loggable & Timeoutable & Withinable & Shadow>): Chainable<JQuery>;
+        getByRole(role: 'button' | 'label' | 'option' | 'input', options: Partial<GetByRoleOptions & Loggable & Timeoutable & Withinable & Shadow>): Chainable<JQuery>;
     }
 }

package/src/commands/helpers.d.ts

@@ -42,7 +42,7 @@ export declare const isInputDate: isElementType;
 export declare const wrapOptions: (options: any) => any;
 export declare const wrapCommand: (displayName: string, element: Cypress.Chainable<JQuery>, message: any, fn: ($el: any) => Cypress.Chainable<JQuery> | void) => (selector: string) => Cypress.Chainable<JQuery<HTMLElement>>;
 export declare const shouldLog: (options?: Partial<Cypress.Loggable>) => boolean;
-export declare const log: (displayName: string, message: any, $el: any, options?: Partial<Cypress.Loggable>) => void;
+export declare const log: (displayName: string, message: any, $el: any, options?: Partial<Cypress.Loggable>) => any;
 export declare const areComponentsReady: ($el: any) => Promise<void[]>;
 export declare const testOnPlatforms: (platforms: Platforms[], fn: (platform: Platforms) => Promise<void> | void) => void;
 export declare function checkAriaLabel(element: HTMLElement, label: string | undefined | null): boolean;