test: update snapshots

Author: samuelreichert

packages/pluggableWidgets/accordion-web/src/utils/__tests__/__snapshots__/iconGenerator.spec.ts.snap

@@ -1,55 +1,40 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`useIconGenerator returned function returns the icon when icon is animated 1`] = `
-{
-  "$$typeof": Symbol(react.transitional.element),
-  "_owner": null,
-  "_store": {},
-  "key": null,
-  "props": {
-    "animate": true,
-    "data": {
+<Icon
+  animate={true}
+  data={
+    {
       "iconClass": "icon-class",
       "type": "glyph",
-    },
-    "loading": false,
-  },
-  "type": [Function],
-}
+    }
+  }
+  loading={false}
+/>
 `;
 
 exports[`useIconGenerator returned function without icon animated returns the collapse icon when expanded 1`] = `
-{
-  "$$typeof": Symbol(react.transitional.element),
-  "_owner": null,
-  "_store": {},
-  "key": null,
-  "props": {
-    "animate": false,
-    "data": {
+<Icon
+  animate={false}
+  data={
+    {
       "iconClass": "collapse-icon-class",
       "type": "glyph",
-    },
-    "loading": false,
-  },
-  "type": [Function],
-}
+    }
+  }
+  loading={false}
+/>
 `;
 
 exports[`useIconGenerator returned function without icon animated returns the expand icon when collapsed 1`] = `
-{
-  "$$typeof": Symbol(react.transitional.element),
-  "_owner": null,
-  "_store": {},
-  "key": null,
-  "props": {
-    "animate": false,
-    "data": {
+<Icon
+  animate={false}
+  data={
+    {
       "iconClass": "expand-icon-class",
       "type": "glyph",
-    },
-    "loading": false,
-  },
-  "type": [Function],
-}
+    }
+  }
+  loading={false}
+/>
 `;

packages/pluggableWidgets/datagrid-date-filter-web/src/components/__tests__/__snapshots__/DatagridDateFilter.spec.tsx.snap

