diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-children-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/children-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-children-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/children-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-children.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/children.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-children.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/children.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-expanded-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/expanded-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-expanded-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/expanded-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-expanded.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/expanded.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-expanded.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/expanded.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-focused-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/focused-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-focused-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/focused-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-focused.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/focused.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-focused.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/focused.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-group-sizes-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/group-sizes-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-group-sizes-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/group-sizes-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-group-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/group-sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-group-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/group-sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-group-title.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/group-title.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-group-title.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/group-title.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-heading-body-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/heading-body-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-heading-body-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/heading-body-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-heading-body.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/heading-body.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-heading-body.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/heading-body.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-individual-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/individual-sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-individual-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/individual-sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-light-group-theme.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/light-group-theme.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-light-group-theme.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/light-group-theme.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-single-expansion-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/single-expansion-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-single-expansion-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/single-expansion-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-single-expansion.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/single-expansion.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-single-expansion.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/single-expansion.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-slotted-heading.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/slotted-heading.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx-slotted-heading.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAccordion.cy.tsx/slotted-heading.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-custom-message-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/custom-message-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-custom-message-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/custom-message-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-custom-message.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/custom-message.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-custom-message.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/custom-message.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-dismissible-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/dismissible-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-dismissible-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/dismissible-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-dismissible.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/dismissible.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-dismissible.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/dismissible.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-message-only.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/message-only.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-message-only.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/message-only.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-no-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/no-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-no-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/no-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-responsive.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/responsive.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-responsive.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/responsive.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-slotted-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/slotted-icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-slotted-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/slotted-icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-slotted-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/slotted-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-slotted-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/slotted-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-title-above-set.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/title-above-set.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-title-above-set.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/title-above-set.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-variants-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/variants-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-variants-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/variants-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-variants.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/variants.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-variants.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/variants.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-with-action-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/with-action-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-with-action-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/with-action-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-with-action.png b/packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/with-action.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx-with-action.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcAlert.cy.tsx/with-action.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-focussed-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/focussed-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-focussed-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/focussed-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-focussed-icon-only-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/focussed-icon-only-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-focussed-icon-only-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/focussed-icon-only-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-focussed-icon-only.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/focussed-icon-only.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-focussed-icon-only.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/focussed-icon-only.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-focussed.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/focussed.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-focussed.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/focussed.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBackToTop.cy.tsx/icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-custom.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/custom.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-custom.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/custom.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-error.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/error.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-error.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/error.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-info.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/info.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-info.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/info.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-max-number.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/max-number.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-max-number.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/max-number.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-neutral.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/neutral.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-neutral.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/neutral.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-position-inline.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/position-inline.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-position-inline.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/position-inline.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-position-near.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/position-near.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-position-near.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/position-near.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-success.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/success.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-success.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/success.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-warning.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/warning.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx-warning.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBadge.cy.tsx/warning.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-appearance.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/appearance.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-appearance.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/appearance.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-back.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/back.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-back.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/back.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-collapsed-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/collapsed-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-collapsed-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/collapsed-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-collapsed.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/collapsed.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-collapsed.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/collapsed.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-current-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/current-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-current-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/current-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-current.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/current.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-current.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/current.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-focussed-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/focussed-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-focussed-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/focussed-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-focussed.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/focussed.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-focussed.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/focussed.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcBreadcrumb.cy.tsx/icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-destructive-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/destructive-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-destructive-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/destructive-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-destructive.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/destructive.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-destructive.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/destructive.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-dropdown.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/dropdown.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-dropdown.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/dropdown.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-expanded-dropdown-popover-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/expanded-dropdown-popover-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-expanded-dropdown-popover-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/expanded-dropdown-popover-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-expanded-dropdown-popover.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/expanded-dropdown-popover.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-expanded-dropdown-popover.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/expanded-dropdown-popover.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-destructive.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-destructive.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-destructive.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-destructive.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-dark-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-dark-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-dark-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-dark-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-dark.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-dark.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-dark.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-dark.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-light-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-light-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-light-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-light-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary-light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-primary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-primary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-secondary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-secondary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-secondary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-secondary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-tertiary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-tertiary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-focused-tertiary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/focused-tertiary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-height-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/height-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-height-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/height-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-icon-variants-button-group.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/icon-variants-button-group.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-icon-variants-button-group.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/icon-variants-button-group.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-icon-variants-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/icon-variants-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-icon-variants-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/icon-variants-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-icon-without-viewbox.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/icon-without-viewbox.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-icon-without-viewbox.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/icon-without-viewbox.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-primary-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/primary-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-primary-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/primary-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-primary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/primary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-primary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/primary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-router-slot.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/router-slot.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-router-slot.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/router-slot.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-secondary-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/secondary-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-secondary-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/secondary-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-secondary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/secondary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-secondary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/secondary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-size.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/size.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-size.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/size.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tertiary-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tertiary-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tertiary-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tertiary-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tertiary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tertiary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tertiary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tertiary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon-destructive.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon-destructive.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon-destructive.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon-destructive.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon-secondary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon-secondary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon-secondary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon-secondary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon-tertiary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon-tertiary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon-tertiary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon-tertiary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-primary.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-primary.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-tooltip-primary.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/tooltip-primary.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-with-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/with-icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-with-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/with-icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-with-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/with-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx-with-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcButton.cy.tsx/with-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-additional-height.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/additional-height.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-additional-height.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/additional-height.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-adornment.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/adornment.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-adornment.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/adornment.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-badge.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/badge.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-badge.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/badge.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-blur.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/blur.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-blur.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/blur.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-clickable-button-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/clickable-button-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-clickable-button-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/clickable-button-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-clickable-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/clickable-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-clickable-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/clickable-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-clickable-link-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/clickable-link-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-clickable-link-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/clickable-link-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-clickable-link.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/clickable-link.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-clickable-link.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/clickable-link.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-expandable.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/expandable.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-expandable.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/expandable.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-expanded-clicked-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/expanded-clicked-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-expanded-clicked-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/expanded-clicked-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-expanded-clicked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/expanded-clicked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-expanded-clicked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/expanded-clicked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-heading-only.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/heading-only.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-heading-only.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/heading-only.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-increased-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/increased-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-increased-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/increased-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-interaction-controls.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/interaction-controls.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-interaction-controls.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/interaction-controls.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-interaction-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/interaction-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-interaction-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/interaction-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-interaction.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/interaction.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-interaction.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/interaction.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-message.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/message.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-message.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/message.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-mid-image.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/mid-image.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-mid-image.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/mid-image.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-reduced-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/reduced-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-reduced-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/reduced-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-render-three-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/render-three-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-render-three-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/render-three-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-render-three.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/render-three.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-render-three.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/render-three.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-slotted-headings.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/slotted-headings.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-slotted-headings.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/slotted-headings.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-static-card.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/static-card.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-static-card.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/static-card.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-sub-heading.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/sub-heading.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-sub-heading.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/sub-heading.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-top-image.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/top-image.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-top-image.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/top-image.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-with-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/with-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-with-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/with-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-wrapped-anchor-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/wrapped-anchor-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-wrapped-anchor-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/wrapped-anchor-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-wrapped-anchor.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/wrapped-anchor.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx-wrapped-anchor.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCard.cy.tsx/wrapped-anchor.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-checkbox-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/checkbox-sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-checkbox-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/checkbox-sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-conditional-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/conditional-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-conditional-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/conditional-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-conditional.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/conditional.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-conditional.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/conditional.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-dynamic-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/dynamic-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-dynamic-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/dynamic-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-dynamic.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/dynamic.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-dynamic.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/dynamic.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-focus-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/focus-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-focus-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/focus-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-helper-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/helper-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-helper-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/helper-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-helper.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/helper.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-helper.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/helper.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-hide-checkbox-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/hide-checkbox-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-hide-checkbox-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/hide-checkbox-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-hide-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/hide-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-hide-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/hide-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-required.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/required.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-required.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/required.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-validation-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/validation-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-validation-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/validation-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-validation.png b/packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/validation.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx-validation.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcCheckbox.cy.tsx/validation.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-badge-slot.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/badge-slot.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-badge-slot.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/badge-slot.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-custom-colour-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/custom-colour-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-custom-colour-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/custom-colour-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-custom-colour.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/custom-colour.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-custom-colour.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/custom-colour.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-custom-dismiss-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/custom-dismiss-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-custom-dismiss-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/custom-dismiss-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-dismissible-focus-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/dismissible-focus-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-dismissible-focus-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/dismissible-focus-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-dismissible-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/dismissible-focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-dismissible-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/dismissible-focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-dismissible-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/dismissible-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-dismissible-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/dismissible-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-dismissible.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/dismissible.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-dismissible.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/dismissible.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-in-ag-grid.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/in-ag-grid.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-in-ag-grid.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/in-ag-grid.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-long-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/long-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-long-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/long-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-outlined.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/outlined.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-outlined.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/outlined.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-static.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/static.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-static.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/static.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-white-background-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/white-background-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-white-background-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/white-background-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-white-background.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/white-background.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-white-background.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/white-background.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-with-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/with-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx-with-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcChip.cy.tsx/with-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-country-official.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/country-official.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-country-official.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/country-official.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-inline-official.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/inline-official.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-inline-official.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/inline-official.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-official-sensitive.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/official-sensitive.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-official-sensitive.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/official-sensitive.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-official.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/official.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-official.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/official.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-secret.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/secret.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-secret.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/secret.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-top-secret.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/top-secret.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-top-secret.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/top-secret.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-undefined.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/undefined.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-undefined.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/undefined.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-up-to-official-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/up-to-official-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-up-to-official-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/up-to-official-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-up-to-official.png b/packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/up-to-official.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx-up-to-official.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcClassificationBanner.cy.tsx/up-to-official.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-button-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/button-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-button-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/button-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-data-clicked-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-data-clicked-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-data-clicked-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-data-clicked-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-data-clicked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-data-clicked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-data-clicked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-data-clicked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-data-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-data-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-data-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-data-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-data.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-data.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-data.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-data.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-name-data.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-name-data.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-editable-name-data.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/editable-name-data.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-links-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/links-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-links-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/links-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-links.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/links.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-links.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/links.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-long-text-values.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/long-text-values.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-long-text-values.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/long-text-values.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-one-data-row.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/one-data-row.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-one-data-row.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/one-data-row.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-size-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/size-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-size-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/size-small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-slotted-heading-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/slotted-heading-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-slotted-heading-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/slotted-heading-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-status-tag-as-value.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/status-tag-as-value.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-status-tag-as-value.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/status-tag-as-value.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-status-tag-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/status-tag-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-status-tag-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/status-tag-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-status-tag.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/status-tag.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx-status-tag.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDataEntity.cy.tsx/status-tag.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-accordion-group-single-expansion.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/accordion-group-single-expansion.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-accordion-group-single-expansion.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/accordion-group-single-expansion.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-accordion-group.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/accordion-group.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-accordion-group.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/accordion-group.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-accordion.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/accordion.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-accordion.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/accordion.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-custom-dialog-controls.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/custom-dialog-controls.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-custom-dialog-controls.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/custom-dialog-controls.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-destructive-dialog-controls-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/destructive-dialog-controls-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-destructive-dialog-controls-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/destructive-dialog-controls-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-destructive-dialog-controls.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/destructive-dialog-controls.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-destructive-dialog-controls.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/destructive-dialog-controls.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-disable-height-constraint.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/disable-height-constraint.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-disable-height-constraint.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/disable-height-constraint.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-disable-width-constraint.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/disable-width-constraint.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-disable-width-constraint.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/disable-width-constraint.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-error-alert.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/error-alert.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-error-alert.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/error-alert.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-hide-close-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/hide-close-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-hide-close-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/hide-close-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-info-alert.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/info-alert.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-info-alert.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/info-alert.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-large.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/large.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-large.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/large.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-neutral-alert.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/neutral-alert.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-neutral-alert.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/neutral-alert.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-no-dialog-controls-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/no-dialog-controls-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-no-dialog-controls-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/no-dialog-controls-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-no-dialog-controls.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/no-dialog-controls.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-no-dialog-controls.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/no-dialog-controls.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-scroll-after.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/scroll-after.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-scroll-after.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/scroll-after.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-scroll-before.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/scroll-before.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-scroll-before.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/scroll-before.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-slotted-content-clicked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/slotted-content-clicked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-slotted-content-clicked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/slotted-content-clicked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-slotted-content-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/slotted-content-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-slotted-content-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/slotted-content-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-slotted-content.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/slotted-content.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-slotted-content.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/slotted-content.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-success-alert-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/success-alert-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-success-alert-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/success-alert-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-success-alert.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/success-alert.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-success-alert.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/success-alert.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-tab-dynamic-content.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/tab-dynamic-content.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-tab-dynamic-content.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/tab-dynamic-content.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-warning-alert-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/warning-alert-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-warning-alert-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/warning-alert-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-warning-alert.png b/packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/warning-alert.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx-warning-alert.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcDialog.cy.tsx/warning-alert.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-basic-desktop-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/basic-desktop-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-basic-desktop-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/basic-desktop-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-basic-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/basic-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-basic-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/basic-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-body.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/body.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-body.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/body.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-center-aligned.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/center-aligned.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-center-aligned.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/center-aligned.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-large-image.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/large-image.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-large-image.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/large-image.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-right-aligned.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/right-aligned.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-right-aligned.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/right-aligned.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-slotted-content.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/slotted-content.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-slotted-content.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/slotted-content.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-slotted-image.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/slotted-image.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-slotted-image.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/slotted-image.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-small-image.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/small-image.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-small-image.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/small-image.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-title.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/title.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-title.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/title.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-truncated-text-after-click.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/truncated-text-after-click.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-truncated-text-after-click.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/truncated-text-after-click.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-truncated-text-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/truncated-text-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-truncated-text-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/truncated-text-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-truncated-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/truncated-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx-truncated-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcEmptyState.cy.tsx/truncated-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-after-click.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/after-click.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-after-click.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/after-click.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-before-click.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/before-click.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-before-click.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/before-click.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-center.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/center.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-center.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/center.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-classification-banner.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/classification-banner.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-classification-banner.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/classification-banner.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-extra-large.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/extra-large.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-extra-large.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/extra-large.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-extra-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/extra-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-extra-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/extra-small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-group-links-mobile.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/group-links-mobile.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-group-links-mobile.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/group-links-mobile.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-group-links.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/group-links.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-group-links.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/group-links.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-layout-link.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/layout-link.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-layout-link.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/layout-link.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-logo-links-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/logo-links-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-logo-links-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/logo-links-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-logo-with-links.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/logo-with-links.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-logo-with-links.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/logo-with-links.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-no-caption-copyright.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/no-caption-copyright.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-no-caption-copyright.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/no-caption-copyright.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-no-copyright.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/no-copyright.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-no-copyright.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/no-copyright.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-no-description.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/no-description.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-no-description.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/no-description.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-no-links.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/no-links.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-no-links.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/no-links.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-slotted-content-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/slotted-content-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-slotted-content-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/slotted-content-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-slotted-description-caption.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/slotted-description-caption.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-slotted-description-caption.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/slotted-description-caption.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-theme.png b/packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/theme.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx-theme.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcFooter.cy.tsx/theme.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-background-image-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/background-image-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-background-image-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/background-image-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-background-image.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/background-image.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-background-image.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/background-image.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-card-content-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/card-content-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-card-content-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/card-content-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-card-content.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/card-content.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-card-content.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/card-content.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-centered-content.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/centered-content.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-centered-content.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/centered-content.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-centered.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/centered.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-centered.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/centered.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-image-right.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/image-right.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-image-right.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/image-right.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-long-heading.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/long-heading.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-long-heading.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/long-heading.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-secondary-heading-search.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/secondary-heading-search.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-secondary-heading-search.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/secondary-heading-search.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-slotted-headings-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/slotted-headings-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-slotted-headings-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/slotted-headings-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-slotted-headings.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/slotted-headings.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-slotted-headings.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/slotted-headings.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-theme.png b/packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/theme.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx-theme.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcHero.cy.tsx/theme.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-dark-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/dark-focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-dark-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/dark-focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-dark.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/dark.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-dark.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/dark.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-default-focus-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/default-focus-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-default-focus-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/default-focus-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-default-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/default-focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-default-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/default-focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-inline-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/inline-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-inline-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/inline-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-inline.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/inline.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-inline.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/inline.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-light-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/light-focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-light-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/light-focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-multiline.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/multiline.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx-multiline.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLink.cy.tsx/multiline.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-light-with-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-light-with-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-light-with-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-light-with-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-desc-no-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-desc-no-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-desc-no-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-desc-no-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-inner-label-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-inner-label-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-inner-label-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-inner-label-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-inner-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-inner-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circular-with-inner-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circular-with-inner-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circulars-with-3-sizes-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circulars-with-3-sizes-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circulars-with-3-sizes-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circulars-with-3-sizes-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circulars-with-3-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circulars-with-3-sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-circulars-with-3-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-circulars-with-3-sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-light-circular-with-3-sizes-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-light-circular-with-3-sizes-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-light-circular-with-3-sizes-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-light-circular-with-3-sizes-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-light-circular-with-3-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-light-circular-with-3-sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-light-circular-with-3-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-light-circular-with-3-sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-linears-light-with-3-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-linears-light-with-3-sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-linears-light-with-3-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-linears-light-with-3-sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-linears-with-3-sizes-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-linears-with-3-sizes-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-linears-with-3-sizes-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-linears-with-3-sizes-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-linears-with-3-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-linears-with-3-sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx-determinate-linears-with-3-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcLoadingIndicator.cy.tsx/determinate-linears-with-3-sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-all-nav-types-side-nav-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/all-nav-types-side-nav-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-all-nav-types-side-nav-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/all-nav-types-side-nav-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-all-nav-types-top-nav-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/all-nav-types-top-nav-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-all-nav-types-top-nav-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/all-nav-types-top-nav-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-expandable-nav-group-focused-side-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/expandable-nav-group-focused-side-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-expandable-nav-group-focused-side-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/expandable-nav-group-focused-side-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-expandable-nav-group-focused-top-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/expandable-nav-group-focused-top-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-expandable-nav-group-focused-top-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/expandable-nav-group-focused-top-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-button-focused-top-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-button-focused-top-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-button-focused-top-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-button-focused-top-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-group-side-nav-focused-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-group-side-nav-focused-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-group-side-nav-focused-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-group-side-nav-focused-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-group-top-nav-focused-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-group-top-nav-focused-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-group-top-nav-focused-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-group-top-nav-focused-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-item-focused-top-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-item-focused-top-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-item-focused-top-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-item-focused-top-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-item-within-expandable-nav-group-focused-side-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-item-within-expandable-nav-group-focused-side-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-item-within-expandable-nav-group-focused-side-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-item-within-expandable-nav-group-focused-side-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-item-within-expandable-nav-group-focused-top-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-item-within-expandable-nav-group-focused-top-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-nav-item-within-expandable-nav-group-focused-top-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/nav-item-within-expandable-nav-group-focused-top-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-expandable-nav-groups-side-nav-expanded.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-expandable-nav-groups-side-nav-expanded.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-expandable-nav-groups-side-nav-expanded.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-expandable-nav-groups-side-nav-expanded.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-expandable-nav-groups-side-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-expandable-nav-groups-side-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-expandable-nav-groups-side-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-expandable-nav-groups-side-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-expandable-nav-groups-top-nav-expanded.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-expandable-nav-groups-top-nav-expanded.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-expandable-nav-groups-top-nav-expanded.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-expandable-nav-groups-top-nav-expanded.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-expandable-nav-groups-top-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-expandable-nav-groups-top-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-expandable-nav-groups-top-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-expandable-nav-groups-top-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-buttons-top-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-buttons-top-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-buttons-top-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-buttons-top-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-groups-side-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-groups-side-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-groups-side-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-groups-side-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-groups-top-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-groups-top-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-groups-top-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-groups-top-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-items-side-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-items-side-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-items-side-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-items-side-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-items-top-nav.png b/packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-items-top-nav.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx-with-nav-items-top-nav.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcNavigationMenu.cy.tsx/with-nav-items-top-nav.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-actions-input-tabs-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/actions-input-tabs-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-actions-input-tabs-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/actions-input-tabs-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-breadcrumbs-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/breadcrumbs-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-breadcrumbs-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/breadcrumbs-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-center-page-header.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/center-page-header.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-center-page-header.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/center-page-header.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-desktop-only-after-scroll.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/desktop-only-after-scroll.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-desktop-only-after-scroll.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/desktop-only-after-scroll.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-full-width-page-header.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/full-width-page-header.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-full-width-page-header.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/full-width-page-header.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-small-size.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/small-size.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-small-size.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/small-size.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-stepper-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/stepper-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-stepper-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/stepper-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-sticky-variant.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/sticky-variant.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-sticky-variant.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/sticky-variant.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-with-action-input-step.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/with-action-input-step.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-with-action-input-step.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/with-action-input-step.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-with-action-input-tab.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/with-action-input-tab.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-with-action-input-tab.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/with-action-input-tab.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-with-breadcrumb.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/with-breadcrumb.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-with-breadcrumb.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/with-breadcrumb.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-with-slotted-headings.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/with-slotted-headings.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-with-slotted-headings.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/with-slotted-headings.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-without-border.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/without-border.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx-without-border.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPageHeader.cy.tsx/without-border.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-boundary-adjacent-items-centre-page.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/boundary-adjacent-items-centre-page.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-boundary-adjacent-items-centre-page.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/boundary-adjacent-items-centre-page.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-boundary-adjacent-items.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/boundary-adjacent-items.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-boundary-adjacent-items.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/boundary-adjacent-items.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-after-click-lastPage-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-after-click-lastPage-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-after-click-lastPage-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-after-click-lastPage-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-after-click-next-page-1.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-after-click-next-page-1.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-after-click-next-page-1.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-after-click-next-page-1.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-after-click-page-13-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-after-click-page-13-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-after-click-page-13-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-after-click-page-13-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-after-click-page-3.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-after-click-page-3.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-after-click-page-3.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-after-click-page-3.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-first-page-button-clicked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-first-page-button-clicked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-first-page-button-clicked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-first-page-button-clicked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-middle-state-page-7.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-middle-state-page-7.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-middle-state-page-7.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-middle-state-page-7.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-previous-page-button-clicked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-previous-page-button-clicked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex-previous-page-button-clicked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex-previous-page-button-clicked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-complex.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/complex.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-complex-appearance.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-complex-appearance.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-complex-appearance.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-complex-appearance.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-complex-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-complex-focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-complex-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-complex-focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-simple-appearance-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-simple-appearance-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-simple-appearance-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-simple-appearance-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-simple-appearance.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-simple-appearance.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-simple-appearance.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-simple-appearance.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-simple-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-simple-focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-dark-simple-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/dark-simple-focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-default-page-4.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/default-page-4.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-default-page-4.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/default-page-4.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-disabled-with-complex.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/disabled-with-complex.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-disabled-with-complex.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/disabled-with-complex.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-disabled-with-simple.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/disabled-with-simple.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-disabled-with-simple.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/disabled-with-simple.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-focus-complex-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/focus-complex-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-focus-complex-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/focus-complex-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-focus-complex.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/focus-complex.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-focus-complex.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/focus-complex.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-focus-simple-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/focus-simple-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-focus-simple-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/focus-simple-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-focus-simple.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/focus-simple.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-focus-simple.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/focus-simple.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-hide-current-page.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/hide-current-page.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-hide-current-page.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/hide-current-page.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-hide-first-last-page-buttons.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/hide-first-last-page-buttons.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-hide-first-last-page-buttons.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/hide-first-last-page-buttons.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-complex-appearance-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-complex-appearance-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-complex-appearance-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-complex-appearance-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-complex-appearance.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-complex-appearance.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-complex-appearance.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-complex-appearance.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-complex-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-complex-focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-complex-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-complex-focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-simple-appearance.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-simple-appearance.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-simple-appearance.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-simple-appearance.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-simple-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-simple-focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-light-simple-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/light-simple-focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-after-click-lastPage-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-after-click-lastPage-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-after-click-lastPage-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-after-click-lastPage-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-after-click-next-page-1.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-after-click-next-page-1.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-after-click-next-page-1.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-after-click-next-page-1.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-after-click-page-13-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-after-click-page-13-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-after-click-page-13-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-after-click-page-13-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-after-click-page-3.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-after-click-page-3.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-after-click-page-3.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-after-click-page-3.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-first-page-button-clicked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-first-page-button-clicked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-first-page-button-clicked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-first-page-button-clicked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-previous-page-button-clicked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-previous-page-button-clicked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple-previous-page-button-clicked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple-previous-page-button-clicked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx-simple.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPagination.cy.tsx/simple.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-default-after-click-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/default-after-click-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-default-after-click-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/default-after-click-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-description.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/description.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-description.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/description.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-disabled-focused.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/disabled-focused.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-disabled-focused.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/disabled-focused.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-max-height.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/max-height.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-max-height.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/max-height.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-menu-group-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/menu-group-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-menu-group-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/menu-group-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-menu-group.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/menu-group.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-menu-group.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/menu-group.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-submenu-focused.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/submenu-focused.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-submenu-focused.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/submenu-focused.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-variants-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/variants-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-variants-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/variants-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-variants.png b/packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/variants.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx-variants.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcPopoverMenu.cy.tsx/variants.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-changing-after-update.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/changing-after-update.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-changing-after-update.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/changing-after-update.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-changing-before-update.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/changing-before-update.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-changing-before-update.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/changing-before-update.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-dynamic-first-selected.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-dynamic-first-selected.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-dynamic-first-selected.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-dynamic-first-selected.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-dynamic-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-dynamic-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-dynamic-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-dynamic-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-dynamic-second-selected.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-dynamic-second-selected.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-dynamic-second-selected.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-dynamic-second-selected.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-dynamic-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-dynamic-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-dynamic-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-dynamic-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-static.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-static.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-conditional-static.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/conditional-static.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-disabled-group.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/disabled-group.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-disabled-group.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/disabled-group.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-disabled-options.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/disabled-options.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-disabled-options.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/disabled-options.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-empty-initial-after-update.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/empty-initial-after-update.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-empty-initial-after-update.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/empty-initial-after-update.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-empty-initial-before-update.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/empty-initial-before-update.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-empty-initial-before-update.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/empty-initial-before-update.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-helper-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/helper-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-helper-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/helper-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-horizontal.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/horizontal.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-horizontal.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/horizontal.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-validation.png b/packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/validation.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx-validation.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcRadio.cy.tsx/validation.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-long-option-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-long-option-label.png
deleted file mode 100644
index 956a558ced..0000000000
Binary files a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-long-option-label.png and /dev/null differ
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-characters-until-suggestion-no-show.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/characters-until-suggestion-no-show.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-characters-until-suggestion-no-show.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/characters-until-suggestion-no-show.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-characters-until-suggestion-show.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/characters-until-suggestion-show.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-characters-until-suggestion-show.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/characters-until-suggestion-show.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-empty-option-list-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/empty-option-list-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-empty-option-list-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/empty-option-list-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-focused-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/focused-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-focused-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/focused-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-helper-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/helper-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-helper-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/helper-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-hidden-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/hidden-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-hidden-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/hidden-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/long-option-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/long-option-label.png
new file mode 100755
index 0000000000..a6bf1b43c8
Binary files /dev/null and b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/long-option-label.png differ
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-options-no-filtering-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/options-no-filtering-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-options-no-filtering-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/options-no-filtering-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-options-no-filtering.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/options-no-filtering.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-options-no-filtering.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/options-no-filtering.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-readonly.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/readonly.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-readonly.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/readonly.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-search-submit-tooltip.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/search-submit-tooltip.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-search-submit-tooltip.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/search-submit-tooltip.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-spellcheck.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/spellcheck.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx-spellcheck.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSearchBar.cy.tsx/spellcheck.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx-center-aligned.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx/center-aligned.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx-center-aligned.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx/center-aligned.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx-full-height.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx/full-height.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx-full-height.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx/full-height.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx-left-aligned.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx/left-aligned.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx-left-aligned.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSectionContainer.cy.tsx/left-aligned.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-clear-button-cleared.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/clear-button-cleared.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-clear-button-cleared.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/clear-button-cleared.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-clear-button-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/clear-button-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-clear-button-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/clear-button-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-clear-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/clear-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-clear-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/clear-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-custom-elements-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/custom-elements-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-custom-elements-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/custom-elements-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-custom-elements-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/custom-elements-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-custom-elements-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/custom-elements-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-custom-placeholder-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/custom-placeholder-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-custom-placeholder-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/custom-placeholder-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-custom-placeholder.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/custom-placeholder.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-custom-placeholder.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/custom-placeholder.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-default-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/default-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-default-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/default-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-default-value-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/default-value-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-default-value-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/default-value-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-default-value-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/default-value-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-default-value-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/default-value-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-descriptions-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/descriptions-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-descriptions-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/descriptions-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-descriptions-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/descriptions-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-descriptions-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/descriptions-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-disabled-options-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/disabled-options-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-disabled-options-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/disabled-options-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-disabled-options-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/disabled-options-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-disabled-options-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/disabled-options-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-full-width-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/full-width-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-full-width-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/full-width-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-groups-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/groups-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-groups-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/groups-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-groups-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/groups-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-groups-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/groups-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-helper-text-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/helper-text-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-helper-text-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/helper-text-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-helper-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/helper-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-helper-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/helper-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-hidden-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/hidden-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-hidden-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/hidden-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-input-focused-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/input-focused-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-input-focused-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/input-focused-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-input-focused.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/input-focused.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-input-focused.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/input-focused.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-large-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/large-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-large-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/large-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-large.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/large.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-large.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/large.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-no-options-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/no-options-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-no-options-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/no-options-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-no-options-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/no-options-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-no-options-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/no-options-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-read-only-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/read-only-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-read-only-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/read-only-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-read-only.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/read-only.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-read-only.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/read-only.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-recommended-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/recommended-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-recommended-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/recommended-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-recommended-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/recommended-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-recommended-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/recommended-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-required.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/required.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-required.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/required.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-small-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/small-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-small-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/small-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-validation-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/validation-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-validation-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/validation-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-validation.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/validation.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-validation.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/validation.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-with-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/with-icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-with-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/with-icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-with-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/with-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx-with-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelect.cy.tsx/with-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-custom-elements-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-custom-elements-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-custom-elements-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-custom-elements-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-custom-placeholder.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-custom-placeholder.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-custom-placeholder.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-custom-placeholder.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-default-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-default-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-default-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-default-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-default-value-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-default-value-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-default-value-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-default-value-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-descriptions-in-filter-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-descriptions-in-filter-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-descriptions-in-filter-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-descriptions-in-filter-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-descriptions-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-descriptions-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-descriptions-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-descriptions-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-descriptions-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-descriptions-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-descriptions-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-descriptions-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-disabled-options-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-disabled-options-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-disabled-options-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-disabled-options-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-disabled-options-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-disabled-options-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-disabled-options-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-disabled-options-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-full-width-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-full-width-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-full-width-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-full-width-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-groups-in-filter-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-groups-in-filter-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-groups-in-filter-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-groups-in-filter-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-groups-in-filter-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-groups-in-filter-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-groups-in-filter-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-groups-in-filter-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-groups-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-groups-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-groups-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-groups-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-large-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-large-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-large-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-large-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-large.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-large.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-large.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-large.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-recommended-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-recommended-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-recommended-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-recommended-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-recommended-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-recommended-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-recommended-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-recommended-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-search-match-position-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-search-match-position-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-search-match-position-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-search-match-position-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-small-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-small-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-small-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-small-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx-searchable-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSelectSearchable.cy.tsx/searchable-small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-desktop-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-desktop-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-desktop-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-desktop-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-open-desktop-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-open-desktop-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-open-desktop-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-open-desktop-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-open-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-open-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-open-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-open-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-basic.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/basic.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-controlled-collapsed.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/controlled-collapsed.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-controlled-collapsed.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/controlled-collapsed.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-controlled-expanded.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/controlled-expanded.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-controlled-expanded.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/controlled-expanded.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-disable-top-bar-behaviour.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/disable-top-bar-behaviour.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-disable-top-bar-behaviour.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/disable-top-bar-behaviour.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-long-props-open-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/long-props-open-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-long-props-open-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/long-props-open-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-long-props-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/long-props-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-long-props-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/long-props-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-nav-group-open-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/nav-group-open-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-nav-group-open-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/nav-group-open-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-nav-group-open-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/nav-group-open-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-nav-group-open-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/nav-group-open-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-nav-group-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/nav-group-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-nav-group-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/nav-group-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title-open-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title-open-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title-open-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title-open-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-app-title.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-app-title.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-nav-items-controlled-collapsed.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-nav-items-controlled-collapsed.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-nav-items-controlled-collapsed.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-nav-items-controlled-collapsed.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-nav-items-controlled-expanded.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-nav-items-controlled-expanded.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-nav-items-controlled-expanded.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-nav-items-controlled-expanded.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-nav-items-expanded-desktop-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-nav-items-expanded-desktop-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-nav-items-expanded-desktop-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-nav-items-expanded-desktop-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-nav-items-expanded-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-nav-items-expanded-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-slotted-nav-items-expanded-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/slotted-nav-items-expanded-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-static-expanded-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/static-expanded-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-static-expanded-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/static-expanded-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-theme-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/theme-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-theme-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/theme-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-theme-open.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/theme-open.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-theme-open.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/theme-open.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-theme.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/theme.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-theme.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/theme.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-with-theme-open-desktop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/with-theme-open-desktop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx-with-theme-open-desktop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSideNavigation.cy.tsx/with-theme-open-desktop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-danger.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/danger.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-danger.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/danger.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-large.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/large.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-large.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/large.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-neutral.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/neutral.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-neutral.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/neutral.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-success.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/success.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-success.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/success.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-warning.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/warning.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx-warning.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStatusTag.cy.tsx/warning.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-compact-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/compact-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-compact-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/compact-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-compact.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/compact.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-compact.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/compact.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-custom-compact.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/custom-compact.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-custom-compact.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/custom-compact.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-custom-connector-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/custom-connector-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-custom-connector-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/custom-connector-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-custom-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/custom-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-custom-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/custom-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-full-width-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/full-width-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-full-width-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/full-width-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-left-aligned.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/left-aligned.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-left-aligned.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/left-aligned.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-small-connector-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/small-connector-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-small-connector-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/small-connector-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-with-hidden-step-information.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/with-hidden-step-information.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-with-hidden-step-information.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/with-hidden-step-information.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-without-step-titles.png b/packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/without-step-titles.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx-without-step-titles.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcStepper.cy.tsx/without-step-titles.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-checked-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/checked-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-checked-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/checked-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-checked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/checked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-checked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/checked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-focus-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/focus-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-focus-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/focus-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-focus.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/focus.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-focus.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/focus.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-helper-text-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/helper-text-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-helper-text-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/helper-text-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-helper-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/helper-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-helper-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/helper-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-hidden-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/hidden-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-hidden-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/hidden-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-right-adornment.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/right-adornment.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-right-adornment.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/right-adornment.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-state.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/state.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-state.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/state.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-unchecked-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/unchecked-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx-unchecked-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcSwitch.cy.tsx/unchecked-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-compact.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/compact.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-compact.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/compact.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-focused-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/focused-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-focused-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/focused-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-focused-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/focused-light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-focused-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/focused-light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-focused.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/focused.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-focused.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/focused.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-inline-prop-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/inline-prop-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-inline-prop-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/inline-prop-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-manual-activation.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/manual-activation.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-manual-activation.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/manual-activation.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-min-max.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/min-max.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-min-max.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/min-max.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-nested.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/nested.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-nested.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/nested.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-responsive-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/responsive-light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-responsive-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/responsive-light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-responsive.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/responsive.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-responsive.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/responsive.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-with-icons.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/with-icons.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-with-icons.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/with-icons.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-with-inline-badges.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/with-inline-badges.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-with-inline-badges.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/with-inline-badges.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-with-inline-prop.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/with-inline-prop.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx-with-inline-prop.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTabs.cy.tsx/with-inline-prop.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-custom-text-field.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/custom-text-field.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-custom-text-field.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/custom-text-field.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-disabled-text-field-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/disabled-text-field-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-disabled-text-field-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/disabled-text-field-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-focused-input-text-field-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/focused-input-text-field-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-focused-input-text-field-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/focused-input-text-field-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-focused-input-text-field.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/focused-input-text-field.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-focused-input-text-field.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/focused-input-text-field.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-full-width-text-field.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/full-width-text-field.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-full-width-text-field.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/full-width-text-field.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-icon-value-max-length-exceeded.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/icon-value-max-length-exceeded.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-icon-value-max-length-exceeded.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/icon-value-max-length-exceeded.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-icon-value-max-length.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/icon-value-max-length.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-icon-value-max-length.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/icon-value-max-length.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-inline-validation-text-field.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/inline-validation-text-field.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-inline-validation-text-field.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/inline-validation-text-field.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-max-length-message.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/max-length-message.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-max-length-message.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/max-length-message.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-multiline-text-area-with-resize.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/multiline-text-area-with-resize.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-multiline-text-area-with-resize.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/multiline-text-area-with-resize.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-readonly-text-field-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/readonly-text-field-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-readonly-text-field-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/readonly-text-field-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-readonly-text-field.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/readonly-text-field.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-readonly-text-field.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/readonly-text-field.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-small-text-field.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/small-text-field.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-small-text-field.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/small-text-field.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-validation-text-field-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/validation-text-field-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-validation-text-field-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/validation-text-field-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-validation-text-field.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/validation-text-field.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx-validation-text-field.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTextField.cy.tsx/validation-text-field.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-auto-dismiss-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/auto-dismiss-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-auto-dismiss-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/auto-dismiss-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-auto-dismiss.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/auto-dismiss.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-auto-dismiss.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/auto-dismiss.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-custom-aria-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/custom-aria-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-custom-aria-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/custom-aria-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-custom-icon-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/custom-icon-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-custom-icon-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/custom-icon-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-custom-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/custom-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-custom-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/custom-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-message-variant.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/message-variant.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-message-variant.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/message-variant.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-multiline.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/multiline.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-multiline.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/multiline.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-slotted-button-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/slotted-button-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-slotted-button-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/slotted-button-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-slotted-button.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/slotted-button.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-slotted-button.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/slotted-button.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-slotted-link-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/slotted-link-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-slotted-link-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/slotted-link-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-slotted-link.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/slotted-link.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx-slotted-link.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToast.cy.tsx/slotted-link.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-appearance-dark.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/appearance-dark.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-appearance-dark.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/appearance-dark.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-appearance-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/appearance-light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-appearance-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/appearance-light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-checked-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/checked-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-checked-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/checked-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-checked.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/checked.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-checked.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/checked.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-disabled-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/disabled-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-disabled-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/disabled-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-icon-right.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/icon-right.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-icon-right.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/icon-right.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-icon-top.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/icon-top.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-icon-top.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/icon-top.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-icon-variant-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/icon-variant-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-icon-variant-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/icon-variant-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-icon-variant.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/icon-variant.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-icon-variant.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/icon-variant.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-loading-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/loading-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-loading-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/loading-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-loading.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/loading.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-loading.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/loading.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-sizes.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/sizes.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-sizes.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/sizes.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-tooltip-placement-left.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/tooltip-placement-left.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-tooltip-placement-left.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/tooltip-placement-left.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-tooltip-placement-right.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/tooltip-placement-right.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-tooltip-placement-right.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/tooltip-placement-right.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-tooltip-placement-top.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/tooltip-placement-top.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-tooltip-placement-top.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/tooltip-placement-top.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-with-badge.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/with-badge.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-with-badge.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/with-badge.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-with-icon.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/with-icon.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx-with-icon.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButton.cy.tsx/with-icon.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-custom-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/custom-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-custom-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/custom-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-dark.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/dark.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-dark.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/dark.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-disabled-toggle-group-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/disabled-toggle-group-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-disabled-toggle-group-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/disabled-toggle-group-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-disabled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/disabled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-disabled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/disabled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-focused-toggle-checked-toggle-group-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/focused-toggle-checked-toggle-group-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-focused-toggle-checked-toggle-group-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/focused-toggle-checked-toggle-group-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-full-width.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/full-width.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-full-width.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/full-width.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-icons.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/icons.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-icons.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/icons.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-large-label.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/large-label.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-large-label.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/large-label.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-large.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/large.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-large.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/large.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-loading-dark.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/loading-dark.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-loading-dark.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/loading-dark.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-loading-light.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/loading-light.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-loading-light.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/loading-light.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-loading.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/loading.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-loading.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/loading.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-multiple.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/multiple.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-multiple.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/multiple.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-small.png b/packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/small.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx-small.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcToggleButtonGroup.cy.tsx/small.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-bottom-placement-end.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/bottom-placement-end.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-bottom-placement-end.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/bottom-placement-end.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-bottom-placement-start.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/bottom-placement-start.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-bottom-placement-start.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/bottom-placement-start.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-bottom-placement.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/bottom-placement.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-bottom-placement.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/bottom-placement.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-dark-background.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/dark-background.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-dark-background.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/dark-background.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-default-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/default-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-default-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/default-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-default.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/default.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-default.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/default.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-left-placement-end.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/left-placement-end.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-left-placement-end.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/left-placement-end.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-left-placement-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/left-placement-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-left-placement-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/left-placement-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-left-placement-start.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/left-placement-start.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-left-placement-start.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/left-placement-start.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-left-placement.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/left-placement.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-left-placement.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/left-placement.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-on-chip.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/on-chip.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-on-chip.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/on-chip.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-right-placement-end.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/right-placement-end.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-right-placement-end.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/right-placement-end.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-right-placement-start.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/right-placement-start.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-right-placement-start.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/right-placement-start.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-right-placement.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/right-placement.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-right-placement.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/right-placement.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-top-placement-end.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/top-placement-end.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-top-placement-end.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/top-placement-end.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-top-placement-start.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/top-placement-start.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-top-placement-start.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/top-placement-start.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-top-placement.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/top-placement.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-top-placement.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/top-placement.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-truncated-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/truncated-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx-truncated-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTooltip.cy.tsx/truncated-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-app-icon-title.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/app-icon-title.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-app-icon-title.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/app-icon-title.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-content-centre.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/content-centre.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-content-centre.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/content-centre.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-content-left.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/content-left.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-content-left.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/content-left.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-icon-buttons-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/icon-buttons-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-icon-buttons-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/icon-buttons-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-icon-buttons.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/icon-buttons.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-icon-buttons.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/icon-buttons.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-long-single-word-app-title.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/long-single-word-app-title.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-long-single-word-app-title.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/long-single-word-app-title.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-long-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/long-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-long-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/long-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-app-icon-title.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-app-icon-title.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-app-icon-title.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-app-icon-title.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-content-centre.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-content-centre.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-content-centre.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-content-centre.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-content-left.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-content-left.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-content-left.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-content-left.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-icon-buttons.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-icon-buttons.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-icon-buttons.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-icon-buttons.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-long-single-word-app-title.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-long-single-word-app-title.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-long-single-word-app-title.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-long-single-word-app-title.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-long-text.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-long-text.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-long-text.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-long-text.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-navigation-group.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-navigation-group.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-navigation-group.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-navigation-group.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-navigation-items-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-navigation-items-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-navigation-items-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-navigation-items-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-navigation-items.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-navigation-items.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-navigation-items.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-navigation-items.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-open-menu-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-open-menu-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-open-menu-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-open-menu-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-open-menu.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-open-menu.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-open-menu.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-open-menu.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-search.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-search.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-search.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-search.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-slotted-navigation-items.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-slotted-navigation-items.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-slotted-navigation-items.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-slotted-navigation-items.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-status-version.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-status-version.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-status-version.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-status-version.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-theme.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-theme.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-mobile-theme.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/mobile-theme.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-nav-group-in-horizontal-scroll-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/nav-group-in-horizontal-scroll-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-nav-group-in-horizontal-scroll-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/nav-group-in-horizontal-scroll-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-nav-group-in-horizontal-scroll.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/nav-group-in-horizontal-scroll.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-nav-group-in-horizontal-scroll.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/nav-group-in-horizontal-scroll.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-navigation-group.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/navigation-group.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-navigation-group.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/navigation-group.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-navigation-items-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/navigation-items-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-navigation-items-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/navigation-items-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-navigation-items.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/navigation-items.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-navigation-items.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/navigation-items.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-search.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/search.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-search.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/search.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-slotted-navigation-items-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/slotted-navigation-items-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-slotted-navigation-items-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/slotted-navigation-items-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-slotted-navigation-items.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/slotted-navigation-items.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-slotted-navigation-items.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/slotted-navigation-items.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-status-version.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/status-version.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-status-version.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/status-version.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-theme.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/theme.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx-theme.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTopNavigation.cy.tsx/theme.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-all-prop-text-styles-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/all-prop-text-styles-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-all-prop-text-styles-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/all-prop-text-styles-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-all-prop-text-styles.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/all-prop-text-styles.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-all-prop-text-styles.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/all-prop-text-styles.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-bold-on-h2.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/bold-on-h2.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-bold-on-h2.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/bold-on-h2.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-bold.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/bold.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-bold.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/bold.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-in-ag-grid.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/in-ag-grid.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-in-ag-grid.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/in-ag-grid.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-italic.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/italic.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-italic.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/italic.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-min-and-max.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/min-and-max.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-min-and-max.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/min-and-max.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-restyled.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/restyled.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-restyled.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/restyled.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-strikethrough.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/strikethrough.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-strikethrough.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/strikethrough.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-truncation-expanded.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/truncation-expanded.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-truncation-expanded.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/truncation-expanded.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-truncation-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/truncation-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-truncation-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/truncation-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-truncation.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/truncation.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-truncation.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/truncation.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-underline.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/underline.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-underline.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/underline.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-variants-high-contrast.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/variants-high-contrast.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-variants-high-contrast.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/variants-high-contrast.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-variants.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/variants.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-variants.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/variants.png
diff --git a/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-vertical-margins.png b/packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/vertical-margins.png
old mode 100644
new mode 100755
similarity index 100%
rename from packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx-vertical-margins.png
rename to packages/react/cypress-image-diff-screenshots/baseline/IcTypography.cy.tsx/vertical-margins.png
diff --git a/packages/react/src/component-tests/IcAccordion/IcAccordion.cy.tsx b/packages/react/src/component-tests/IcAccordion/IcAccordion.cy.tsx
index f08dbf9439..17c78f4420 100644
--- a/packages/react/src/component-tests/IcAccordion/IcAccordion.cy.tsx
+++ b/packages/react/src/component-tests/IcAccordion/IcAccordion.cy.tsx
@@ -247,7 +247,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "heading-body",
+ name: "/heading-body",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -259,7 +259,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "expanded",
+ name: "/expanded",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -271,7 +271,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "icon",
+ name: "/icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -283,7 +283,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -302,7 +302,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused",
+ name: "/focused",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -314,7 +314,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "children",
+ name: "/children",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.035),
});
});
@@ -326,7 +326,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "individual-sizes",
+ name: "/individual-sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -344,7 +344,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "group-title",
+ name: "/group-title",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -360,7 +360,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "single-expansion",
+ name: "/single-expansion",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -372,7 +372,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "group-sizes",
+ name: "/group-sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.051),
});
});
@@ -390,7 +390,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "light-group-theme",
+ name: "/light-group-theme",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -402,7 +402,7 @@ describe("Visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-heading",
+ name: "/slotted-heading",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -429,7 +429,7 @@ describe("Visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_ACCORDION);
cy.compareSnapshot({
- name: "heading-body-high-contrast",
+ name: "/heading-body-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -440,7 +440,7 @@ describe("Visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_ACCORDION);
cy.compareSnapshot({
- name: "expanded-high-contrast",
+ name: "/expanded-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -451,7 +451,7 @@ describe("Visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_ACCORDION);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -462,7 +462,7 @@ describe("Visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_ACCORDION);
cy.compareSnapshot({
- name: "children-high-contrast",
+ name: "/children-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -481,7 +481,7 @@ describe("Visual regression tests in high contrast mode", () => {
cy.wait(200);
cy.compareSnapshot({
- name: "focused-high-contrast",
+ name: "/focused-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -498,7 +498,7 @@ describe("Visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_ACCORDION_GROUP);
cy.compareSnapshot({
- name: "single-expansion-high-contrast",
+ name: "/single-expansion-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -509,7 +509,7 @@ describe("Visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_ACCORDION_GROUP);
cy.compareSnapshot({
- name: "group-sizes-high-contrast",
+ name: "/group-sizes-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.047),
});
});
diff --git a/packages/react/src/component-tests/IcAlert/IcAlert.cy.tsx b/packages/react/src/component-tests/IcAlert/IcAlert.cy.tsx
index cd257effa2..24f2a2c299 100644
--- a/packages/react/src/component-tests/IcAlert/IcAlert.cy.tsx
+++ b/packages/react/src/component-tests/IcAlert/IcAlert.cy.tsx
@@ -180,7 +180,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "variants",
+ name: "/variants",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.054),
});
});
@@ -193,7 +193,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dismissible",
+ name: "/dismissible",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -206,7 +206,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "responsive",
+ name: "/responsive",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -219,7 +219,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "title-above-set",
+ name: "/title-above-set",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -232,7 +232,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-message",
+ name: "/custom-message",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -245,7 +245,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-action",
+ name: "/with-action",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -258,7 +258,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "message-only",
+ name: "/message-only",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -272,7 +272,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "no-icon",
+ name: "/no-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -285,7 +285,7 @@ describe("IcAlert visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-icon",
+ name: "/slotted-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
});
});
@@ -315,7 +315,7 @@ describe("IcAlert visual regression tests in high contrast mode", () => {
cy.wait(500);
cy.compareSnapshot({
- name: "variants-high-contrast",
+ name: "/variants-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.052),
});
});
@@ -327,7 +327,7 @@ describe("IcAlert visual regression tests in high contrast mode", () => {
cy.wait(500);
cy.compareSnapshot({
- name: "with-action-high-contrast",
+ name: "/with-action-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -339,7 +339,7 @@ describe("IcAlert visual regression tests in high contrast mode", () => {
cy.wait(500);
cy.compareSnapshot({
- name: "custom-message-high-contrast",
+ name: "/custom-message-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -351,7 +351,7 @@ describe("IcAlert visual regression tests in high contrast mode", () => {
cy.wait(500);
cy.compareSnapshot({
- name: "dismissible-high-contrast",
+ name: "/dismissible-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -363,7 +363,7 @@ describe("IcAlert visual regression tests in high contrast mode", () => {
cy.wait(500);
cy.compareSnapshot({
- name: "slotted-icon-high-contrast",
+ name: "/slotted-icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
diff --git a/packages/react/src/component-tests/IcBackToTop/IcBackToTop.cy.tsx b/packages/react/src/component-tests/IcBackToTop/IcBackToTop.cy.tsx
index 540dd5fe9b..6120ba3ba4 100644
--- a/packages/react/src/component-tests/IcBackToTop/IcBackToTop.cy.tsx
+++ b/packages/react/src/component-tests/IcBackToTop/IcBackToTop.cy.tsx
@@ -104,7 +104,7 @@ describe("IcBackToTop visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
cypressScreenshotOptions: {
capture: "viewport",
@@ -119,7 +119,7 @@ describe("IcBackToTop visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "icon",
+ name: "/icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
cypressScreenshotOptions: {
capture: "viewport",
@@ -140,7 +140,7 @@ describe("IcBackToTop visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focussed",
+ name: "/focussed",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
cypressScreenshotOptions: {
capture: "viewport",
@@ -161,7 +161,7 @@ describe("IcBackToTop visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focussed-icon-only",
+ name: "/focussed-icon-only",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
cypressScreenshotOptions: {
capture: "viewport",
@@ -189,7 +189,7 @@ describe("IcBackToTop visual regression tests in high contrast mode", () => {
cy.scrollTo("bottom").checkHydrated(BACK_TO_TOP_SELECTOR).wait(1000);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
cypressScreenshotOptions: {
capture: "viewport",
@@ -203,7 +203,7 @@ describe("IcBackToTop visual regression tests in high contrast mode", () => {
cy.scrollTo("bottom").checkHydrated(BACK_TO_TOP_SELECTOR).wait(500);
cy.compareSnapshot({
- name: "icon-high-contrast",
+ name: "/icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
cypressScreenshotOptions: {
capture: "viewport",
@@ -223,7 +223,7 @@ describe("IcBackToTop visual regression tests in high contrast mode", () => {
.wait(1000);
cy.compareSnapshot({
- name: "focussed-high-contrast",
+ name: "/focussed-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
cypressScreenshotOptions: {
capture: "viewport",
@@ -243,7 +243,7 @@ describe("IcBackToTop visual regression tests in high contrast mode", () => {
.wait(1000);
cy.compareSnapshot({
- name: "focussed-icon-only-high-contrast",
+ name: "/focussed-icon-only-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
cypressScreenshotOptions: {
capture: "viewport",
diff --git a/packages/react/src/component-tests/IcBadge/IcBadge.cy.tsx b/packages/react/src/component-tests/IcBadge/IcBadge.cy.tsx
index e606b94582..6dde2ffba6 100644
--- a/packages/react/src/component-tests/IcBadge/IcBadge.cy.tsx
+++ b/packages/react/src/component-tests/IcBadge/IcBadge.cy.tsx
@@ -68,7 +68,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "success",
+ name: "/success",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -80,7 +80,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "error",
+ name: "/error",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -92,7 +92,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "warning",
+ name: "/warning",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -104,7 +104,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "neutral",
+ name: "/neutral",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -116,7 +116,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "light",
+ name: "/light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -128,7 +128,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "info",
+ name: "/info",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -140,7 +140,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom",
+ name: "/custom",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -152,7 +152,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "max-number",
+ name: "/max-number",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -165,7 +165,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.wait(500);
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "position-near",
+ name: "/position-near",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.003),
});
});
@@ -179,7 +179,7 @@ describe("IcBadge visual regression and a11y tests", () => {
cy.wait(500);
cy.checkA11yWithWait(undefined, 100);
cy.compareSnapshot({
- name: "position-inline",
+ name: "/position-inline",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -204,7 +204,7 @@ describe.skip("IcBadge visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BADGE_SELECTOR);
cy.wait(500).compareSnapshot({
- name: "success-high-contrast",
+ name: "/success-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -215,7 +215,7 @@ describe.skip("IcBadge visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BADGE_SELECTOR);
cy.compareSnapshot({
- name: "error-high-contrast",
+ name: "/error-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -226,7 +226,7 @@ describe.skip("IcBadge visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BADGE_SELECTOR);
cy.compareSnapshot({
- name: "warning-high-contrast",
+ name: "/warning-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -237,7 +237,7 @@ describe.skip("IcBadge visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BADGE_SELECTOR);
cy.compareSnapshot({
- name: "neutral-high-contrast",
+ name: "/neutral-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -248,7 +248,7 @@ describe.skip("IcBadge visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BADGE_SELECTOR);
cy.compareSnapshot({
- name: "light-high-contrast",
+ name: "/light-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -259,7 +259,7 @@ describe.skip("IcBadge visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BADGE_SELECTOR);
cy.compareSnapshot({
- name: "info-high-contrast",
+ name: "/info-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
diff --git a/packages/react/src/component-tests/IcBreadcrumb/IcBreadcrumb.cy.tsx b/packages/react/src/component-tests/IcBreadcrumb/IcBreadcrumb.cy.tsx
index 6ab289d4e0..8050454073 100644
--- a/packages/react/src/component-tests/IcBreadcrumb/IcBreadcrumb.cy.tsx
+++ b/packages/react/src/component-tests/IcBreadcrumb/IcBreadcrumb.cy.tsx
@@ -148,7 +148,7 @@ describe("IcBreadcrumb visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -160,7 +160,7 @@ describe("IcBreadcrumb visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "back",
+ name: "/back",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -172,7 +172,7 @@ describe("IcBreadcrumb visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "icon",
+ name: "/icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -184,7 +184,7 @@ describe("IcBreadcrumb visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 200, { includedImpacts: ["critical"] });
cy.compareSnapshot({
- name: "collapsed",
+ name: "/collapsed",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -196,7 +196,7 @@ describe("IcBreadcrumb visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "current",
+ name: "/current",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -216,7 +216,7 @@ describe("IcBreadcrumb visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focussed",
+ name: "/focussed",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -227,7 +227,7 @@ describe("IcBreadcrumb visual regression and a11y tests", () => {
cy.checkHydrated(IC_BREADCRUMB_LABEL);
cy.compareSnapshot({
- name: "appearance",
+ name: "/appearance",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -256,7 +256,7 @@ describe("IcBreadcrumb visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BREADCRUMB_LABEL);
cy.compareSnapshot({
- name: "icon-high-contrast",
+ name: "/icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -267,7 +267,7 @@ describe("IcBreadcrumb visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BREADCRUMB_LABEL);
cy.compareSnapshot({
- name: "collapsed-high-contrast",
+ name: "/collapsed-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -278,7 +278,7 @@ describe("IcBreadcrumb visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BREADCRUMB_LABEL);
cy.compareSnapshot({
- name: "current-high-contrast",
+ name: "/current-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -297,7 +297,7 @@ describe("IcBreadcrumb visual regression tests in high contrast mode", () => {
.should(HAVE_FOCUS);
cy.compareSnapshot({
- name: "focussed-high-contrast",
+ name: "/focussed-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
diff --git a/packages/react/src/component-tests/IcButton/IcButton.cy.tsx b/packages/react/src/component-tests/IcButton/IcButton.cy.tsx
index 10e127dcad..a8134619de 100644
--- a/packages/react/src/component-tests/IcButton/IcButton.cy.tsx
+++ b/packages/react/src/component-tests/IcButton/IcButton.cy.tsx
@@ -321,7 +321,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "primary",
+ name: "/primary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -333,7 +333,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "secondary",
+ name: "/secondary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
});
@@ -345,7 +345,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "tertiary",
+ name: "/tertiary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -357,7 +357,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "destructive",
+ name: "/destructive",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -369,7 +369,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-icon",
+ name: "/with-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.061),
});
});
@@ -381,7 +381,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "icon-without-viewbox",
+ name: "/icon-without-viewbox",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -393,7 +393,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "size",
+ name: "/size",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.032),
});
});
@@ -412,7 +412,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
@@ -424,7 +424,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dropdown",
+ name: "/dropdown",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.068),
});
});
@@ -437,7 +437,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1000);
cy.compareSnapshot({
- name: "expanded-dropdown-popover",
+ name: "/expanded-dropdown-popover",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -455,7 +455,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "router-slot",
+ name: "/router-slot",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.013),
});
});
@@ -467,7 +467,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.wait(500).compareSnapshot({
- name: "icon-variants-button-group",
+ name: "/icon-variants-button-group",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.041),
});
});
@@ -492,7 +492,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "tooltip-primary",
+ name: "/tooltip-primary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -509,7 +509,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "tooltip-icon",
+ name: "/tooltip-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -526,7 +526,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "tooltip-icon-secondary",
+ name: "/tooltip-icon-secondary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -543,7 +543,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "tooltip-icon-tertiary",
+ name: "/tooltip-icon-tertiary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -560,7 +560,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "tooltip-icon-destructive",
+ name: "/tooltip-icon-destructive",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -577,7 +577,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused-primary",
+ name: "/focused-primary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.003),
});
});
@@ -598,7 +598,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused-secondary",
+ name: "/focused-secondary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -619,7 +619,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused-tertiary",
+ name: "/focused-tertiary",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -640,7 +640,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused-destructive",
+ name: "/focused-destructive",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -661,7 +661,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused-primary-light",
+ name: "/focused-primary-light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
@@ -682,7 +682,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused-primary-dark",
+ name: "/focused-primary-dark",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -694,7 +694,7 @@ describe("IcButton visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "height-width",
+ name: "/height-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -719,7 +719,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "primary-high-contrast",
+ name: "/primary-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.031),
});
});
@@ -730,7 +730,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "secondary-high-contrast",
+ name: "/secondary-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
@@ -741,7 +741,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "tertiary-high-contrast",
+ name: "/tertiary-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.031),
});
});
@@ -752,7 +752,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "destructive-high-contrast",
+ name: "/destructive-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.013),
});
});
@@ -763,7 +763,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "with-icon-high-contrast",
+ name: "/with-icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.071),
});
});
@@ -774,7 +774,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "icon-variants-high-contrast",
+ name: "/icon-variants-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.047),
});
});
@@ -786,7 +786,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
cy.get(IC_BUTTON_SELECTOR).click().wait(1000);
cy.compareSnapshot({
- name: "expanded-dropdown-popover-high-contrast",
+ name: "/expanded-dropdown-popover-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -802,7 +802,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
.trigger("mouseover");
cy.compareSnapshot({
- name: "tooltip-icon-high-contrast",
+ name: "/tooltip-icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -818,7 +818,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
.realPress("Enter");
cy.compareSnapshot({
- name: "focused-primary-high-contrast",
+ name: "/focused-primary-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -838,7 +838,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
.realPress("Enter");
cy.compareSnapshot({
- name: "focused-primary-light-high-contrast",
+ name: "/focused-primary-light-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -858,7 +858,7 @@ describe("IcButton visual regression tests in high contrast mode", () => {
.realPress("Enter");
cy.compareSnapshot({
- name: "focused-primary-dark-high-contrast",
+ name: "/focused-primary-dark-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
diff --git a/packages/react/src/component-tests/IcCard/IcCard.cy.tsx b/packages/react/src/component-tests/IcCard/IcCard.cy.tsx
index c91569d1aa..6160a6ab50 100644
--- a/packages/react/src/component-tests/IcCard/IcCard.cy.tsx
+++ b/packages/react/src/component-tests/IcCard/IcCard.cy.tsx
@@ -61,7 +61,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "static-card",
+ name: "/static-card",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
@@ -79,7 +79,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focus",
+ name: "/focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -99,7 +99,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 200);
cy.compareSnapshot({
- name: "blur",
+ name: "/blur",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.031),
});
});
@@ -113,7 +113,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "wrapped-anchor",
+ name: "/wrapped-anchor",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -126,7 +126,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-icon",
+ name: "/with-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -141,7 +141,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "heading-only",
+ name: "/heading-only",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -156,7 +156,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "message",
+ name: "/message",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
@@ -171,7 +171,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "sub-heading",
+ name: "/sub-heading",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037),
});
});
@@ -182,7 +182,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkHydrated(CARD_SELECTOR);
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-headings",
+ name: "/slotted-headings",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -196,7 +196,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 200);
cy.compareSnapshot({
- name: "interaction",
+ name: "/interaction",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.046),
});
});
@@ -211,7 +211,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "adornment",
+ name: "/adornment",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.04),
});
});
@@ -224,7 +224,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "top-image",
+ name: "/top-image",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.04),
});
});
@@ -237,7 +237,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mid-image",
+ name: "/mid-image",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.04),
});
});
@@ -253,7 +253,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "interaction-controls",
+ name: "/interaction-controls",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.04),
});
});
@@ -267,7 +267,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "clickable-link",
+ name: "/clickable-link",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -280,7 +280,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 100);
cy.compareSnapshot({
- name: "clickable-button",
+ name: "/clickable-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -293,7 +293,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "badge",
+ name: "/badge",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
@@ -306,7 +306,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -321,7 +321,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.028),
});
});
@@ -334,7 +334,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 100);
cy.compareSnapshot({
- name: "expandable",
+ name: "/expandable",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.04),
});
});
@@ -348,7 +348,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "expanded-clicked",
+ name: "/expanded-clicked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.052),
});
});
@@ -360,7 +360,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkHydrated(CARD_SELECTOR);
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "reduced-width",
+ name: "/reduced-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.039),
});
});
@@ -372,7 +372,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkHydrated(CARD_SELECTOR);
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "increased-width",
+ name: "/increased-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -384,7 +384,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkHydrated(CARD_SELECTOR);
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "additional-height",
+ name: "/additional-height",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.039),
});
});
@@ -403,7 +403,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "render-three",
+ name: "/render-three",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.043),
});
});
@@ -429,7 +429,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.get("a").focus().should(HAVE_FOCUS);
cy.wait(300).compareSnapshot({
- name: "wrapped-anchor-high-contrast",
+ name: "/wrapped-anchor-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -442,7 +442,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.wait(1000).get("ic-button").shadow().find("button").focus();
cy.wait(100).compareSnapshot({
- name: "interaction-high-contrast",
+ name: "/interaction-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.039),
});
});
@@ -455,7 +455,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.get(CARD_SELECTOR).click();
cy.wait(200).compareSnapshot({
- name: "clickable-link-high-contrast",
+ name: "/clickable-link-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -467,7 +467,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.get(CARD_SELECTOR).click().should(HAVE_FOCUS);
cy.wait(200).compareSnapshot({
- name: "clickable-button-high-contrast",
+ name: "/clickable-button-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
});
@@ -478,7 +478,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkHydrated(CARD_SELECTOR);
cy.compareSnapshot({
- name: "badge-high-contrast",
+ name: "/badge-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
@@ -489,7 +489,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkHydrated(CARD_SELECTOR);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -502,7 +502,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.get(TYPOGRAPHY_SELECTOR).contains("Expanded").should(BE_VISIBLE);
cy.compareSnapshot({
- name: "expanded-clicked-high-contrast",
+ name: "/expanded-clicked-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.047),
});
});
@@ -513,7 +513,7 @@ describe("IcCard end-to-end, visual regression and a11y tests", () => {
cy.checkHydrated(CARD_SELECTOR);
cy.compareSnapshot({
- name: "render-three-high-contrast",
+ name: "/render-three-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
diff --git a/packages/react/src/component-tests/IcCheckbox/IcCheckbox.cy.tsx b/packages/react/src/component-tests/IcCheckbox/IcCheckbox.cy.tsx
index ef64f76016..1b347ee3c8 100644
--- a/packages/react/src/component-tests/IcCheckbox/IcCheckbox.cy.tsx
+++ b/packages/react/src/component-tests/IcCheckbox/IcCheckbox.cy.tsx
@@ -476,7 +476,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.063),
});
});
@@ -488,7 +488,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.028),
});
});
@@ -500,7 +500,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "hide-label",
+ name: "/hide-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.035),
});
});
@@ -511,7 +511,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkHydrated(CHECKBOX_GROUP_SELECTOR);
cy.compareSnapshot({
- name: "hide-checkbox-label",
+ name: "/hide-checkbox-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
cy.checkA11yWithWait(undefined, 1000);
@@ -524,7 +524,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "helper",
+ name: "/helper",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.06),
});
});
@@ -536,7 +536,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "required",
+ name: "/required",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.053),
});
});
@@ -548,7 +548,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "sizes",
+ name: "/sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.084),
});
});
@@ -560,7 +560,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "checkbox-sizes",
+ name: "/checkbox-sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.046),
});
});
@@ -572,7 +572,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "conditional",
+ name: "/conditional",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.075),
});
});
@@ -584,7 +584,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dynamic",
+ name: "/dynamic",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.087),
});
});
@@ -596,7 +596,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "validation",
+ name: "/validation",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.06),
});
});
@@ -616,7 +616,7 @@ describe("IcCheckbox visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focus",
+ name: "/focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.063),
});
});
@@ -641,7 +641,7 @@ describe("IcCheckbox visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHECKBOX_GROUP_SELECTOR);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.062),
});
});
@@ -652,7 +652,7 @@ describe("IcCheckbox visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHECKBOX_GROUP_SELECTOR);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -663,7 +663,7 @@ describe("IcCheckbox visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHECKBOX_GROUP_SELECTOR);
cy.compareSnapshot({
- name: "helper-high-contrast",
+ name: "/helper-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.056),
});
});
@@ -674,7 +674,7 @@ describe("IcCheckbox visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHECKBOX_GROUP_SELECTOR);
cy.compareSnapshot({
- name: "conditional-high-contrast",
+ name: "/conditional-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.071),
});
});
@@ -685,7 +685,7 @@ describe("IcCheckbox visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHECKBOX_GROUP_SELECTOR);
cy.compareSnapshot({
- name: "dynamic-high-contrast",
+ name: "/dynamic-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.084),
});
});
@@ -696,7 +696,7 @@ describe("IcCheckbox visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHECKBOX_GROUP_SELECTOR);
cy.compareSnapshot({
- name: "validation-high-contrast",
+ name: "/validation-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.056),
});
});
@@ -715,7 +715,7 @@ describe("IcCheckbox visual regression tests in high contrast mode", () => {
.should(HAVE_FOCUS);
cy.wait(500).compareSnapshot({
- name: "focus-high-contrast",
+ name: "/focus-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.062),
});
});
diff --git a/packages/react/src/component-tests/IcChip/IcChip.cy.tsx b/packages/react/src/component-tests/IcChip/IcChip.cy.tsx
index d9fa864955..4fa7fc923d 100644
--- a/packages/react/src/component-tests/IcChip/IcChip.cy.tsx
+++ b/packages/react/src/component-tests/IcChip/IcChip.cy.tsx
@@ -68,7 +68,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "static",
+ name: "/static",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -84,7 +84,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "outlined",
+ name: "/outlined",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -96,7 +96,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-icon",
+ name: "/with-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -114,7 +114,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "sizes",
+ name: "/sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -128,7 +128,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dismissible",
+ name: "/dismissible",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -144,7 +144,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dismissible-focus",
+ name: "/dismissible-focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.028),
});
});
@@ -158,7 +158,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-dismiss-label",
+ name: "/custom-dismiss-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -170,7 +170,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
});
});
@@ -184,7 +184,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "long-label",
+ name: "/long-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.058),
});
});
@@ -196,7 +196,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "white-background",
+ name: "/white-background",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -208,7 +208,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-colour",
+ name: "/custom-colour",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -220,7 +220,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "badge-slot",
+ name: "/badge-slot",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
});
});
@@ -231,7 +231,7 @@ describe("IcChip visual regression and a11y tests", () => {
cy.checkHydrated(CHIP_SELECTOR);
cy.compareSnapshot({
- name: "in-ag-grid",
+ name: "/in-ag-grid",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
@@ -256,7 +256,7 @@ describe("IcChip visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHIP_SELECTOR);
cy.compareSnapshot({
- name: "custom-colour-high-contrast",
+ name: "/custom-colour-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -267,7 +267,7 @@ describe("IcChip visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHIP_SELECTOR);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
});
});
@@ -280,7 +280,7 @@ describe("IcChip visual regression tests in high contrast mode", () => {
cy.checkHydrated("ic-chip#large-chip");
cy.compareSnapshot({
- name: "dismissible-high-contrast",
+ name: "/dismissible-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -295,7 +295,7 @@ describe("IcChip visual regression tests in high contrast mode", () => {
cy.findShadowEl("ic-chip#small-chip", "button").eq(0).focus().wait(500);
cy.compareSnapshot({
- name: "dismissible-focus-high-contrast",
+ name: "/dismissible-focus-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -306,7 +306,7 @@ describe("IcChip visual regression tests in high contrast mode", () => {
cy.checkHydrated(CHIP_SELECTOR);
cy.compareSnapshot({
- name: "white-background-high-contrast",
+ name: "/white-background-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
diff --git a/packages/react/src/component-tests/IcClassificationBanner/IcClassificationBanner.cy.tsx b/packages/react/src/component-tests/IcClassificationBanner/IcClassificationBanner.cy.tsx
index 8230dea6cc..af3a9f088e 100644
--- a/packages/react/src/component-tests/IcClassificationBanner/IcClassificationBanner.cy.tsx
+++ b/packages/react/src/component-tests/IcClassificationBanner/IcClassificationBanner.cy.tsx
@@ -24,7 +24,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.013),
});
});
@@ -41,7 +41,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "undefined",
+ name: "/undefined",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.013),
});
});
@@ -54,7 +54,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "official",
+ name: "/official",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -67,7 +67,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "official-sensitive",
+ name: "/official-sensitive",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -80,7 +80,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "secret",
+ name: "/secret",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -93,7 +93,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "top-secret",
+ name: "/top-secret",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -109,7 +109,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "country-official",
+ name: "/country-official",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -125,7 +125,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "up-to-official",
+ name: "/up-to-official",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -153,7 +153,7 @@ describe("IcClassificationBanner visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "inline-official",
+ name: "/inline-official",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -182,7 +182,7 @@ describe("IcClassificationBanner visual regression tests in high contrast mode",
cy.checkHydrated(BANNER);
cy.compareSnapshot({
- name: "up-to-official-high-contrast",
+ name: "/up-to-official-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
diff --git a/packages/react/src/component-tests/IcDataEntity/IcDataEntity.cy.tsx b/packages/react/src/component-tests/IcDataEntity/IcDataEntity.cy.tsx
index a9cf3da2b9..a954d828c5 100644
--- a/packages/react/src/component-tests/IcDataEntity/IcDataEntity.cy.tsx
+++ b/packages/react/src/component-tests/IcDataEntity/IcDataEntity.cy.tsx
@@ -52,7 +52,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -68,7 +68,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "links",
+ name: "/links",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -84,7 +84,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-heading-label",
+ name: "/slotted-heading-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -104,7 +104,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "one-data-row",
+ name: "/one-data-row",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -128,7 +128,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "button",
+ name: "/button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -144,7 +144,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "status-tag",
+ name: "/status-tag",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -160,7 +160,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "status-tag-as-value",
+ name: "/status-tag-as-value",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -176,7 +176,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "size-small",
+ name: "/size-small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -192,7 +192,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "long-text-values",
+ name: "/long-text-values",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.06),
});
});
@@ -208,7 +208,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "editable-data",
+ name: "/editable-data",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -225,7 +225,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "editable-data-clicked",
+ name: "/editable-data-clicked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -253,7 +253,7 @@ describe("IcDataEntity end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "editable-name-data",
+ name: "/editable-name-data",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -286,7 +286,7 @@ describe("IcDataEntity visual regression tests in high contrast mode", () => {
cy.checkHydrated(DATA_ENTITY_SELECTOR);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -301,7 +301,7 @@ describe("IcDataEntity visual regression tests in high contrast mode", () => {
cy.checkHydrated(DATA_ENTITY_SELECTOR);
cy.compareSnapshot({
- name: "links-high-contrast",
+ name: "/links-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -316,7 +316,7 @@ describe("IcDataEntity visual regression tests in high contrast mode", () => {
cy.checkHydrated(DATA_ENTITY_SELECTOR);
cy.compareSnapshot({
- name: "button-high-contrast",
+ name: "/button-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -331,7 +331,7 @@ describe("IcDataEntity visual regression tests in high contrast mode", () => {
cy.checkHydrated(DATA_ENTITY_SELECTOR);
cy.compareSnapshot({
- name: "status-tag-high-contrast",
+ name: "/status-tag-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -346,7 +346,7 @@ describe("IcDataEntity visual regression tests in high contrast mode", () => {
cy.checkHydrated(DATA_ENTITY_SELECTOR);
cy.compareSnapshot({
- name: "editable-data-high-contrast",
+ name: "/editable-data-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -362,7 +362,7 @@ describe("IcDataEntity visual regression tests in high contrast mode", () => {
cy.get("ic-button").contains("Edit").click().wait(500);
cy.compareSnapshot({
- name: "editable-data-clicked-high-contrast",
+ name: "/editable-data-clicked-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
diff --git a/packages/react/src/component-tests/IcDialog/IcDialog.cy.tsx b/packages/react/src/component-tests/IcDialog/IcDialog.cy.tsx
index e68dd586e7..65f31918a8 100644
--- a/packages/react/src/component-tests/IcDialog/IcDialog.cy.tsx
+++ b/packages/react/src/component-tests/IcDialog/IcDialog.cy.tsx
@@ -234,7 +234,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.053),
});
});
@@ -248,7 +248,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 200);
cy.compareSnapshot({
- name: "slotted-content",
+ name: "/slotted-content",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.072),
});
});
@@ -263,7 +263,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1100);
cy.compareSnapshot({
- name: "slotted-content-clicked",
+ name: "/slotted-content-clicked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.069),
});
});
@@ -278,7 +278,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disable-height-constraint",
+ name: "/disable-height-constraint",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.048),
});
});
@@ -292,7 +292,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "accordion",
+ name: "/accordion",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.06),
});
});
@@ -306,7 +306,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "accordion-group",
+ name: "/accordion-group",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
@@ -320,7 +320,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "accordion-group-single-expansion",
+ name: "/accordion-group-single-expansion",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037),
});
});
@@ -351,7 +351,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1100);
cy.compareSnapshot({
- name: "neutral-alert",
+ name: "/neutral-alert",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.063),
});
});
@@ -362,7 +362,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1100);
cy.compareSnapshot({
- name: "info-alert",
+ name: "/info-alert",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.074),
});
});
@@ -373,7 +373,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1100);
cy.compareSnapshot({
- name: "warning-alert",
+ name: "/warning-alert",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.075),
});
});
@@ -384,7 +384,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1100);
cy.compareSnapshot({
- name: "error-alert",
+ name: "/error-alert",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.074),
});
});
@@ -395,7 +395,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1100);
cy.compareSnapshot({
- name: "success-alert",
+ name: "/success-alert",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.063),
});
});
@@ -406,7 +406,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1100);
cy.compareSnapshot({
- name: "small",
+ name: "/small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.053),
});
});
@@ -417,7 +417,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 1100);
cy.compareSnapshot({
- name: "large",
+ name: "/large",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -431,7 +431,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "no-dialog-controls",
+ name: "/no-dialog-controls",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.053),
});
});
@@ -445,7 +445,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "destructive-dialog-controls",
+ name: "/destructive-dialog-controls",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -459,7 +459,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-dialog-controls",
+ name: "/custom-dialog-controls",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -473,7 +473,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "hide-close-button",
+ name: "/hide-close-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.053),
});
});
@@ -487,7 +487,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "scroll-before",
+ name: "/scroll-before",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.098),
});
});
@@ -502,7 +502,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "scroll-after",
+ name: "/scroll-after",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.106),
});
});
@@ -524,7 +524,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "tab-dynamic-content",
+ name: "/tab-dynamic-content",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.104),
});
});
@@ -538,7 +538,7 @@ describe("IcDialog visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disable-width-constraint",
+ name: "/disable-width-constraint",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.08),
});
});
@@ -569,7 +569,7 @@ describe("IcDialog visual regression tests in high contrast mode", () => {
cy.get(DIALOG).should(HAVE_ATTR, "open");
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.047),
});
});
@@ -582,7 +582,7 @@ describe("IcDialog visual regression tests in high contrast mode", () => {
cy.get(DIALOG).should(HAVE_ATTR, "open");
cy.compareSnapshot({
- name: "slotted-content-high-contrast",
+ name: "/slotted-content-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.063),
});
});
@@ -592,7 +592,7 @@ describe("IcDialog visual regression tests in high contrast mode", () => {
cy.checkHydrated(DIALOG);
cy.wait(300).compareSnapshot({
- name: "success-alert-high-contrast",
+ name: "/success-alert-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -602,7 +602,7 @@ describe("IcDialog visual regression tests in high contrast mode", () => {
cy.checkHydrated(DIALOG);
cy.wait(300).compareSnapshot({
- name: "warning-alert-high-contrast",
+ name: "/warning-alert-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -615,7 +615,7 @@ describe("IcDialog visual regression tests in high contrast mode", () => {
cy.get(DIALOG).should(HAVE_ATTR, "open");
cy.compareSnapshot({
- name: "no-dialog-controls-high-contrast",
+ name: "/no-dialog-controls-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.046),
});
});
@@ -628,7 +628,7 @@ describe("IcDialog visual regression tests in high contrast mode", () => {
cy.get(DIALOG).should(HAVE_ATTR, "open");
cy.compareSnapshot({
- name: "destructive-dialog-controls-high-contrast",
+ name: "/destructive-dialog-controls-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.048),
});
});
diff --git a/packages/react/src/component-tests/IcEmptyState/IcEmptyState.cy.tsx b/packages/react/src/component-tests/IcEmptyState/IcEmptyState.cy.tsx
index 5d1a36ccf2..5cb518027c 100644
--- a/packages/react/src/component-tests/IcEmptyState/IcEmptyState.cy.tsx
+++ b/packages/react/src/component-tests/IcEmptyState/IcEmptyState.cy.tsx
@@ -37,7 +37,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "basic-desktop",
+ name: "/basic-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -50,7 +50,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "title",
+ name: "/title",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -70,7 +70,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "body",
+ name: "/body",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -83,7 +83,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-image",
+ name: "/slotted-image",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -96,7 +96,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "button",
+ name: "/button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -109,7 +109,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "right-aligned",
+ name: "/right-aligned",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -122,7 +122,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "center-aligned",
+ name: "/center-aligned",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -135,7 +135,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small-image",
+ name: "/small-image",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -148,7 +148,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "large-image",
+ name: "/large-image",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -165,7 +165,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "truncated-text",
+ name: "/truncated-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.052),
});
});
@@ -185,7 +185,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "truncated-text-after-click",
+ name: "/truncated-text-after-click",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.083),
});
});
@@ -197,7 +197,7 @@ describe("IcEmptyState end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-content",
+ name: "/slotted-content",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -226,7 +226,7 @@ describe("IcEmptyState visual regression tests in high contrast mode", () => {
cy.checkHydrated(EMPTY_STATE);
cy.compareSnapshot({
- name: "basic-desktop-high-contrast",
+ name: "/basic-desktop-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -237,7 +237,7 @@ describe("IcEmptyState visual regression tests in high contrast mode", () => {
cy.checkHydrated(EMPTY_STATE);
cy.compareSnapshot({
- name: "truncated-text-high-contrast",
+ name: "/truncated-text-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.042),
});
});
diff --git a/packages/react/src/component-tests/IcFooter/IcFooter.cy.tsx b/packages/react/src/component-tests/IcFooter/IcFooter.cy.tsx
index 1f76f92145..452b34961f 100644
--- a/packages/react/src/component-tests/IcFooter/IcFooter.cy.tsx
+++ b/packages/react/src/component-tests/IcFooter/IcFooter.cy.tsx
@@ -52,7 +52,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
@@ -68,7 +68,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "group-links",
+ name: "/group-links",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -91,7 +91,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "group-links-mobile",
+ name: "/group-links-mobile",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.043),
});
});
@@ -104,7 +104,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "before-click",
+ name: "/before-click",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -123,7 +123,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.wait(500).compareSnapshot({
- name: "after-click",
+ name: "/after-click",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
@@ -136,7 +136,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "center",
+ name: "/center",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -151,7 +151,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -164,7 +164,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "extra-small",
+ name: "/extra-small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.059),
});
});
@@ -176,7 +176,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "extra-large",
+ name: "/extra-large",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -189,7 +189,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait("svg", 500);
cy.compareSnapshot({
- name: "logo-with-links",
+ name: "/logo-with-links",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -202,7 +202,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "layout-link",
+ name: "/layout-link",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.058),
});
});
@@ -215,7 +215,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "no-copyright",
+ name: "/no-copyright",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.024),
});
});
@@ -228,7 +228,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "no-description",
+ name: "/no-description",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -241,7 +241,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "no-caption-copyright",
+ name: "/no-caption-copyright",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
@@ -254,7 +254,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "no-links",
+ name: "/no-links",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -267,7 +267,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-description-caption",
+ name: "/slotted-description-caption",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -279,7 +279,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "classification-banner",
+ name: "/classification-banner",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -291,7 +291,7 @@ describe("IcFooter end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "theme",
+ name: "/theme",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -320,7 +320,7 @@ describe("IcFooter visual regression tests in high contrast mode", () => {
cy.checkHydrated(FOOTER_SELECTOR);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -331,7 +331,7 @@ describe("IcFooter visual regression tests in high contrast mode", () => {
cy.checkHydrated(FOOTER_SELECTOR);
cy.compareSnapshot({
- name: "slotted-content-high-contrast",
+ name: "/slotted-content-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -343,7 +343,7 @@ describe("IcFooter visual regression tests in high contrast mode", () => {
cy.checkHydrated(FOOTER_SELECTOR);
cy.compareSnapshot({
- name: "logo-links-high-contrast",
+ name: "/logo-links-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
diff --git a/packages/react/src/component-tests/IcHero/IcHero.cy.tsx b/packages/react/src/component-tests/IcHero/IcHero.cy.tsx
index db7715bf9c..ef504603e8 100644
--- a/packages/react/src/component-tests/IcHero/IcHero.cy.tsx
+++ b/packages/react/src/component-tests/IcHero/IcHero.cy.tsx
@@ -40,7 +40,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 200);
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -54,7 +54,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-headings",
+ name: "/slotted-headings",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -67,7 +67,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "centered",
+ name: "/centered",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -79,7 +79,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "centered-content",
+ name: "/centered-content",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
});
});
@@ -92,7 +92,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small",
+ name: "/small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -106,7 +106,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "secondary-heading-search",
+ name: "/secondary-heading-search",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
});
@@ -124,7 +124,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "card-content",
+ name: "/card-content",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -137,7 +137,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "image-right",
+ name: "/image-right",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -149,7 +149,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "background-image",
+ name: "/background-image",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -161,7 +161,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "long-heading",
+ name: "/long-heading",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -176,7 +176,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -189,7 +189,7 @@ describe("IcHero end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "theme",
+ name: "/theme",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.028),
});
});
@@ -218,7 +218,7 @@ describe("IcHero visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_HERO_SELECTOR);
cy.wait(500).compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
});
});
@@ -229,7 +229,7 @@ describe("IcHero visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_HERO_SELECTOR);
cy.wait(500).compareSnapshot({
- name: "slotted-headings-high-contrast",
+ name: "/slotted-headings-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -240,7 +240,7 @@ describe("IcHero visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_HERO_SELECTOR);
cy.wait(500).compareSnapshot({
- name: "card-content-high-contrast",
+ name: "/card-content-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -251,7 +251,7 @@ describe("IcHero visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_HERO_SELECTOR);
cy.wait(500).compareSnapshot({
- name: "background-image-high-contrast",
+ name: "/background-image-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
});
});
diff --git a/packages/react/src/component-tests/IcLink/IcLink.cy.tsx b/packages/react/src/component-tests/IcLink/IcLink.cy.tsx
index 8edd3d04d1..6cb523c6fb 100644
--- a/packages/react/src/component-tests/IcLink/IcLink.cy.tsx
+++ b/packages/react/src/component-tests/IcLink/IcLink.cy.tsx
@@ -30,7 +30,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -48,7 +48,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default-focus",
+ name: "/default-focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -66,7 +66,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dark",
+ name: "/dark",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -86,7 +86,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dark-focus",
+ name: "/dark-focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.003),
});
});
@@ -106,7 +106,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "light",
+ name: "/light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -128,7 +128,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "light-focus",
+ name: "/light-focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -162,7 +162,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "icon",
+ name: "/icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -187,7 +187,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "multiline",
+ name: "/multiline",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.045),
});
});
@@ -227,7 +227,7 @@ describe("IcLink end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "inline",
+ name: "/inline",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -256,7 +256,7 @@ describe("IcLink visual regression tests in high contrast mode", () => {
cy.checkHydrated(LINK_SELECTOR);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -273,7 +273,7 @@ describe("IcLink visual regression tests in high contrast mode", () => {
cy.get(LINK_SELECTOR).shadow().find("a").focus();
cy.compareSnapshot({
- name: "default-focus-high-contrast",
+ name: "/default-focus-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -290,7 +290,7 @@ describe("IcLink visual regression tests in high contrast mode", () => {
cy.checkHydrated(LINK_SELECTOR);
cy.compareSnapshot({
- name: "inline-high-contrast",
+ name: "/inline-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -307,7 +307,7 @@ describe("IcLink visual regression tests in high contrast mode", () => {
cy.checkHydrated(LINK_SELECTOR);
cy.compareSnapshot({
- name: "icon-high-contrast",
+ name: "/icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
diff --git a/packages/react/src/component-tests/IcLoadingIndicator/IcLoadingIndicator.cy.tsx b/packages/react/src/component-tests/IcLoadingIndicator/IcLoadingIndicator.cy.tsx
index 0b11f0fe4e..140002c8be 100644
--- a/packages/react/src/component-tests/IcLoadingIndicator/IcLoadingIndicator.cy.tsx
+++ b/packages/react/src/component-tests/IcLoadingIndicator/IcLoadingIndicator.cy.tsx
@@ -63,7 +63,7 @@ describe("IcLoadingIndicator end-to-end, visual regression and a11y tests", () =
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "determinate-circulars-with-3-sizes",
+ name: "/determinate-circulars-with-3-sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -84,7 +84,7 @@ describe("IcLoadingIndicator end-to-end, visual regression and a11y tests", () =
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "determinate-circular-with-icon",
+ name: "/determinate-circular-with-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
cypressScreenshotOptions: {
clip: ICON_CLIP,
@@ -105,7 +105,7 @@ describe("IcLoadingIndicator end-to-end, visual regression and a11y tests", () =
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "determinate-linears-with-3-sizes",
+ name: "/determinate-linears-with-3-sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.042),
cypressScreenshotOptions: {
clip: MULTI_CLIP,
@@ -129,7 +129,7 @@ describe("IcLoadingIndicator end-to-end, visual regression and a11y tests", () =
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "determinate-light-circular-with-3-sizes",
+ name: "/determinate-light-circular-with-3-sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -153,7 +153,7 @@ describe("IcLoadingIndicator end-to-end, visual regression and a11y tests", () =
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "determinate-circular-light-with-icon",
+ name: "/determinate-circular-light-with-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
cypressScreenshotOptions: {
clip: ICON_CLIP,
@@ -174,7 +174,7 @@ describe("IcLoadingIndicator end-to-end, visual regression and a11y tests", () =
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "determinate-linears-light-with-3-sizes",
+ name: "/determinate-linears-light-with-3-sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.024),
cypressScreenshotOptions: {
clip: MULTI_CLIP,
@@ -198,7 +198,7 @@ describe("IcLoadingIndicator end-to-end, visual regression and a11y tests", () =
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "determinate-circular-with-desc-no-label",
+ name: "/determinate-circular-with-desc-no-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
cypressScreenshotOptions: {
clip: MULTI_CLIP,
@@ -223,7 +223,7 @@ describe("IcLoadingIndicator end-to-end, visual regression and a11y tests", () =
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "determinate-circular-with-inner-label",
+ name: "/determinate-circular-with-inner-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
cypressScreenshotOptions: {
clip: INNER_LABEL_CLIP,
@@ -275,7 +275,7 @@ describe("IcLoadingIndicator visual regression tests in high contrast mode", ()
cy.checkHydrated(LOADING_INDICATOR_SELECTOR);
cy.compareSnapshot({
- name: "determinate-circulars-with-3-sizes-high-contrast",
+ name: "/determinate-circulars-with-3-sizes-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -292,7 +292,7 @@ describe("IcLoadingIndicator visual regression tests in high contrast mode", ()
cy.checkHydrated(LOADING_INDICATOR_SELECTOR);
cy.compareSnapshot({
- name: "determinate-circular-with-icon-high-contrast",
+ name: "/determinate-circular-with-icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
cypressScreenshotOptions: {
clip: ICON_CLIP,
@@ -312,7 +312,7 @@ describe("IcLoadingIndicator visual regression tests in high contrast mode", ()
cy.checkHydrated(LOADING_INDICATOR_SELECTOR);
cy.compareSnapshot({
- name: "determinate-linears-with-3-sizes-high-contrast",
+ name: "/determinate-linears-with-3-sizes-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.042),
cypressScreenshotOptions: {
clip: MULTI_CLIP,
@@ -332,7 +332,7 @@ describe("IcLoadingIndicator visual regression tests in high contrast mode", ()
cy.checkHydrated(LOADING_INDICATOR_SELECTOR);
cy.compareSnapshot({
- name: "determinate-light-circular-with-3-sizes-high-contrast",
+ name: "/determinate-light-circular-with-3-sizes-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -349,7 +349,7 @@ describe("IcLoadingIndicator visual regression tests in high contrast mode", ()
cy.checkHydrated(LOADING_INDICATOR_SELECTOR);
cy.compareSnapshot({
- name: "determinate-circular-with-inner-label-high-contrast",
+ name: "/determinate-circular-with-inner-label-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.031),
cypressScreenshotOptions: {
clip: INNER_LABEL_CLIP,
diff --git a/packages/react/src/component-tests/IcNavigationMenu/IcNavigationMenu.cy.tsx b/packages/react/src/component-tests/IcNavigationMenu/IcNavigationMenu.cy.tsx
index c05164de20..e5cf09ca74 100644
--- a/packages/react/src/component-tests/IcNavigationMenu/IcNavigationMenu.cy.tsx
+++ b/packages/react/src/component-tests/IcNavigationMenu/IcNavigationMenu.cy.tsx
@@ -54,7 +54,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "with-expandable-nav-groups-top-nav",
+ name: "/with-expandable-nav-groups-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -73,7 +73,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
//cy.checkA11yWithWait(undefined, 250);
cy.wait(250).compareSnapshot({
- name: "with-expandable-nav-groups-top-nav-expanded",
+ name: "/with-expandable-nav-groups-top-nav-expanded",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -130,7 +130,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "expandable-nav-group-focused-top-nav",
+ name: "/expandable-nav-group-focused-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -179,7 +179,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "nav-item-within-expandable-nav-group-focused-top-nav",
+ name: "/nav-item-within-expandable-nav-group-focused-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -216,7 +216,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
//cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "with-nav-groups-top-nav",
+ name: "/with-nav-groups-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.032),
});
});
@@ -262,7 +262,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "nav-group-focused-top-nav",
+ name: "/nav-group-focused-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -275,7 +275,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "with-nav-items-top-nav",
+ name: "/with-nav-items-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -311,7 +311,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "nav-item-focused-top-nav",
+ name: "/nav-item-focused-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -324,7 +324,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "with-nav-buttons-top-nav",
+ name: "/with-nav-buttons-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -366,7 +366,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "nav-button-focused-top-nav",
+ name: "/nav-button-focused-top-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
});
});
@@ -390,7 +390,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "with-expandable-nav-groups-side-nav",
+ name: "/with-expandable-nav-groups-side-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -405,7 +405,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "with-expandable-nav-groups-side-nav-expanded",
+ name: "/with-expandable-nav-groups-side-nav-expanded",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -452,7 +452,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "expandable-nav-group-focused-side-nav",
+ name: "/expandable-nav-group-focused-side-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -474,7 +474,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "nav-item-within-expandable-nav-group-focused-side-nav",
+ name: "/nav-item-within-expandable-nav-group-focused-side-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -489,7 +489,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "with-nav-groups-side-nav",
+ name: "/with-nav-groups-side-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -530,7 +530,7 @@ describe("IcNavigationMenu end-to-end and visual regression tests", () => {
cy.checkA11yWithWait(undefined, 250);
cy.compareSnapshot({
- name: "with-nav-items-side-nav",
+ name: "/with-nav-items-side-nav",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -581,7 +581,7 @@ describe("IcNavigationMenu visual regression tests in high contrast mode", () =>
cy.findShadowEl(TOP_NAV_SELECTOR, MENU_BUTTON_SELECTOR).click().wait(250);
cy.compareSnapshot({
- name: "all-nav-types-top-nav-high-contrast",
+ name: "/all-nav-types-top-nav-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
@@ -600,7 +600,7 @@ describe("IcNavigationMenu visual regression tests in high contrast mode", () =>
cy.get(NAVIGATION_GROUP_SELECTOR).eq(0).should(HAVE_FOCUS);
cy.wait(250).compareSnapshot({
- name: "nav-group-top-nav-focused-high-contrast",
+ name: "/nav-group-top-nav-focused-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -614,7 +614,7 @@ describe("IcNavigationMenu visual regression tests in high contrast mode", () =>
cy.get(SIDE_NAV_SELECTOR).should(HAVE_CLASS, "xs-menu-open");
cy.compareSnapshot({
- name: "all-nav-types-side-nav-high-contrast",
+ name: "/all-nav-types-side-nav-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -635,7 +635,7 @@ describe("IcNavigationMenu visual regression tests in high contrast mode", () =>
cy.get(NAVIGATION_GROUP_SELECTOR).eq(0).should(HAVE_FOCUS);
cy.compareSnapshot({
- name: "nav-group-side-nav-focused-high-contrast",
+ name: "/nav-group-side-nav-focused-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
diff --git a/packages/react/src/component-tests/IcPageHeader/IcPageHeader.cy.tsx b/packages/react/src/component-tests/IcPageHeader/IcPageHeader.cy.tsx
index dd51a59168..94f8a146a5 100644
--- a/packages/react/src/component-tests/IcPageHeader/IcPageHeader.cy.tsx
+++ b/packages/react/src/component-tests/IcPageHeader/IcPageHeader.cy.tsx
@@ -36,7 +36,7 @@ describe("IcPageHeader", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -49,7 +49,7 @@ describe("IcPageHeader", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "sticky-variant",
+ name: "/sticky-variant",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.087),
cypressScreenshotOptions: {
clip: { x: 0, y: 450, width: 1050, height: 600 },
@@ -67,7 +67,7 @@ describe("IcPageHeader", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "desktop-only-after-scroll",
+ name: "/desktop-only-after-scroll",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.199),
cypressScreenshotOptions: {
capture: "viewport",
@@ -80,7 +80,7 @@ describe("IcPageHeader", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "center-page-header",
+ name: "/center-page-header",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
@@ -90,7 +90,7 @@ describe("IcPageHeader", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small-size",
+ name: "/small-size",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -100,7 +100,7 @@ describe("IcPageHeader", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width-page-header",
+ name: "/full-width-page-header",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
@@ -110,7 +110,7 @@ describe("IcPageHeader", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "without-border",
+ name: "/without-border",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
@@ -122,7 +122,7 @@ describe("IcPageHeader", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-action-input-tab",
+ name: "/with-action-input-tab",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
});
});
@@ -135,7 +135,7 @@ describe("IcPageHeader", () => {
cy.get("ic-text-field").should(BE_VISIBLE);
cy.compareSnapshot({
- name: "with-action-input-step",
+ name: "/with-action-input-step",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -144,7 +144,7 @@ describe("IcPageHeader", () => {
mount();
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-breadcrumb",
+ name: "/with-breadcrumb",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -153,7 +153,7 @@ describe("IcPageHeader", () => {
mount();
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-slotted-headings",
+ name: "/with-slotted-headings",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -174,7 +174,7 @@ describe("IcPageHeader", () => {
it("should render", () => {
mount();
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037),
});
});
@@ -182,7 +182,7 @@ describe("IcPageHeader", () => {
it("should render with actions, input and tabs", () => {
mount();
cy.compareSnapshot({
- name: "actions-input-tabs-high-contrast",
+ name: "/actions-input-tabs-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.048),
});
});
@@ -190,7 +190,7 @@ describe("IcPageHeader", () => {
it("should render with breadcrumbs", () => {
mount();
cy.compareSnapshot({
- name: "breadcrumbs-high-contrast",
+ name: "/breadcrumbs-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.039),
});
});
@@ -198,7 +198,7 @@ describe("IcPageHeader", () => {
it("should render with stepper", () => {
mount();
cy.compareSnapshot({
- name: "stepper-high-contrast",
+ name: "/stepper-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -208,7 +208,7 @@ describe("IcPageHeader", () => {
mount();
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-slotted-headings",
+ name: "/with-slotted-headings",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
diff --git a/packages/react/src/component-tests/IcPagination/IcPagination.cy.tsx b/packages/react/src/component-tests/IcPagination/IcPagination.cy.tsx
index f997728e59..af3d327591 100644
--- a/packages/react/src/component-tests/IcPagination/IcPagination.cy.tsx
+++ b/packages/react/src/component-tests/IcPagination/IcPagination.cy.tsx
@@ -37,7 +37,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "simple",
+ name: "/simple",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -58,7 +58,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "focus-simple",
+ name: "/focus-simple",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -77,7 +77,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "complex",
+ name: "/complex",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -102,7 +102,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "focus-complex",
+ name: "/focus-complex",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -117,7 +117,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dark-complex-appearance",
+ name: "/dark-complex-appearance",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -138,7 +138,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "dark-complex-focus",
+ name: "/dark-complex-focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -157,7 +157,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dark-simple-appearance",
+ name: "/dark-simple-appearance",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -182,7 +182,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "dark-simple-focus",
+ name: "/dark-simple-focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -199,7 +199,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "light-complex-appearance",
+ name: "/light-complex-appearance",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -222,7 +222,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "light-complex-focus",
+ name: "/light-complex-focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -239,7 +239,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "light-simple-appearance",
+ name: "/light-simple-appearance",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -262,7 +262,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "light-simple-focus",
+ name: "/light-simple-focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.035),
});
});
@@ -282,7 +282,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "boundary-adjacent-items",
+ name: "/boundary-adjacent-items",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.024),
});
});
@@ -303,7 +303,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "boundary-adjacent-items-centre-page",
+ name: "/boundary-adjacent-items-centre-page",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.024),
});
});
@@ -318,7 +318,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "hide-first-last-page-buttons",
+ name: "/hide-first-last-page-buttons",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -333,7 +333,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "hide-current-page",
+ name: "/hide-current-page",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -348,7 +348,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled-with-complex",
+ name: "/disabled-with-complex",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -363,7 +363,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled-with-simple",
+ name: "/disabled-with-simple",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
});
});
@@ -399,7 +399,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "label",
+ name: "/label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -414,7 +414,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default-page-4",
+ name: "/default-page-4",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -445,7 +445,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "simple-after-click-next-page-1",
+ name: "/simple-after-click-next-page-1",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.035),
});
});
@@ -471,7 +471,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "complex-after-click-next-page-1",
+ name: "/complex-after-click-next-page-1",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -498,7 +498,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "complex-after-click-page-3",
+ name: "/complex-after-click-page-3",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -523,7 +523,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "simple-after-click-page-3",
+ name: "/simple-after-click-page-3",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -548,7 +548,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "complex-after-click-lastPage-button",
+ name: "/complex-after-click-lastPage-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -578,7 +578,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "complex-after-click-page-13-button",
+ name: "/complex-after-click-page-13-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -600,7 +600,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "simple-after-click-lastPage-button",
+ name: "/simple-after-click-lastPage-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -627,7 +627,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "simple-after-click-page-13-button",
+ name: "/simple-after-click-page-13-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -655,7 +655,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "simple-previous-page-button-clicked",
+ name: "/simple-previous-page-button-clicked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
@@ -683,7 +683,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "complex-previous-page-button-clicked",
+ name: "/complex-previous-page-button-clicked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
@@ -711,7 +711,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "simple-first-page-button-clicked",
+ name: "/simple-first-page-button-clicked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.035),
});
});
@@ -739,7 +739,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "complex-first-page-button-clicked",
+ name: "/complex-first-page-button-clicked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -776,7 +776,7 @@ describe("IcPagination end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "complex-middle-state-page-7",
+ name: "/complex-middle-state-page-7",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -868,7 +868,7 @@ describe("IcPagination visual regression tests in high contrast mode", () => {
cy.checkHydrated(PAGINATION_SELECTOR);
cy.compareSnapshot({
- name: "simple-high-contrast",
+ name: "/simple-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -886,7 +886,7 @@ describe("IcPagination visual regression tests in high contrast mode", () => {
cy.checkHydrated(PAGINATION_SELECTOR);
cy.compareSnapshot({
- name: "complex-high-contrast",
+ name: "/complex-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -906,7 +906,7 @@ describe("IcPagination visual regression tests in high contrast mode", () => {
});
cy.wait(500).compareSnapshot({
- name: "focus-simple-high-contrast",
+ name: "/focus-simple-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.036),
});
});
@@ -930,7 +930,7 @@ describe("IcPagination visual regression tests in high contrast mode", () => {
});
cy.wait(500).compareSnapshot({
- name: "focus-complex-high-contrast",
+ name: "/focus-complex-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -948,7 +948,7 @@ describe("IcPagination visual regression tests in high contrast mode", () => {
cy.checkHydrated(PAGINATION_SELECTOR);
cy.compareSnapshot({
- name: "dark-simple-appearance-high-contrast",
+ name: "/dark-simple-appearance-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -964,7 +964,7 @@ describe("IcPagination visual regression tests in high contrast mode", () => {
cy.checkHydrated(PAGINATION_SELECTOR);
cy.compareSnapshot({
- name: "light-complex-appearance-high-contrast",
+ name: "/light-complex-appearance-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
diff --git a/packages/react/src/component-tests/IcPopoverMenu/IcPopoverMenu.cy.tsx b/packages/react/src/component-tests/IcPopoverMenu/IcPopoverMenu.cy.tsx
index 2ea062fb32..4b7b24e439 100644
--- a/packages/react/src/component-tests/IcPopoverMenu/IcPopoverMenu.cy.tsx
+++ b/packages/react/src/component-tests/IcPopoverMenu/IcPopoverMenu.cy.tsx
@@ -43,7 +43,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default-after-click-button",
+ name: "/default-after-click-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -56,7 +56,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "description",
+ name: "/description",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -88,7 +88,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -103,7 +103,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled-focused",
+ name: "/disabled-focused",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -116,7 +116,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "variants",
+ name: "/variants",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.045),
});
});
@@ -129,7 +129,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
// cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "menu-group",
+ name: "/menu-group",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -142,7 +142,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "max-height",
+ name: "/max-height",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -157,7 +157,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
//checkA11yWithWait();
cy.compareSnapshot({
- name: "submenu-focused",
+ name: "/submenu-focused",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -272,7 +272,7 @@ describe("IcPopoverMenu end-to-end, visual regression and a11y tests", () => {
cy.get(BUTTON_SELECTOR).click();
cy.compareSnapshot({
- name: "default-after-click-button",
+ name: "/default-after-click-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -331,7 +331,7 @@ describe("IcPopoverMenu visual regression tests in high contrast mode", () => {
cy.get(BUTTON_SELECTOR).click().wait(500);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -343,7 +343,7 @@ describe("IcPopoverMenu visual regression tests in high contrast mode", () => {
cy.get(BUTTON_SELECTOR).click().wait(500);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -355,7 +355,7 @@ describe("IcPopoverMenu visual regression tests in high contrast mode", () => {
cy.get(BUTTON_SELECTOR).click().wait(500);
cy.compareSnapshot({
- name: "variants-high-contrast",
+ name: "/variants-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.044),
});
});
@@ -367,7 +367,7 @@ describe("IcPopoverMenu visual regression tests in high contrast mode", () => {
cy.get(BUTTON_SELECTOR).click().wait(500);
cy.compareSnapshot({
- name: "menu-group-high-contrast",
+ name: "/menu-group-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
diff --git a/packages/react/src/component-tests/IcRadio/IcRadio.cy.tsx b/packages/react/src/component-tests/IcRadio/IcRadio.cy.tsx
index 863420e88e..9de4b9b93c 100644
--- a/packages/react/src/component-tests/IcRadio/IcRadio.cy.tsx
+++ b/packages/react/src/component-tests/IcRadio/IcRadio.cy.tsx
@@ -384,7 +384,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -396,7 +396,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "horizontal",
+ name: "/horizontal",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -408,7 +408,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "helper-text",
+ name: "/helper-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
@@ -420,7 +420,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled-options",
+ name: "/disabled-options",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -432,7 +432,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled-group",
+ name: "/disabled-group",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -444,7 +444,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small",
+ name: "/small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -456,7 +456,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "validation",
+ name: "/validation",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -468,7 +468,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "empty-initial-before-update",
+ name: "/empty-initial-before-update",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.046),
});
});
@@ -482,7 +482,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "empty-initial-after-update",
+ name: "/empty-initial-after-update",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.071),
});
});
@@ -494,7 +494,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "changing-before-update",
+ name: "/changing-before-update",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.071),
});
});
@@ -507,7 +507,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "changing-after-update",
+ name: "/changing-after-update",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.059),
});
});
@@ -519,7 +519,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "conditional-static",
+ name: "/conditional-static",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.031),
});
});
@@ -532,7 +532,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "conditional-dynamic-first-selected",
+ name: "/conditional-dynamic-first-selected",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.052),
});
});
@@ -545,7 +545,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "conditional-dynamic-second-selected",
+ name: "/conditional-dynamic-second-selected",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.065),
});
});
@@ -557,7 +557,7 @@ describe("IcRadio visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "conditional-dynamic-text",
+ name: "/conditional-dynamic-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.045),
});
});
@@ -582,7 +582,7 @@ describe("IcRadio visual regression tests in high contrast mode", () => {
cy.checkHydrated(RADIO_GROUP_SELECTOR);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -594,7 +594,7 @@ describe("IcRadio visual regression tests in high contrast mode", () => {
cy.get(RADIO_SELECTOR).eq(1).shadow().find(".container").click();
cy.compareSnapshot({
- name: "conditional-dynamic-high-contrast",
+ name: "/conditional-dynamic-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.064),
delay: 1000,
});
diff --git a/packages/react/src/component-tests/IcSearchBar/IcSearchBar.cy.tsx b/packages/react/src/component-tests/IcSearchBar/IcSearchBar.cy.tsx
index 7ed1fb9f6c..917b20afbd 100644
--- a/packages/react/src/component-tests/IcSearchBar/IcSearchBar.cy.tsx
+++ b/packages/react/src/component-tests/IcSearchBar/IcSearchBar.cy.tsx
@@ -963,7 +963,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -975,7 +975,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -987,7 +987,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.061),
});
});
@@ -999,7 +999,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "helper-text",
+ name: "/helper-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.045),
});
});
@@ -1011,7 +1011,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "hidden-label",
+ name: "/hidden-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -1029,7 +1029,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "options-no-filtering",
+ name: "/options-no-filtering",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.05),
cypressScreenshotOptions: {
capture: "viewport",
@@ -1050,7 +1050,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "empty-option-list-text",
+ name: "/empty-option-list-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
cypressScreenshotOptions: {
capture: "viewport",
@@ -1070,7 +1070,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "characters-until-suggestion-no-show",
+ name: "/characters-until-suggestion-no-show",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -1087,7 +1087,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "characters-until-suggestion-show",
+ name: "/characters-until-suggestion-show",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -1099,7 +1099,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small",
+ name: "/small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -1117,7 +1117,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "long-option-label",
+ name: "/long-option-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.078),
delay: 500,
cypressScreenshotOptions: {
@@ -1142,7 +1142,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "search-submit-tooltip",
+ name: "/search-submit-tooltip",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.035),
});
});
@@ -1158,7 +1158,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "readonly",
+ name: "/readonly",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -1179,7 +1179,7 @@ describe("IcSearchBar visual regression and a11y tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "spellcheck",
+ name: "/spellcheck",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
@@ -1203,7 +1203,7 @@ describe("IcSearchBar visual regression tests in high contrast mode", () => {
cy.checkHydrated(SEARCH_SELECTOR);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -1213,7 +1213,7 @@ describe("IcSearchBar visual regression tests in high contrast mode", () => {
cy.checkHydrated(SEARCH_SELECTOR);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -1229,7 +1229,7 @@ describe("IcSearchBar visual regression tests in high contrast mode", () => {
.focus();
cy.compareSnapshot({
- name: "focused-high-contrast",
+ name: "/focused-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -1247,7 +1247,7 @@ describe("IcSearchBar visual regression tests in high contrast mode", () => {
.wait(200);
cy.compareSnapshot({
- name: "options-no-filtering-high-contrast",
+ name: "/options-no-filtering-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.042),
cypressScreenshotOptions: {
capture: "viewport",
diff --git a/packages/react/src/component-tests/IcSectionContainer/IcSectionContainer.cy.tsx b/packages/react/src/component-tests/IcSectionContainer/IcSectionContainer.cy.tsx
index 3d4fd31166..35ee37c21f 100644
--- a/packages/react/src/component-tests/IcSectionContainer/IcSectionContainer.cy.tsx
+++ b/packages/react/src/component-tests/IcSectionContainer/IcSectionContainer.cy.tsx
@@ -35,7 +35,7 @@ describe("IcSectionContainer visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "left-aligned",
+ name: "/left-aligned",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -59,7 +59,7 @@ describe("IcSectionContainer visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "center-aligned",
+ name: "/center-aligned",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -83,7 +83,7 @@ describe("IcSectionContainer visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -108,7 +108,7 @@ describe("IcSectionContainer visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-height",
+ name: "/full-height",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
diff --git a/packages/react/src/component-tests/IcSelect/IcSelect.cy.tsx b/packages/react/src/component-tests/IcSelect/IcSelect.cy.tsx
index 1e5eee96fe..f0c4a73b45 100644
--- a/packages/react/src/component-tests/IcSelect/IcSelect.cy.tsx
+++ b/packages/react/src/component-tests/IcSelect/IcSelect.cy.tsx
@@ -83,7 +83,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -104,7 +104,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "no-options-open",
+ name: "/no-options-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.036),
});
});
@@ -132,7 +132,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default-open",
+ name: "/default-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -160,7 +160,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-icon",
+ name: "/with-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -180,7 +180,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "helper-text",
+ name: "/helper-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.039),
});
});
@@ -200,7 +200,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-elements-open",
+ name: "/custom-elements-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.042),
});
});
@@ -220,7 +220,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small",
+ name: "/small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -241,7 +241,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small-open",
+ name: "/small-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -261,7 +261,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "large",
+ name: "/large",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
delay: 1000,
});
@@ -283,7 +283,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "large-open",
+ name: "/large-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
delay: 1000,
});
@@ -303,7 +303,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkHydrated(IC_SELECT);
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -324,7 +324,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width-open",
+ name: "/full-width-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.055),
});
});
@@ -345,7 +345,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "hidden-label",
+ name: "/hidden-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -378,7 +378,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "validation",
+ name: "/validation",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.077),
});
});
@@ -408,7 +408,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default-value-open",
+ name: "/default-value-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.056),
});
});
@@ -430,7 +430,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "clear-button",
+ name: "/clear-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.028),
});
});
@@ -458,7 +458,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "clear-button-cleared",
+ name: "/clear-button-cleared",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -482,7 +482,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "input-focused",
+ name: "/input-focused",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -502,7 +502,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-placeholder",
+ name: "/custom-placeholder",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
@@ -530,7 +530,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -550,7 +550,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled-options-open",
+ name: "/disabled-options-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.035),
});
@@ -583,7 +583,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "required",
+ name: "/required",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -613,7 +613,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "read-only",
+ name: "/read-only",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -659,7 +659,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "groups-open",
+ name: "/groups-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.045),
});
});
@@ -681,7 +681,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "recommended-open",
+ name: "/recommended-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.056),
});
});
@@ -717,7 +717,7 @@ describe("IcSelect end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "descriptions-open",
+ name: "/descriptions-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.074),
});
});
@@ -1603,7 +1603,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(IC_SELECT, IC_INPUT_CONTAINER).wait(250);
cy.compareSnapshot({
- name: "default-value-open-high-contrast",
+ name: "/default-value-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.046),
});
});
@@ -1623,7 +1623,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_SELECT);
cy.compareSnapshot({
- name: "clear-button-high-contrast",
+ name: "/clear-button-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -1642,7 +1642,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(IC_SELECT, IC_INPUT_CONTAINER).wait(250);
cy.compareSnapshot({
- name: "custom-elements-open-high-contrast",
+ name: "/custom-elements-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
@@ -1661,7 +1661,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_SELECT);
cy.compareSnapshot({
- name: "custom-placeholder-high-contrast",
+ name: "/custom-placeholder-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -1680,7 +1680,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(IC_SELECT, IC_INPUT_CONTAINER).wait(250);
cy.compareSnapshot({
- name: "descriptions-open-high-contrast",
+ name: "/descriptions-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.075),
});
});
@@ -1699,7 +1699,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_SELECT);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -1718,7 +1718,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(IC_SELECT, IC_INPUT_CONTAINER).wait(250);
cy.compareSnapshot({
- name: "disabled-options-open-high-contrast",
+ name: "/disabled-options-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -1737,7 +1737,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(IC_SELECT, IC_INPUT_CONTAINER).wait(250);
cy.compareSnapshot({
- name: "groups-open-high-contrast",
+ name: "/groups-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.043),
});
});
@@ -1756,7 +1756,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_SELECT);
cy.compareSnapshot({
- name: "helper-text-high-contrast",
+ name: "/helper-text-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.039),
});
});
@@ -1778,7 +1778,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(IC_SELECT, IC_INPUT_CONTAINER).wait(250);
cy.compareSnapshot({
- name: "input-focused-high-contrast",
+ name: "/input-focused-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -1794,7 +1794,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(IC_SELECT, IC_INPUT_CONTAINER).wait(250);
cy.compareSnapshot({
- name: "no-options-high-contrast",
+ name: "/no-options-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -1814,7 +1814,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_SELECT);
cy.compareSnapshot({
- name: "read-only-high-contrast",
+ name: "/read-only-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -1835,7 +1835,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
.wait(250);
cy.compareSnapshot({
- name: "recommended-open-high-contrast",
+ name: "/recommended-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.048),
});
});
@@ -1867,7 +1867,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_SELECT);
cy.compareSnapshot({
- name: "validation-high-contrast",
+ name: "/validation-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.074),
});
});
@@ -1894,7 +1894,7 @@ describe("IcSelect visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_SELECT);
cy.compareSnapshot({
- name: "with-icon-high-contrast",
+ name: "/with-icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
diff --git a/packages/react/src/component-tests/IcSelect/IcSelectSearchable.cy.tsx b/packages/react/src/component-tests/IcSelect/IcSelectSearchable.cy.tsx
index 324537524f..285bb8a16b 100644
--- a/packages/react/src/component-tests/IcSelect/IcSelectSearchable.cy.tsx
+++ b/packages/react/src/component-tests/IcSelect/IcSelectSearchable.cy.tsx
@@ -666,7 +666,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "searchable-default",
+ name: "/searchable-default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -687,7 +687,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-default-open",
+ name: "/searchable-default-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.045),
});
});
@@ -709,7 +709,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 1000);
cy.compareSnapshot({
- name: "searchable-default-value-open",
+ name: "/searchable-default-value-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
});
@@ -731,7 +731,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.get(IC_SELECT).shadow().find(IC_INPUT_CONTAINER).type("ca");
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "searchable-search-match-position-open",
+ name: "/searchable-search-match-position-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.003),
});
});
@@ -753,7 +753,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-descriptions-open",
+ name: "/searchable-descriptions-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.039),
});
});
@@ -775,7 +775,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-descriptions-in-filter-open",
+ name: "/searchable-descriptions-in-filter-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.048),
});
});
@@ -796,7 +796,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "searchable-custom-placeholder",
+ name: "/searchable-custom-placeholder",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -818,7 +818,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-custom-elements-open",
+ name: "/searchable-custom-elements-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -839,7 +839,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "searchable-small",
+ name: "/searchable-small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -861,7 +861,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-small-open",
+ name: "/searchable-small-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -882,7 +882,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "searchable-large",
+ name: "/searchable-large",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -904,7 +904,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-large-open",
+ name: "/searchable-large-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -925,7 +925,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "searchable-disabled",
+ name: "/searchable-disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -947,7 +947,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-disabled-options-open",
+ name: "/searchable-disabled-options-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.003),
});
});
@@ -968,7 +968,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "searchable-full-width",
+ name: "/searchable-full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -990,7 +990,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-full-width-open",
+ name: "/searchable-full-width-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -1012,7 +1012,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-groups-open",
+ name: "/searchable-groups-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -1035,7 +1035,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-groups-in-filter-open",
+ name: "/searchable-groups-in-filter-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -1057,7 +1057,7 @@ describe("IcSelect searchable end-to-end, visual regression and a11y tests", ()
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "searchable-recommended-open",
+ name: "/searchable-recommended-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -1092,7 +1092,7 @@ describe("IcSelect searchable visual regression tests in high contrast mode", ()
cy.get(IC_SELECT).shadow().find(IC_INPUT_CONTAINER).type("ca").wait(500);
cy.compareSnapshot({
- name: "searchable-recommended-open-high-contrast",
+ name: "/searchable-recommended-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -1114,7 +1114,7 @@ describe("IcSelect searchable visual regression tests in high contrast mode", ()
cy.get(IC_SELECT).shadow().find(IC_INPUT_CONTAINER).type("bo").wait(500);
cy.compareSnapshot({
- name: "searchable-groups-in-filter-open-high-contrast",
+ name: "/searchable-groups-in-filter-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.003),
});
});
@@ -1135,7 +1135,7 @@ describe("IcSelect searchable visual regression tests in high contrast mode", ()
cy.get(IC_SELECT).shadow().find(IC_INPUT_CONTAINER).type("ca").wait(500);
cy.compareSnapshot({
- name: "searchable-disabled-options-open-high-contrast",
+ name: "/searchable-disabled-options-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -1156,7 +1156,7 @@ describe("IcSelect searchable visual regression tests in high contrast mode", ()
cy.get(IC_SELECT).shadow().find(IC_INPUT_CONTAINER).type("ca").wait(500);
cy.compareSnapshot({
- name: "searchable-descriptions-open-high-contrast",
+ name: "/searchable-descriptions-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037),
});
});
diff --git a/packages/react/src/component-tests/IcSideNavigation/IcSideNavigation.cy.tsx b/packages/react/src/component-tests/IcSideNavigation/IcSideNavigation.cy.tsx
index 8da2c227cc..9140e79dfc 100644
--- a/packages/react/src/component-tests/IcSideNavigation/IcSideNavigation.cy.tsx
+++ b/packages/react/src/component-tests/IcSideNavigation/IcSideNavigation.cy.tsx
@@ -187,7 +187,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "basic",
+ name: "/basic",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -200,7 +200,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "basic-open",
+ name: "/basic-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.045),
});
});
@@ -213,7 +213,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "long-props-open",
+ name: "/long-props-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.064),
});
});
@@ -226,7 +226,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "nav-group-open",
+ name: "/nav-group-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.059),
});
});
@@ -238,7 +238,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-app-title",
+ name: "/slotted-app-title",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
@@ -251,7 +251,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "slotted-app-title-open",
+ name: "/slotted-app-title-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.052),
});
});
@@ -263,7 +263,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disable-top-bar-behaviour",
+ name: "/disable-top-bar-behaviour",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.003),
});
});
@@ -279,7 +279,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "theme",
+ name: "/theme",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -296,7 +296,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "theme-open",
+ name: "/theme-open",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.046),
});
});
@@ -357,7 +357,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 500);
cy.checkSideNavSize(true);
cy.compareSnapshot({
- name: "controlled-expanded",
+ name: "/controlled-expanded",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.024),
});
});
@@ -371,7 +371,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 500);
cy.checkSideNavSize(false);
cy.compareSnapshot({
- name: "controlled-collapsed",
+ name: "/controlled-collapsed",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -569,7 +569,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "basic-desktop",
+ name: "/basic-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -586,7 +586,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "basic-open-desktop",
+ name: "/basic-open-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -599,7 +599,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "long-props-open-desktop",
+ name: "/long-props-open-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.049),
});
});
@@ -612,7 +612,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "nav-group-open-desktop",
+ name: "/nav-group-open-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.044),
});
});
@@ -624,7 +624,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "static-expanded-desktop",
+ name: "/static-expanded-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -636,7 +636,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-nav-items-expanded-desktop",
+ name: "/slotted-nav-items-expanded-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037),
});
});
@@ -648,7 +648,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "slotted-nav-items-controlled-expanded",
+ name: "/slotted-nav-items-controlled-expanded",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.04),
});
});
@@ -661,7 +661,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "slotted-nav-items-controlled-collapsed",
+ name: "/slotted-nav-items-controlled-collapsed",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -673,7 +673,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-app-title-desktop",
+ name: "/slotted-app-title-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -686,7 +686,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "slotted-app-title-open-desktop",
+ name: "/slotted-app-title-open-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037),
});
});
@@ -702,7 +702,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "theme-desktop",
+ name: "/theme-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -719,7 +719,7 @@ describe("IcSideNavigation", () => {
cy.checkA11yWithWait(undefined, 300);
cy.compareSnapshot({
- name: "with-theme-open-desktop",
+ name: "/with-theme-open-desktop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.035),
});
});
@@ -754,7 +754,7 @@ describe("Mobile visual regression tests in high contrast mode", () => {
cy.checkHydrated(SIDE_NAV_SELECTOR);
cy.compareSnapshot({
- name: "basic-high-contrast",
+ name: "/basic-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -766,7 +766,7 @@ describe("Mobile visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(SIDE_NAV_SELECTOR, MENU_BUTTON_SELECTOR).wait(500);
cy.compareSnapshot({
- name: "basic-open-high-contrast",
+ name: "/basic-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.044),
});
});
@@ -778,7 +778,7 @@ describe("Mobile visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(SIDE_NAV_SELECTOR, MENU_BUTTON_SELECTOR).wait(300);
cy.compareSnapshot({
- name: "nav-group-open-high-contrast",
+ name: "/nav-group-open-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.059),
});
});
@@ -789,7 +789,7 @@ describe("Mobile visual regression tests in high contrast mode", () => {
cy.checkHydrated(SIDE_NAV_SELECTOR);
cy.compareSnapshot({
- name: "slotted-app-title-high-contrast",
+ name: "/slotted-app-title-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -818,7 +818,7 @@ describe("Desktop visual regression tests in high contrast mode", () => {
cy.checkHydrated(SIDE_NAV_SELECTOR);
cy.compareSnapshot({
- name: "basic-desktop-high-contrast",
+ name: "/basic-desktop-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -830,7 +830,7 @@ describe("Desktop visual regression tests in high contrast mode", () => {
cy.clickOnShadowEl(SIDE_NAV_SELECTOR, EXPAND_BUTTON_SELECTOR).wait(300);
cy.compareSnapshot({
- name: "basic-open-desktop-high-contrast",
+ name: "/basic-open-desktop-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.032),
});
});
@@ -841,7 +841,7 @@ describe("Desktop visual regression tests in high contrast mode", () => {
cy.checkHydrated(SIDE_NAV_SELECTOR);
cy.compareSnapshot({
- name: "slotted-nav-items-expanded-desktop-high-contrast",
+ name: "/slotted-nav-items-expanded-desktop-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037),
});
});
diff --git a/packages/react/src/component-tests/IcStatusTag/IcStatusTag.cy.tsx b/packages/react/src/component-tests/IcStatusTag/IcStatusTag.cy.tsx
index 352731a79e..3938491a2f 100644
--- a/packages/react/src/component-tests/IcStatusTag/IcStatusTag.cy.tsx
+++ b/packages/react/src/component-tests/IcStatusTag/IcStatusTag.cy.tsx
@@ -40,7 +40,7 @@ describe("IcStatusTag end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "neutral",
+ name: "/neutral",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -55,7 +55,7 @@ describe("IcStatusTag end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "success",
+ name: "/success",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -67,7 +67,7 @@ describe("IcStatusTag end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "warning",
+ name: "/warning",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -79,7 +79,7 @@ describe("IcStatusTag end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "danger",
+ name: "/danger",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
});
});
@@ -91,7 +91,7 @@ describe("IcStatusTag end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small",
+ name: "/small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -103,7 +103,7 @@ describe("IcStatusTag end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "large",
+ name: "/large",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -128,7 +128,7 @@ describe("IcStatusTag visual regression tests in high contrast mode", () => {
cy.checkHydrated(STATUS_TAG_SELECTOR);
cy.compareSnapshot({
- name: "high-contrast",
+ name: "/high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
diff --git a/packages/react/src/component-tests/IcStepper/IcStepper.cy.tsx b/packages/react/src/component-tests/IcStepper/IcStepper.cy.tsx
index cfb2be091e..ed545bc8bd 100644
--- a/packages/react/src/component-tests/IcStepper/IcStepper.cy.tsx
+++ b/packages/react/src/component-tests/IcStepper/IcStepper.cy.tsx
@@ -46,7 +46,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "compact",
+ name: "/compact",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -58,7 +58,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-compact",
+ name: "/custom-compact",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.041),
});
});
@@ -80,7 +80,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -92,7 +92,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "left-aligned",
+ name: "/left-aligned",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -106,7 +106,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-connector-width",
+ name: "/custom-connector-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.05),
});
});
@@ -118,7 +118,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "without-step-titles",
+ name: "/without-step-titles",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.001),
});
});
@@ -132,7 +132,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-hidden-step-information",
+ name: "/with-hidden-step-information",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -144,7 +144,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "light",
+ name: "/light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -164,7 +164,7 @@ describe("IcStepper end-to-end, visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small-connector-width",
+ name: "/small-connector-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.05),
});
});
@@ -193,7 +193,7 @@ describe("IcStepper visual regression tests in high contrast mode", () => {
cy.checkHydrated(STEPPER_SELECTOR);
cy.compareSnapshot({
- name: "compact-high-contrast",
+ name: "/compact-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -204,7 +204,7 @@ describe("IcStepper visual regression tests in high contrast mode", () => {
cy.checkHydrated(STEPPER_SELECTOR);
cy.compareSnapshot({
- name: "full-width-high-contrast",
+ name: "/full-width-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -217,7 +217,7 @@ describe("IcStepper visual regression tests in high contrast mode", () => {
cy.checkHydrated(STEPPER_SELECTOR);
cy.compareSnapshot({
- name: "custom-high-contrast",
+ name: "/custom-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.049),
});
});
diff --git a/packages/react/src/component-tests/IcSwitch/IcSwitch.cy.tsx b/packages/react/src/component-tests/IcSwitch/IcSwitch.cy.tsx
index 162ee80c80..3a6bb7299b 100644
--- a/packages/react/src/component-tests/IcSwitch/IcSwitch.cy.tsx
+++ b/packages/react/src/component-tests/IcSwitch/IcSwitch.cy.tsx
@@ -160,7 +160,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -172,7 +172,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "state",
+ name: "/state",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -184,7 +184,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "checked",
+ name: "/checked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -196,7 +196,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.022),
});
});
@@ -208,7 +208,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small",
+ name: "/small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -220,7 +220,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "right-adornment",
+ name: "/right-adornment",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -232,7 +232,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "helper-text",
+ name: "/helper-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.033),
});
});
@@ -249,7 +249,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "hidden-label",
+ name: "/hidden-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -262,7 +262,7 @@ describe("IcSwitch visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focus",
+ name: "/focus",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -289,7 +289,7 @@ describe("IcSwitch visual regression tests in high contrast mode", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focus-high-contrast",
+ name: "/focus-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -300,7 +300,7 @@ describe("IcSwitch visual regression tests in high contrast mode", () => {
cy.checkHydrated(SWITCH_SELECTOR);
cy.compareSnapshot({
- name: "unchecked-high-contrast",
+ name: "/unchecked-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.019),
});
});
@@ -311,7 +311,7 @@ describe("IcSwitch visual regression tests in high contrast mode", () => {
cy.checkHydrated(SWITCH_SELECTOR);
cy.compareSnapshot({
- name: "checked-high-contrast",
+ name: "/checked-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -322,7 +322,7 @@ describe("IcSwitch visual regression tests in high contrast mode", () => {
cy.checkHydrated(SWITCH_SELECTOR);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -333,7 +333,7 @@ describe("IcSwitch visual regression tests in high contrast mode", () => {
cy.checkHydrated(SWITCH_SELECTOR);
cy.compareSnapshot({
- name: "helper-text-high-contrast",
+ name: "/helper-text-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.038),
});
});
diff --git a/packages/react/src/component-tests/IcTabs/IcTabs.cy.tsx b/packages/react/src/component-tests/IcTabs/IcTabs.cy.tsx
index d8f6fcfc73..1b026b5d54 100644
--- a/packages/react/src/component-tests/IcTabs/IcTabs.cy.tsx
+++ b/packages/react/src/component-tests/IcTabs/IcTabs.cy.tsx
@@ -439,7 +439,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -449,7 +449,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -459,7 +459,7 @@ describe("IcTab visual regression tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "responsive",
+ name: "/responsive",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
});
});
@@ -473,7 +473,7 @@ describe("IcTab visual regression tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "responsive-light",
+ name: "/responsive-light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -487,7 +487,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "light",
+ name: "/light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -497,7 +497,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-icons",
+ name: "/with-icons",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -507,7 +507,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-inline-badges",
+ name: "/with-inline-badges",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
});
});
@@ -517,7 +517,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "with-inline-prop",
+ name: "/with-inline-prop",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -527,7 +527,7 @@ describe("IcTab visual regression tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "compact",
+ name: "/compact",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -537,7 +537,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "nested",
+ name: "/nested",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -547,7 +547,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "manual-activation",
+ name: "/manual-activation",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -561,7 +561,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused",
+ name: "/focused",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
delay: 500,
});
@@ -580,7 +580,7 @@ describe("IcTab visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "focused-light",
+ name: "/focused-light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
delay: 500,
});
@@ -591,7 +591,7 @@ describe("IcTab visual regression tests", () => {
// cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "min-max",
+ name: "/min-max",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.036),
});
});
@@ -618,7 +618,7 @@ describe("IcTabs visual regression in high contrast mode", () => {
cy.get("@activeElement").should(CONTAIN_TEXT, "Method");
cy.compareSnapshot({
- name: "focused-high-contrast",
+ name: "/focused-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -627,7 +627,7 @@ describe("IcTabs visual regression in high contrast mode", () => {
mount();
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
});
});
@@ -636,7 +636,7 @@ describe("IcTabs visual regression in high contrast mode", () => {
mount();
cy.compareSnapshot({
- name: "inline-prop-high-contrast",
+ name: "/inline-prop-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
diff --git a/packages/react/src/component-tests/IcTextField/IcTextField.cy.tsx b/packages/react/src/component-tests/IcTextField/IcTextField.cy.tsx
index 99f7733504..34f4762bcb 100644
--- a/packages/react/src/component-tests/IcTextField/IcTextField.cy.tsx
+++ b/packages/react/src/component-tests/IcTextField/IcTextField.cy.tsx
@@ -371,7 +371,7 @@ describe("IcTextField visual regression tests", () => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "icon-value-max-length",
+ name: "/icon-value-max-length",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
cy.get(IC_TEXTFIELD)
@@ -379,7 +379,7 @@ describe("IcTextField visual regression tests", () => {
.then(() => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "icon-value-max-length-exceeded",
+ name: "/icon-value-max-length-exceeded",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.052),
});
});
@@ -393,7 +393,7 @@ describe("IcTextField visual regression tests", () => {
.then(() => {
cy.checkA11yWithWait(undefined, 500);
cy.compareSnapshot({
- name: "max-length-message",
+ name: "/max-length-message",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.054),
});
});
@@ -404,7 +404,7 @@ describe("IcTextField visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "small-text-field",
+ name: "/small-text-field",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
});
@@ -414,7 +414,7 @@ describe("IcTextField visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "full-width-text-field",
+ name: "/full-width-text-field",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
});
@@ -424,7 +424,7 @@ describe("IcTextField visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "multiline-text-area-with-resize",
+ name: "/multiline-text-area-with-resize",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.028),
});
});
@@ -434,7 +434,7 @@ describe("IcTextField visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "inline-validation-text-field",
+ name: "/inline-validation-text-field",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
});
@@ -444,7 +444,7 @@ describe("IcTextField visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "validation-text-field",
+ name: "/validation-text-field",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.098),
});
});
@@ -454,7 +454,7 @@ describe("IcTextField visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "readonly-text-field",
+ name: "/readonly-text-field",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.028),
});
});
@@ -464,7 +464,7 @@ describe("IcTextField visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-text-field",
+ name: "/custom-text-field",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
});
@@ -478,7 +478,7 @@ describe("IcTextField visual regression tests", () => {
cy.get(IC_TEXTFIELD).should(HAVE_FOCUS);
cy.compareSnapshot({
- name: "focused-input-text-field",
+ name: "/focused-input-text-field",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.005),
});
});
@@ -504,7 +504,7 @@ describe("IcTextField visual regression in high contrast mode", () => {
cy.get(IC_TEXTFIELD).should(HAVE_FOCUS);
cy.compareSnapshot({
- name: "focused-input-text-field-high-contrast",
+ name: "/focused-input-text-field-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -513,7 +513,7 @@ describe("IcTextField visual regression in high contrast mode", () => {
mount();
cy.wait(100).compareSnapshot({
- name: "disabled-text-field-high-contrast",
+ name: "/disabled-text-field-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.027),
});
});
@@ -522,7 +522,7 @@ describe("IcTextField visual regression in high contrast mode", () => {
mount();
cy.wait(100).compareSnapshot({
- name: "readonly-text-field-high-contrast",
+ name: "/readonly-text-field-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.031),
});
});
@@ -531,7 +531,7 @@ describe("IcTextField visual regression in high contrast mode", () => {
mount();
cy.wait(100).compareSnapshot({
- name: "validation-text-field-high-contrast",
+ name: "/validation-text-field-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.115),
});
});
diff --git a/packages/react/src/component-tests/IcToast/IcToast.cy.tsx b/packages/react/src/component-tests/IcToast/IcToast.cy.tsx
index 9f601aed55..3582127704 100644
--- a/packages/react/src/component-tests/IcToast/IcToast.cy.tsx
+++ b/packages/react/src/component-tests/IcToast/IcToast.cy.tsx
@@ -144,7 +144,7 @@ describe("IcToast visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -157,7 +157,7 @@ describe("IcToast visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "message-variant",
+ name: "/message-variant",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
});
});
@@ -170,7 +170,7 @@ describe("IcToast visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "multiline",
+ name: "/multiline",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.056),
});
});
@@ -183,7 +183,7 @@ describe("IcToast visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-button",
+ name: "/slotted-button",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -196,7 +196,7 @@ describe("IcToast visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-link",
+ name: "/slotted-link",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -209,7 +209,7 @@ describe("IcToast visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "auto-dismiss",
+ name: "/auto-dismiss",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -222,7 +222,7 @@ describe("IcToast visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-icon",
+ name: "/custom-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.016),
});
});
@@ -235,7 +235,7 @@ describe("IcToast visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "custom-aria-label",
+ name: "/custom-aria-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -261,7 +261,7 @@ describe("IcToast visual regression tests in high contrast mode", () => {
cy.get(IC_BUTTON_SELECTOR).click().wait(500);
cy.compareSnapshot({
- name: "auto-dismiss-high-contrast",
+ name: "/auto-dismiss-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.009),
});
});
@@ -273,7 +273,7 @@ describe("IcToast visual regression tests in high contrast mode", () => {
cy.get(IC_BUTTON_SELECTOR).click().wait(500);
cy.compareSnapshot({
- name: "custom-icon-high-contrast",
+ name: "/custom-icon-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -285,7 +285,7 @@ describe("IcToast visual regression tests in high contrast mode", () => {
cy.get(OPEN_BUTTON_SELECTOR).click().wait(500);
cy.compareSnapshot({
- name: "slotted-button-high-contrast",
+ name: "/slotted-button-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.011),
});
});
@@ -297,7 +297,7 @@ describe("IcToast visual regression tests in high contrast mode", () => {
cy.get(IC_BUTTON_SELECTOR).click().wait(500);
cy.compareSnapshot({
- name: "slotted-link-high-contrast",
+ name: "/slotted-link-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
});
});
diff --git a/packages/react/src/component-tests/IcToggleButton/IcToggleButton.cy.tsx b/packages/react/src/component-tests/IcToggleButton/IcToggleButton.cy.tsx
index 85476d3498..9c60dde5d8 100644
--- a/packages/react/src/component-tests/IcToggleButton/IcToggleButton.cy.tsx
+++ b/packages/react/src/component-tests/IcToggleButton/IcToggleButton.cy.tsx
@@ -125,7 +125,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -140,7 +140,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "checked",
+ name: "/checked",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
@@ -156,7 +156,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -168,7 +168,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "with-icon",
+ name: "/with-icon",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -191,7 +191,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "sizes",
+ name: "/sizes",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.024),
});
});
@@ -208,7 +208,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, 100, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "with-badge",
+ name: "/with-badge",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -223,7 +223,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -239,7 +239,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "loading",
+ name: "/loading",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -251,7 +251,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "icon-variant",
+ name: "/icon-variant",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -263,7 +263,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "icon-right",
+ name: "/icon-right",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.015),
});
});
@@ -275,7 +275,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "icon-top",
+ name: "/icon-top",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.014),
});
});
@@ -293,7 +293,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "tooltip-placement-right",
+ name: "/tooltip-placement-right",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
@@ -305,7 +305,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "tooltip-placement-top",
+ name: "/tooltip-placement-top",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
@@ -317,7 +317,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "tooltip-placement-left",
+ name: "/tooltip-placement-left",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -328,7 +328,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "appearance-dark",
+ name: "/appearance-dark",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -339,7 +339,7 @@ describe("IcToggleButton visual regression and a11y tests", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "appearance-light",
+ name: "/appearance-light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -367,7 +367,7 @@ describe("IcToggleButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_TOGGLE_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.013),
});
});
@@ -381,7 +381,7 @@ describe("IcToggleButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_TOGGLE_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "checked-high-contrast",
+ name: "/checked-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.013),
});
});
@@ -396,7 +396,7 @@ describe("IcToggleButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_TOGGLE_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "disabled-high-contrast",
+ name: "/disabled-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.023),
});
});
@@ -411,7 +411,7 @@ describe("IcToggleButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_TOGGLE_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "loading-high-contrast",
+ name: "/loading-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -422,7 +422,7 @@ describe("IcToggleButton visual regression tests in high contrast mode", () => {
cy.checkHydrated(IC_TOGGLE_BUTTON_SELECTOR);
cy.compareSnapshot({
- name: "icon-variant-high-contrast",
+ name: "/icon-variant-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
diff --git a/packages/react/src/component-tests/IcToggleButtonGroup/IcToggleButtonGroup.cy.tsx b/packages/react/src/component-tests/IcToggleButtonGroup/IcToggleButtonGroup.cy.tsx
index 3757d6181e..eb5773f294 100644
--- a/packages/react/src/component-tests/IcToggleButtonGroup/IcToggleButtonGroup.cy.tsx
+++ b/packages/react/src/component-tests/IcToggleButtonGroup/IcToggleButtonGroup.cy.tsx
@@ -121,7 +121,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -134,7 +134,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "multiple",
+ name: "/multiple",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.018),
});
});
@@ -146,7 +146,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "small",
+ name: "/small",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -158,7 +158,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "large",
+ name: "/large",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -170,7 +170,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "full-width",
+ name: "/full-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -182,7 +182,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "custom-width",
+ name: "/custom-width",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.02),
});
});
@@ -194,7 +194,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "large-label",
+ name: "/large-label",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -210,7 +210,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "light",
+ name: "/light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -222,7 +222,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "dark",
+ name: "/dark",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.024),
});
});
@@ -232,7 +232,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "disabled",
+ name: "/disabled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -242,7 +242,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, 200, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "loading",
+ name: "/loading",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
delay: 500,
});
@@ -257,7 +257,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, 200, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "loading-light",
+ name: "/loading-light",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.0),
delay: 500,
});
@@ -268,7 +268,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, 200, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "loading-dark",
+ name: "/loading-dark",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.0),
delay: 500,
});
@@ -287,7 +287,7 @@ describe("IcToggleButtonGroup", () => {
cy.checkA11yWithWait(undefined, undefined, TOGGLE_BUTTON_AXE_OPTIONS);
cy.compareSnapshot({
- name: "icons",
+ name: "/icons",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.051),
delay: 1000,
});
@@ -328,7 +328,7 @@ describe("IcToggleButtonGroup visual regression in high contrast mode", () => {
getToggle(1).should(HAVE_FOCUS).wait(200);
cy.compareSnapshot({
- name: "focused-toggle-checked-toggle-group-high-contrast",
+ name: "/focused-toggle-checked-toggle-group-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.036),
delay: 200,
});
@@ -339,7 +339,7 @@ describe("IcToggleButtonGroup visual regression in high contrast mode", () => {
cy.wait(100);
cy.compareSnapshot({
- name: "disabled-toggle-group-high-contrast",
+ name: "/disabled-toggle-group-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
});
});
diff --git a/packages/react/src/component-tests/IcTooltip/IcTooltip.cy.tsx b/packages/react/src/component-tests/IcTooltip/IcTooltip.cy.tsx
index baac59b18b..40a2a156e4 100644
--- a/packages/react/src/component-tests/IcTooltip/IcTooltip.cy.tsx
+++ b/packages/react/src/component-tests/IcTooltip/IcTooltip.cy.tsx
@@ -234,7 +234,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "default",
+ name: "/default",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
delay: 200,
});
@@ -248,7 +248,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "top-placement-start",
+ name: "/top-placement-start",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
delay: 200,
});
@@ -262,7 +262,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "top-placement",
+ name: "/top-placement",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
delay: 200,
});
@@ -276,7 +276,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "top-placement-end",
+ name: "/top-placement-end",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
delay: 200,
});
@@ -290,7 +290,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "bottom-placement-start",
+ name: "/bottom-placement-start",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
delay: 200,
});
@@ -304,7 +304,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "bottom-placement",
+ name: "/bottom-placement",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.012),
delay: 200,
});
@@ -318,7 +318,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "bottom-placement-end",
+ name: "/bottom-placement-end",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.013),
delay: 200,
});
@@ -332,7 +332,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "right-placement-start",
+ name: "/right-placement-start",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
delay: 200,
});
@@ -346,7 +346,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "right-placement",
+ name: "/right-placement",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.007),
delay: 200,
});
@@ -360,7 +360,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "right-placement-end",
+ name: "/right-placement-end",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.013),
delay: 200,
});
@@ -374,7 +374,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "left-placement-start",
+ name: "/left-placement-start",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.01),
delay: 200,
});
@@ -388,7 +388,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "left-placement",
+ name: "/left-placement",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
delay: 200,
});
@@ -402,7 +402,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "left-placement-end",
+ name: "/left-placement-end",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
delay: 200,
});
@@ -420,7 +420,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "dark-background",
+ name: "/dark-background",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.002),
delay: 200,
});
@@ -434,7 +434,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "truncated-text",
+ name: "/truncated-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.1),
delay: 200,
});
@@ -448,7 +448,7 @@ describe("IcTooltip visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "on-chip",
+ name: "/on-chip",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
delay: 200,
});
@@ -475,7 +475,7 @@ describe("IcTooltip visual regression tests in high contrast mode", () => {
cy.get("button").realHover("mouse");
cy.compareSnapshot({
- name: "default-high-contrast",
+ name: "/default-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.003),
delay: 200,
});
@@ -488,7 +488,7 @@ describe("IcTooltip visual regression tests in high contrast mode", () => {
cy.get("#test-button-left").realHover("mouse");
cy.compareSnapshot({
- name: "left-placement-high-contrast",
+ name: "/left-placement-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.006),
delay: 200,
});
diff --git a/packages/react/src/component-tests/IcTopNavigation/IcTopNavigation.cy.tsx b/packages/react/src/component-tests/IcTopNavigation/IcTopNavigation.cy.tsx
index 35ef2238d6..53378d0a9e 100644
--- a/packages/react/src/component-tests/IcTopNavigation/IcTopNavigation.cy.tsx
+++ b/packages/react/src/component-tests/IcTopNavigation/IcTopNavigation.cy.tsx
@@ -214,7 +214,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "app-icon-title",
+ name: "/app-icon-title",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -225,7 +225,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "status-version",
+ name: "/status-version",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -236,7 +236,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "search",
+ name: "/search",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -247,7 +247,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "icon-buttons",
+ name: "/icon-buttons",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -258,7 +258,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "long-text",
+ name: "/long-text",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.021),
});
});
@@ -269,7 +269,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "long-single-word-app-title",
+ name: "/long-single-word-app-title",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.008),
});
});
@@ -280,7 +280,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "navigation-items",
+ name: "/navigation-items",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -291,7 +291,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "slotted-navigation-items",
+ name: "/slotted-navigation-items",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.025),
});
});
@@ -302,7 +302,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "navigation-group",
+ name: "/navigation-group",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.026),
});
});
@@ -313,7 +313,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "content-centre",
+ name: "/content-centre",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.03),
});
});
@@ -324,7 +324,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "content-left",
+ name: "/content-left",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.017),
});
});
@@ -335,7 +335,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
//cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "nav-group-in-horizontal-scroll",
+ name: "/nav-group-in-horizontal-scroll",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.037),
});
});
@@ -346,7 +346,7 @@ describe("IcTopNavigation desktop visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "theme",
+ name: "/theme",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.028),
});
});
@@ -373,7 +373,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-app-icon-title",
+ name: "/mobile-app-icon-title",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.004
),
@@ -386,7 +386,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-status-version",
+ name: "/mobile-status-version",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.004
),
@@ -399,7 +399,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-search",
+ name: "/mobile-search",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.009
),
@@ -412,7 +412,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-icon-buttons",
+ name: "/mobile-icon-buttons",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.009
),
@@ -425,7 +425,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-long-text",
+ name: "/mobile-long-text",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.015
),
@@ -438,7 +438,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-long-single-word-app-title",
+ name: "/mobile-long-single-word-app-title",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD_MOBILE),
});
});
@@ -449,7 +449,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-navigation-items",
+ name: "/mobile-navigation-items",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.009
),
@@ -462,7 +462,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-slotted-navigation-items",
+ name: "/mobile-slotted-navigation-items",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.009
),
@@ -475,7 +475,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-navigation-group",
+ name: "/mobile-navigation-group",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.009
),
@@ -490,7 +490,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait(undefined, 800);
cy.compareSnapshot({
- name: "mobile-open-menu",
+ name: "/mobile-open-menu",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.034
),
@@ -503,7 +503,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-content-centre",
+ name: "/mobile-content-centre",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.009
),
@@ -516,7 +516,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-content-left",
+ name: "/mobile-content-left",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.009
),
@@ -529,7 +529,7 @@ describe("IcTopNavigation mobile visual regression tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "mobile-theme",
+ name: "/mobile-theme",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.012
),
@@ -559,7 +559,7 @@ describe("IcTopNavigation desktop visual regression tests in high contrast mode"
cy.checkHydrated(TOP_NAV_SELECTOR);
cy.compareSnapshot({
- name: "navigation-items-high-contrast",
+ name: "/navigation-items-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -569,7 +569,7 @@ describe("IcTopNavigation desktop visual regression tests in high contrast mode"
cy.checkHydrated(TOP_NAV_SELECTOR);
cy.compareSnapshot({
- name: "slotted-navigation-items-high-contrast",
+ name: "/slotted-navigation-items-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.029),
});
});
@@ -579,7 +579,7 @@ describe("IcTopNavigation desktop visual regression tests in high contrast mode"
cy.checkHydrated(TOP_NAV_SELECTOR);
cy.compareSnapshot({
- name: "icon-buttons-high-contrast",
+ name: "/icon-buttons-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.004),
});
});
@@ -589,7 +589,7 @@ describe("IcTopNavigation desktop visual regression tests in high contrast mode"
cy.checkHydrated(TOP_NAV_SELECTOR);
cy.compareSnapshot({
- name: "nav-group-in-horizontal-scroll-high-contrast",
+ name: "/nav-group-in-horizontal-scroll-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.034),
});
});
@@ -617,7 +617,7 @@ describe("IcTopNavigation mobile visual regression tests in high contrast mode",
cy.checkHydrated(TOP_NAV_SELECTOR);
cy.compareSnapshot({
- name: "mobile-navigation-items-high-contrast",
+ name: "/mobile-navigation-items-high-contrast",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.006
),
@@ -631,7 +631,7 @@ describe("IcTopNavigation mobile visual regression tests in high contrast mode",
cy.clickOnShadowEl(TOP_NAV_SELECTOR, "ic-button#menu-button").wait(800);
cy.compareSnapshot({
- name: "mobile-open-menu-high-contrast",
+ name: "/mobile-open-menu-high-contrast",
testThreshold: setThresholdBasedOnEnv(
DEFAULT_TEST_THRESHOLD_MOBILE + 0.037
),
diff --git a/packages/react/src/component-tests/IcTypography/IcTypography.cy.tsx b/packages/react/src/component-tests/IcTypography/IcTypography.cy.tsx
index 623948bfa6..bea4100d67 100644
--- a/packages/react/src/component-tests/IcTypography/IcTypography.cy.tsx
+++ b/packages/react/src/component-tests/IcTypography/IcTypography.cy.tsx
@@ -40,7 +40,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "variants",
+ name: "/variants",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.074),
});
});
@@ -52,7 +52,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "bold",
+ name: "/bold",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.069),
});
});
@@ -64,7 +64,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "bold-on-h2",
+ name: "/bold-on-h2",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -76,7 +76,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "italic",
+ name: "/italic",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.078),
});
});
@@ -88,7 +88,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "strikethrough",
+ name: "/strikethrough",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.068),
});
});
@@ -100,7 +100,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "underline",
+ name: "/underline",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.079),
});
});
@@ -112,7 +112,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "vertical-margins",
+ name: "/vertical-margins",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.06),
});
});
@@ -124,7 +124,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "restyled",
+ name: "/restyled",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD),
});
});
@@ -136,7 +136,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "truncation",
+ name: "/truncation",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.071),
});
});
@@ -157,7 +157,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "truncation-expanded",
+ name: "/truncation-expanded",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.164),
});
});
@@ -169,7 +169,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "min-and-max",
+ name: "/min-and-max",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.181),
});
});
@@ -181,7 +181,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkA11yWithWait();
cy.compareSnapshot({
- name: "all-prop-text-styles",
+ name: "/all-prop-text-styles",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.074),
});
});
@@ -192,7 +192,7 @@ describe("IcTypography visual regression and a11y tests", () => {
cy.checkHydrated(TYPOGRAPHY_SELECTOR);
cy.compareSnapshot({
- name: "in-ag-grid",
+ name: "/in-ag-grid",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.046),
});
});
@@ -217,7 +217,7 @@ describe("IcTypography visual regression tests in high contrast mode", () => {
cy.checkHydrated(TYPOGRAPHY_SELECTOR);
cy.compareSnapshot({
- name: "variants-high-contrast",
+ name: "/variants-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.066),
});
});
@@ -228,7 +228,7 @@ describe("IcTypography visual regression tests in high contrast mode", () => {
cy.checkHydrated(TYPOGRAPHY_SELECTOR);
cy.compareSnapshot({
- name: "truncation-high-contrast",
+ name: "/truncation-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.062),
});
});
@@ -239,7 +239,7 @@ describe("IcTypography visual regression tests in high contrast mode", () => {
cy.checkHydrated(TYPOGRAPHY_SELECTOR);
cy.compareSnapshot({
- name: "all-prop-text-styles-high-contrast",
+ name: "/all-prop-text-styles-high-contrast",
testThreshold: setThresholdBasedOnEnv(DEFAULT_TEST_THRESHOLD + 0.071),
});
});