genesys-spark-components 4.157.1 → 4.157.3

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQrPK8Sl.js');
+var index = require('./index-Gqcl3QkY.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{on-click-outside-BzCp8ZxJ.js → on-click-outside-CkUEEjsp.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQrPK8Sl.js');
+var index = require('./index-Gqcl3QkY.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-mutation-Cd2RsGV3.js → on-mutation-CeVhJ4lu.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQrPK8Sl.js');
+var index = require('./index-Gqcl3QkY.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-resize-QXco5eCB.js → on-resize-Xyx02Kqw.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-BQrPK8Sl.js');
+var index = require('./index-Gqcl3QkY.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{usage-DNYn1FPa.js → usage-BKWvyBkX.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "4.157.1";
+const version = "4.157.3";
 var packageInfo = {
 	version: version};
 

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-style-list-item/gux-rich-style-list-item.css

@@ -33,7 +33,7 @@ button {
   word-wrap: break-word;
   cursor: pointer;
   outline: none;
-  outline-offset: calc(var(--gse-ui-menu-option-focus-border-width) * -1);
+  outline-offset: calc(var(--gse-ui-menu-option-focus-border-width) * -1) !important;
   background-color: var(--gse-ui-menu-option-default-backgroundColor);
   border: none;
 }

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-list/gux-rich-text-editor-sub-list/gux-rich-text-editor-sub-list.css

@@ -33,7 +33,7 @@ button {
   word-wrap: break-word;
   cursor: pointer;
   outline: none;
-  outline-offset: calc(var(--gse-ui-menu-option-focus-border-width) * -1);
+  outline-offset: calc(var(--gse-ui-menu-option-focus-border-width) * -1) !important;
   background-color: var(--gse-ui-menu-option-default-backgroundColor);
   border: none;
 }

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -75,7 +75,7 @@ export class GuxContentSearch {
         });
     }
     showNavigationPanel() {
-        return this.value !== '' ? true : false;
+        return this.value !== '';
     }
     disableNavigationPanel() {
         return this.disabled || this.getNormalizedMatchCount() <= 0;

package/dist/collection/components/stable/gux-content-search/tests/gux-content-search.common.js

@@ -0,0 +1,94 @@
+export const renderConfigs = [
+    {
+        description: 'should render default control no props',
+        html: '<gux-content-search><input aria-label="Search" type="text"/></gux-content-search>'
+    },
+    {
+        description: 'should render default control no props With placeholder',
+        html: '<gux-content-search><input type="text" placeholder="Search"/></gux-content-search>'
+    },
+    {
+        description: 'should render default control with all props',
+        html: `<gux-content-search current-match="1"match-count="10">
+          <input type="text" placeholder="Search" value="Default Search Text"/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props with no match',
+        html: `<gux-content-search current-match="0" match-count="0">
+          <input type="text" placeholder="Search" value="Default Search Text"/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props with long text no match',
+        html: `<gux-content-search current-match="0" match-count="0">
+          <input type="text" placeholder="Search" value="Lorem ipsum dolor sit amet, lacinia blandit ultricies lorem aliquam, dui quam a viverra vivamus pellentesque, rhoncus aliquet proin eleifend."/>
+         </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props with long text 1 match',
+        html: `<gux-content-search current-match="1" match-count="1">
+          <input type="text" placeholder="Search" value="Lorem ipsum dolor sit amet, lacinia blandit ultricies lorem aliquam, dui quam a viverra vivamus pellentesque, rhoncus aliquet proin eleifend."/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props with short text 100000 match',
+        html: `<gux-content-search current-match="1000" match-count="100000">
+          <input type="text" placeholder="Search" value="Lorem ipsum dolor "/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props with long text 100000 match',
+        html: `<gux-content-search current-match="1000" match-count="100000">
+          <input type="text" placeholder="Search" value="Lorem ipsum dolor sit amet, lacinia blandit ultricies lorem aliquam, dui quam a viverra vivamus pellentesque, rhoncus aliquet proin eleifend."/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props with invalid  match count',
+        html: `<gux-content-search current-match="1000" match-count="abc">
+          <input type="text" placeholder="Search" value="Lorem ipsum dolor sit amet, lacinia blandit ultricies lorem aliquam, dui quam a viverra vivamus pellentesque, rhoncus aliquet proin eleifend."/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props with invalid current match',
+        html: `<gux-content-search current-match="100000" match-count="100">
+          <input type="text" placeholder="Search" value="Lorem ipsum dolor sit amet, lacinia blandit ultricies lorem aliquam, dui quam a viverra vivamus pellentesque, rhoncus aliquet proin eleifend."/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props in disable mode',
+        html: `<gux-content-search current-match="10" match-count="10">
+          <input type="text" disabled="true" placeholder="Search" value="Search Disabled"/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props in disable mode with no match',
+        html: `<gux-content-search current-match="0" match-count="0">
+          <input type="text" disabled="true" placeholder="Search" value="Search Disabled with no Match"/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props in disable mode with 1 match',
+        html: `<gux-content-search current-match="1" match-count="1">
+          <input type="text" disabled="true" placeholder="Search" value="Search Disabled with 1 match"/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props in disable mode with 100000000 match',
+        html: `<gux-content-search current-match="10000" match-count="100000000">
+          <input type="text" disabled="true" placeholder="Search" value="Search Disabled with big match"/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props in disable mode with long value',
+        html: `<gux-content-search current-match="1" match-count="1">
+          <input type="text" disabled="true" placeholder="Search" value="Lorem ipsum dolor sit amet, lacinia blandit ultricies lorem aliquam, dui quam a viverra vivamus pellentesque, rhoncus aliquet proin eleifend."/>
+        </gux-content-search>`
+    },
+    {
+        description: 'should render default control with all props in disable mode with long value with 100000000 match',
+        html: `<gux-content-search current-match="1100" match-count="100000001">
+          <input type="text" disabled="true" placeholder="Search" value="Lorem ipsum dolor sit amet, lacinia blandit ultricies lorem aliquam, dui quam a viverra vivamus pellentesque, rhoncus aliquet proin eleifend."/>
+        </gux-content-search>`
+    }
+];

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/gux-form-field-checkbox-group.css

@@ -117,6 +117,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-visual-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css

@@ -2,8 +2,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -37,6 +40,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.css

@@ -69,6 +69,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-visual-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.css

@@ -2,8 +2,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -37,6 +40,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/gux-form-field-file.css

@@ -2,8 +2,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -37,6 +40,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.css

@@ -2,8 +2,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -37,6 +40,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.css

@@ -69,6 +69,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-visual-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/gux-form-field-radio-group.css

@@ -117,6 +117,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-visual-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.css

@@ -8,8 +8,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -43,6 +46,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.css

@@ -2,8 +2,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -37,6 +40,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.css

@@ -2,8 +2,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -37,6 +40,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.css

@@ -2,8 +2,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -37,6 +40,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.css

@@ -2,8 +2,11 @@
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
 /* stylelint-disable-next-line selector-class-pattern */
-.gux-form-field-container.gux-beside {
+.gux-form-field-container {
   display: flex;
+  flex-direction: column;
+}
+.gux-form-field-container.gux-beside {
   flex-direction: row;
 }
 
@@ -37,6 +40,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.css

@@ -69,6 +69,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-visual-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.css

@@ -69,6 +69,9 @@
   display: inline-flex;
   flex: 1 0 auto;
 }
+.gux-form-field-visual-label ::slotted(label) {
+  min-inline-size: 0;
+}
 .gux-form-field-visual-label ::slotted(gux-label-info-beta) {
   padding-inline-start: var(--gse-ui-formControl-formField-gap);
 }

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.css

@@ -33,7 +33,7 @@ button {
   word-wrap: break-word;
   cursor: pointer;
   outline: none;
-  outline-offset: calc(var(--gse-ui-menu-option-focus-border-width) * -1);
+  outline-offset: calc(var(--gse-ui-menu-option-focus-border-width) * -1) !important;
   background-color: var(--gse-ui-menu-option-default-backgroundColor);
   border: none;
 }

package/dist/collection/components/stable/gux-rating/tests/gux-rating.common.js

@@ -0,0 +1,26 @@
+export const renderConfigs = [
+    '<gux-rating aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="0" aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="1" aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="2" aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="3" aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="4" aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="5" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="0" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="0.5" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="1" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="1.5" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="2" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="2.5" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="3" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="3.5" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="4" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="4.5" aria-label="Feedback"></gux-rating>',
+    '<gux-rating increment="half" value="5" aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="0" max-value=10 aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="5" max-value=10 aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="10" max-value=10 aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="3" disabled aria-label="Feedback"></gux-rating>',
+    '<gux-rating value="3" readonly aria-label="Feedback"></gux-rating>'
+].map(html => ({ html }));

package/dist/collection/test/expectToHaveNoViolations.js

@@ -0,0 +1,43 @@
+export function toHaveNoViolations(axeViolations, axeScanDetails) {
+    const violations = axeViolations.reduce((violationsAcc, violation) => {
+        violation.nodes = violation.nodes.reduce((nodesAcc, node) => {
+            const excluded = axeScanDetails.axeExclusions.some(exclusion => {
+                return (exclusion.issueId === violation.id &&
+                    (!exclusion.target || exclusion.target === node.target[0].toString()));
+            });
+            return excluded ? nodesAcc : nodesAcc.concat(node);
+        }, []);
+        return violation.nodes.length === 0
+            ? violationsAcc
+            : violationsAcc.concat(violation);
+    }, []);
+    if (violations.length === 0) {
+        return {
+            message: () => `No violations found`,
+            pass: true
+        };
+    }
+    else {
+        const violationMessage = createViolationMessage(violations, axeScanDetails.axeScanContext);
+        return {
+            message: () => violationMessage,
+            pass: false
+        };
+    }
+}
+function createViolationMessage(axeViolations, axeScanContext) {
+    let violationMessage = '';
+    let elementMessage = '';
+    const axeContextMessage = axeScanContext
+        ? `Axe scan context:\n${axeScanContext}\n`
+        : '';
+    axeViolations.forEach(violation => {
+        violation.nodes.forEach(element => {
+            elementMessage += `\n\n${element.target}\n${element.failureSummary}`;
+        });
+        violationMessage += `${axeContextMessage}Violation id: ${violation.id}\nViolation description: ${violation.description}
+    \nAffected Elements (${violation.nodes.length}):${elementMessage}\n
+    `;
+    });
+    return violationMessage;
+}

package/dist/collection/test/playwrightTestUtils.js

@@ -1,7 +1,9 @@
-import { expect } from "@playwright/test";
+import { expect as baseExpect } from "@playwright/test";
 import { test } from "@stencil/playwright";
 import AxeBuilder from "@axe-core/playwright";
+import { toHaveNoViolations } from "./expectToHaveNoViolations";
 const modes = ['light', 'dark'];
+export const expect = baseExpect.extend({ toHaveNoViolations });
 async function setMode(page, mode) {
     const html = page.locator('html');
     await html.evaluate((element, mode) => element.setAttribute('flare-mode', mode), mode);
@@ -18,16 +20,16 @@ async function runAxe(page) {
     ])
         .analyze();
 }