@@ -14,12 +14,12 @@ exports[`Date Filter with single instance with double attributes renders correct
       >
         <button
           aria-activedescendant=""
-          aria-controls="downshift-«ra»-menu"
+          aria-controls="downshift-:ra:-menu"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-label="Equal"
           class="btn btn-default filter-selector-button button-icon equal"
-          id="downshift-«ra»-toggle-button"
+          id="downshift-:ra:-toggle-button"
           role="combobox"
           tabindex="0"
         >
@@ -28,7 +28,7 @@ exports[`Date Filter with single instance with double attributes renders correct
         <ul
           aria-label="Select filter type"
           class="filter-selectors hidden"
-          id="downshift-«ra»-menu"
+          id="downshift-:ra:-menu"
           role="listbox"
           style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
         />
@@ -94,12 +94,12 @@ exports[`Date Filter with single instance with single attribute renders correctl
       >
         <button
           aria-activedescendant=""
-          aria-controls="downshift-«r0»-menu"
+          aria-controls="downshift-:r0:-menu"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-label="Equal"
           class="btn btn-default filter-selector-button button-icon equal"
-          id="downshift-«r0»-toggle-button"
+          id="downshift-:r0:-toggle-button"
           role="combobox"
           tabindex="0"
         >
@@ -108,7 +108,7 @@ exports[`Date Filter with single instance with single attribute renders correctl
         <ul
           aria-label="Select filter type"
           class="filter-selectors hidden"
-          id="downshift-«r0»-menu"
+          id="downshift-:r0:-menu"
           role="listbox"
           style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
         />

packages/pluggableWidgets/datagrid-date-filter-web/src/components/__tests__/__snapshots__/FilterComponent.spec.tsx.snap

@@ -14,12 +14,12 @@ exports[`Filter component renders correctly 1`] = `
       >
         <button
           aria-activedescendant=""
-          aria-controls="downshift-«r0»-menu"
+          aria-controls="downshift-:r0:-menu"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-label="Equal"
           class="btn btn-default filter-selector-button button-icon equal"
-          id="downshift-«r0»-toggle-button"
+          id="downshift-:r0:-toggle-button"
           role="combobox"
           tabindex="0"
         >
@@ -28,7 +28,7 @@ exports[`Filter component renders correctly 1`] = `
         <ul
           aria-label="Select filter type"
           class="filter-selectors hidden"
-          id="downshift-«r0»-menu"
+          id="downshift-:r0:-menu"
           role="listbox"
           style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
         />
@@ -146,12 +146,12 @@ exports[`Filter component renders correctly with aria labels 1`] = `
       >
         <button
           aria-activedescendant=""
-          aria-controls="downshift-«r3»-menu"
+          aria-controls="downshift-:r3:-menu"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-label="Equal"
           class="btn btn-default filter-selector-button button-icon equal"
-          id="downshift-«r3»-toggle-button"
+          id="downshift-:r3:-toggle-button"
           role="combobox"
           tabindex="0"
         >
@@ -160,7 +160,7 @@ exports[`Filter component renders correctly with aria labels 1`] = `
         <ul
           aria-label="my label"
           class="filter-selectors hidden"
-          id="downshift-«r3»-menu"
+          id="downshift-:r3:-menu"
           role="listbox"
           style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
         />

packages/pluggableWidgets/datagrid-dropdown-filter-web/src/__tests__/__snapshots__/DatagridDropdownFilter.spec.tsx.snap

@@ -4,14 +4,14 @@ exports[`Dropdown Filter with single instance with single attribute renders corr
 <DocumentFragment>
   <div
     aria-activedescendant=""
-    aria-controls="downshift-«r0»-menu"
+    aria-controls="downshift-:r0:-menu"
     aria-expanded="false"
     aria-haspopup="listbox"
     aria-label="AriaLabel"
     class="widget-dropdown-filter form-control variant-select filter-custom-class"
     data-empty="true"
     data-expanded="false"
-    id="downshift-«r0»-toggle-button"
+    id="downshift-:r0:-toggle-button"
     role="combobox"
     tabindex="0"
   >
@@ -41,15 +41,15 @@ exports[`Dropdown Filter with single instance with single attribute renders corr
     <div
       class="widget-dropdown-filter-popover"
       hidden=""
-      style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px); width: 0px;"
+      style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
     >
       <div
         class="widget-dropdown-filter-menu-slot"
       >
         <ul
           aria-label="AriaLabel"
           class="widget-dropdown-filter-menu"
-          id="downshift-«r0»-menu"
+          id="downshift-:r0:-menu"
           role="listbox"
         />
       </div>

packages/pluggableWidgets/datagrid-number-filter-web/src/components/__tests__/__snapshots__/DatagridNumberFilter.spec.tsx.snap

@@ -14,12 +14,12 @@ exports[`Number Filter with single instance with multiple attributes renders cor
       >
         <button
           aria-activedescendant=""
-          aria-controls="downshift-«r7»-menu"
+          aria-controls="downshift-:r7:-menu"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-label="Equal"
           class="btn btn-default filter-selector-button button-icon equal"
-          id="downshift-«r7»-toggle-button"
+          id="downshift-:r7:-toggle-button"
           role="combobox"
           tabindex="0"
         >
@@ -28,7 +28,7 @@ exports[`Number Filter with single instance with multiple attributes renders cor
         <ul
           aria-label="Select filter type"
           class="filter-selectors hidden"
-          id="downshift-«r7»-menu"
+          id="downshift-:r7:-menu"
           role="listbox"
           style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
         />
@@ -68,12 +68,12 @@ exports[`Number Filter with single instance with single attribute renders correc
       >
         <button
           aria-activedescendant=""
-          aria-controls="downshift-«r0»-menu"
+          aria-controls="downshift-:r0:-menu"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-label="Equal"
           class="btn btn-default filter-selector-button button-icon equal"
-          id="downshift-«r0»-toggle-button"
+          id="downshift-:r0:-toggle-button"
           role="combobox"
           tabindex="0"
         >
@@ -82,7 +82,7 @@ exports[`Number Filter with single instance with single attribute renders correc
         <ul
           aria-label="Select filter type"
           class="filter-selectors hidden"
-          id="downshift-«r0»-menu"
+          id="downshift-:r0:-menu"
           role="listbox"
           style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
         />

packages/pluggableWidgets/datagrid-text-filter-web/src/components/__tests__/__snapshots__/DatagridTextFilter.spec.tsx.snap

@@ -14,12 +14,12 @@ exports[`Text Filter with single instance with multiple attributes renders corre
       >
         <button
           aria-activedescendant=""
-          aria-controls="downshift-«r8»-menu"
+          aria-controls="downshift-:r8:-menu"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-label="Equal"
           class="btn btn-default filter-selector-button button-icon equal"
-          id="downshift-«r8»-toggle-button"
+          id="downshift-:r8:-toggle-button"
           role="combobox"
           tabindex="0"
         >
@@ -28,7 +28,7 @@ exports[`Text Filter with single instance with multiple attributes renders corre
         <ul
           aria-label="Select filter type"
           class="filter-selectors hidden"
-          id="downshift-«r8»-menu"
+          id="downshift-:r8:-menu"
           role="listbox"
           style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
         />
@@ -68,12 +68,12 @@ exports[`Text Filter with single instance with single attribute renders correctl
       >
         <button
           aria-activedescendant=""
-          aria-controls="downshift-«r5»-menu"
+          aria-controls="downshift-:r5:-menu"
           aria-expanded="false"
           aria-haspopup="listbox"
           aria-label="Equal"
           class="btn btn-default filter-selector-button button-icon equal"
-          id="downshift-«r5»-toggle-button"
+          id="downshift-:r5:-toggle-button"
           role="combobox"
           tabindex="0"
         >
@@ -82,7 +82,7 @@ exports[`Text Filter with single instance with single attribute renders correctl
         <ul
           aria-label="Select filter type"
           class="filter-selectors hidden"
-          id="downshift-«r5»-menu"
+          id="downshift-:r5:-menu"
           role="listbox"
           style="position: fixed; left: 0px; top: 0px; transform: translate(0px, 0px);"
         />

packages/pluggableWidgets/language-selector-web/src/components/__tests__/__snapshots__/LanguageSwitcher.spec.tsx.snap

@@ -8,7 +8,7 @@ exports[`Language switcher renders the structure with empty language list 1`] =
     <div
       aria-activedescendant=""
       aria-autocomplete="none"
-      aria-controls="«r0»"
+      aria-controls=":r0:"
       aria-expanded="true"
       aria-haspopup="listbox"
       aria-label="Language selector"
@@ -34,7 +34,7 @@ exports[`Language switcher renders the structure with empty language list 1`] =
       aria-orientation="vertical"
       class="popupmenu-menu"
       data-floating-ui-focusable=""
-      id="«r0»"
+      id=":r0:"
       role="listbox"
       style="position: fixed; left: 0px; top: 0px; outline: 0; overflow-y: auto; transform: translate(0px, 0px);"
       tabindex="0"
@@ -51,7 +51,7 @@ exports[`Language switcher renders the structure with language list and selected
     <div
       aria-activedescendant=""
       aria-autocomplete="none"
-      aria-controls="«r2»"
+      aria-controls=":r2:"
       aria-expanded="true"
       aria-haspopup="listbox"
       aria-label="Language selector"
@@ -79,7 +79,7 @@ exports[`Language switcher renders the structure with language list and selected
       aria-orientation="vertical"
       class="popupmenu-menu"
       data-floating-ui-focusable=""
-      id="«r2»"
+      id=":r2:"
       role="listbox"
       style="position: fixed; left: 0px; top: 0px; outline: 0; overflow-y: auto; transform: translate(0px, 0px);"
       tabindex="-1"

packages/pluggableWidgets/popup-menu-web/src/__tests__/__snapshots__/Menu.spec.tsx.snap

@@ -17,7 +17,7 @@ exports[`Menu renders menu 1`] = `
     <ul
       class="popupmenu-menu"
       data-floating-ui-focusable=""
-      id="«r0»"
+      id=":r0:"
       role="dialog"
       style="position: absolute; left: 0px; top: 0px; transform: translate(0px, 0px);"
       tabindex="0"

packages/pluggableWidgets/popup-menu-web/src/__tests__/__snapshots__/PopupMenu.spec.tsx.snap

@@ -6,7 +6,7 @@ exports[`Popup Menu renders popup menu 1`] = `
     class="popupmenu mx-popup-menu"
   >
     <div
-      aria-controls="«r0»"
+      aria-controls=":r0:"
       aria-expanded="true"
       aria-haspopup="dialog"
       aria-hidden="true"
@@ -33,7 +33,7 @@ exports[`Popup Menu renders popup menu 1`] = `
       <ul
         class="popupmenu-menu"
         data-floating-ui-focusable=""
-        id="«r0»"
+        id=":r0:"
         role="dialog"
         style="position: absolute; left: 0px; top: 0px; transform: translate(0px, 0px);"
         tabindex="0"

packages/pluggableWidgets/popup-menu-web/src/__tests__/__snapshots__/PopupTrigger.spec.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Popup Trigger renders popup trigger 1`] = `
 <DocumentFragment>
   <div
-    aria-controls="«r0»"
+    aria-controls=":r0:"
     aria-expanded="true"
     aria-haspopup="dialog"
     class="popupmenu-trigger"