-export async function analyze(page, element, extraActions = () => Promise.resolve(), performA11yCheck = true, disableAnimations = false) {
+export async function analyze(page, element, extraActions = () => Promise.resolve(), performA11yCheck = true, disableAnimations = false, axeScanDetails = { axeExclusions: [] }) {
     for (const mode of modes) {
         await setMode(page, mode);
         await extraActions(page);
-        await snap(page, element, performA11yCheck, disableAnimations);
+        await snap(page, element, performA11yCheck, disableAnimations, axeScanDetails);
     }
 }
-export async function snap(page, element, performA11yCheck = true, disableAnimations = false) {
+export async function snap(page, element, performA11yCheck = true, disableAnimations = false, axeScanDetails = { axeExclusions: [] }) {
     if (performA11yCheck) {
-        expect((await runAxe(page)).violations).toHaveLength(0);
+        expect((await runAxe(page)).violations).toHaveNoViolations(axeScanDetails);
     }
     const animations = disableAnimations ? 'disabled' : 'allow';
     if (await page.locator('gux-tooltip').isVisible()) {
@@ -68,13 +70,12 @@ export async function setContent(page, html) {
     await page.setContent(html);
     await setupPage(page);
 }
-export async function checkRenders({ renderConfigs, element, extraActions = () => Promise.resolve(), performA11yCheck = true, disableAnimations = false, skip = false }) {
+export async function checkRenders({ renderConfigs, element, extraActions = () => Promise.resolve(), performA11yCheck = true, disableAnimations = false, skip = false, axeExclusions = [] }) {
     renderConfigs.forEach(({ description, html }, index) => {
         (skip ? test.skip : test)(description || `should render component as expected (${index + 1})`, async ({ page }) => {
             await setContent(page, html);
-            await analyze(page, element, extraActions, performA11yCheck, disableAnimations);
+            await analyze(page, element, extraActions, performA11yCheck, disableAnimations, { axeExclusions });
         });
     });
 }
 export { test } from '@stencil/playwright';
-export { expect } from '@playwright/test';

package/dist/collection/test/setupAxeTests.js

@@ -1,67 +1,8 @@
+import { toHaveNoViolations } from "./expectToHaveNoViolations";
 global.beforeEach(() => {
-  expect.extend({
-    toHaveNoViolations(axeViolations, axeScanDetails) {
-      return toHaveNoViolations(axeViolations, axeScanDetails);
-    }
-  });
-});
-
-function toHaveNoViolations(axeViolations, axeScanDetails) {
-  const violations = [];
-
-  axeViolations.forEach(violation => {
-    const violationTargets = [];
-    violation.nodes.forEach(violationInstance => {
-      let excludedElement = false;
-      axeScanDetails.axeExclusions.forEach(exclusion => {
-        if (
-          exclusion.issueId === violation.id &&
-          (!exclusion.target ||
-            exclusion.target === violationInstance.target[0].toString())
-        ) {
-          excludedElement = true;
+    expect.extend({
+        toHaveNoViolations(axeViolations, axeScanDetails) {
+            return toHaveNoViolations(axeViolations, axeScanDetails);
         }
-      });
-      if (excludedElement === false) {
-        violationTargets.push(violationInstance);
-        violation.violationInstance = violationTargets;
-      }
-    });
-    if (violation.violationInstance) {
-      violations.push(violation);
-    }
-  });
-  const violationMessage = createViolationMessage(violations, axeScanDetails);
-  return returnPassOrFail(violations, violationMessage);
-}
-
-function createViolationMessage(violations, axeScanDetails) {
-  let violationMessage = '';
-  let elementMessage = '';
-  const axeContextMessage = axeScanDetails.axeScanContext
-    ? `Axe scan context:\n${axeScanDetails.axeScanContext}\n`
-    : '';
-  violations.forEach(violation => {
-    violation.violationInstance.forEach(element => {
-      elementMessage += `\n${element.target}\n${element.failureSummary}`;
     });
-    violationMessage += `${axeContextMessage}Violation id:\n${violation.id}\nViolation description:\n${violation.description}
-    \nAffected Elements (${violation.violationInstance.length}):${elementMessage}\n
-    `;
-  });
-  return violationMessage;
-}
-
-function returnPassOrFail(violations, violationMessage) {
-  if (violations.length === 0) {
-    return {
-      message: () => `No violations found`,
-      pass: true
-    };
-  } else {
-    return {
-      message: () => violationMessage,
-      pass: false
-    };
-  }
-}
+});