From 5f38f7465b0cfba6e501c3fa5e00bc69de801c11 Mon Sep 17 00:00:00 2001
From: dlcaldeira <dcaldeira@talend.com>
Date: Thu, 23 Nov 2023 16:34:06 +0000
Subject: [PATCH] fix snapshots

---
 .../__snapshots__/GuidedTour.test.js.snap     | 44 +++++-----
 ...HorizontalBarChart.component.test.tsx.snap |  5 +-
 .../VerticalBarChart.component.test.tsx.snap  |  5 +-
 .../__snapshots__/Date.component.test.js.snap | 85 ++++++++++---------
 .../DateTime.component.test.js.snap           |  4 +
 .../__snapshots__/Time.component.test.js.snap |  1 +
 .../__snapshots__/TextMode.test.js.snap       |  2 +-
 7 files changed, 79 insertions(+), 67 deletions(-)

diff --git a/packages/containers/src/GuidedTour/__snapshots__/GuidedTour.test.js.snap b/packages/containers/src/GuidedTour/__snapshots__/GuidedTour.test.js.snap
index c445458d045..5c48a16bc7d 100644
--- a/packages/containers/src/GuidedTour/__snapshots__/GuidedTour.test.js.snap
+++ b/packages/containers/src/GuidedTour/__snapshots__/GuidedTour.test.js.snap
@@ -171,20 +171,22 @@ exports[`Guided Tour Container should render 1`] = `
         data-tour-elem="controls"
       >
         <button
-          class="sc-aXZVg cdorhc sc-eqUAAy jLJOIm"
+          class="sc-aXZVg cdorhc sc-eqUAAy cTnNMO"
           data-tour-elem="left-arrow"
           disabled=""
         >
-          <span
-            class="sc-gEvEer fZNxWp"
+          <svg
+            viewBox="0 0 18.4 14.4"
           >
-            <span
-              class="CoralButtonIcon"
-              icon="arrow-left"
-            >
-              Previous
-            </span>
-          </span>
+            <path
+              d="M1.4 7.2h16M7.6 1L1.4 7.2l6.2 6.2"
+              fill="none"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-miterlimit="10"
+              stroke-width="2"
+            />
+          </svg>
         </button>
         <nav
           class="sc-kAyceB cIhnUi"
@@ -207,19 +209,21 @@ exports[`Guided Tour Container should render 1`] = `
           />
         </nav>
         <button
-          class="sc-aXZVg dbJwZj sc-eqUAAy gcKufz"
+          class="sc-aXZVg dbJwZj sc-eqUAAy eqHGdD"
           data-tour-elem="right-arrow"
         >
-          <span
-            class="sc-gEvEer fZNxWp"
+          <svg
+            viewBox="0 0 18.4 14.4"
           >
-            <span
-              class="CoralButtonIcon"
-              icon="arrow-right"
-            >
-              Next
-            </span>
-          </span>
+            <path
+              d="M17 7.2H1M10.8 1L17 7.2l-6.2 6.2"
+              fill="none"
+              stroke="currentColor"
+              stroke-linecap="round"
+              stroke-miterlimit="10"
+              stroke-width="2"
+            />
+          </svg>
         </button>
       </div>
       <button
diff --git a/packages/dataviz/src/components/BarChart/HorizontalBarChart/__snapshots__/HorizontalBarChart.component.test.tsx.snap b/packages/dataviz/src/components/BarChart/HorizontalBarChart/__snapshots__/HorizontalBarChart.component.test.tsx.snap
index 3c92604d691..28faa5d4254 100644
--- a/packages/dataviz/src/components/BarChart/HorizontalBarChart/__snapshots__/HorizontalBarChart.component.test.tsx.snap
+++ b/packages/dataviz/src/components/BarChart/HorizontalBarChart/__snapshots__/HorizontalBarChart.component.test.tsx.snap
@@ -8,11 +8,12 @@ exports[`Horizontal bar chart should render 1`] = `
   <div
     class="recharts-wrapper theme-horizontal-bar-chart"
     role="region"
-    style="position: relative; cursor: default; width: 400px; height: 300px;"
+    style="position: relative; cursor: default; width: 100%; height: 100%; max-height: 300px; max-width: 400px;"
   >
     <svg
       class="recharts-surface"
       height="300"
+      style="width: 100%; height: 100%;"
       viewBox="0 0 400 300"
       width="400"
     >
@@ -382,7 +383,7 @@ exports[`Horizontal bar chart should render 1`] = `
     <div
       class="recharts-tooltip-wrapper"
       role="dialog"
-      style="transform: translate(undefinedpx, undefinedpx); pointer-events: none; visibility: hidden; position: absolute; top: 0px; left: 0px;"
+      style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;"
       tabindex="-1"
     />
   </div>
diff --git a/packages/dataviz/src/components/BarChart/VerticalBarChart/__snapshots__/VerticalBarChart.component.test.tsx.snap b/packages/dataviz/src/components/BarChart/VerticalBarChart/__snapshots__/VerticalBarChart.component.test.tsx.snap
index b2c2b7f1dc9..4113380230a 100644
--- a/packages/dataviz/src/components/BarChart/VerticalBarChart/__snapshots__/VerticalBarChart.component.test.tsx.snap
+++ b/packages/dataviz/src/components/BarChart/VerticalBarChart/__snapshots__/VerticalBarChart.component.test.tsx.snap
@@ -8,11 +8,12 @@ exports[`Vertical bar chart Should render 1`] = `
   <div
     class="recharts-wrapper theme-vertical-bar-chart"
     role="region"
-    style="position: relative; cursor: default; width: 300px; height: 300px;"
+    style="position: relative; cursor: default; width: 100%; height: 100%; max-height: 300px; max-width: 300px;"
   >
     <svg
       class="recharts-surface"
       height="300"
+      style="width: 100%; height: 100%;"
       viewBox="0 0 300 300"
       width="300"
     >
@@ -269,7 +270,7 @@ exports[`Vertical bar chart Should render 1`] = `
     <div
       class="recharts-tooltip-wrapper"
       role="dialog"
-      style="transform: translate(undefinedpx, undefinedpx); pointer-events: none; visibility: hidden; position: absolute; top: 0px; left: 0px;"
+      style="visibility: hidden; pointer-events: none; position: absolute; top: 0px; left: 0px;"
       tabindex="-1"
     />
   </div>
diff --git a/packages/forms/src/UIForm/fields/Date/__snapshots__/Date.component.test.js.snap b/packages/forms/src/UIForm/fields/Date/__snapshots__/Date.component.test.js.snap
index 90ec57c5afa..2c6c2a51d9a 100644
--- a/packages/forms/src/UIForm/fields/Date/__snapshots__/Date.component.test.js.snap
+++ b/packages/forms/src/UIForm/fields/Date/__snapshots__/Date.component.test.js.snap
@@ -27,6 +27,7 @@ exports[`Date widget should render date picker 1`] = `
       value="15/02/2018 23:55:32"
     />
     <span
+      data-testid="InputSizer"
       style="padding: 0px 1rem; font-size: 1.4rem; visibility: hidden; position: absolute;"
     >
       DD/MM/YYYY
@@ -213,7 +214,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Monday 29 January 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -225,7 +226,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Tuesday 30 January 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -237,7 +238,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Wednesday 31 January 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -249,7 +250,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Thursday 01 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="1"
                             tabindex="-1"
                             type="button"
@@ -262,7 +263,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Friday 02 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="2"
                             tabindex="-1"
                             type="button"
@@ -275,7 +276,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Saturday 03 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="3"
                             tabindex="-1"
                             type="button"
@@ -288,7 +289,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Sunday 04 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="4"
                             tabindex="-1"
                             type="button"
@@ -305,7 +306,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Monday 05 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="5"
                             tabindex="-1"
                             type="button"
@@ -318,7 +319,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Tuesday 06 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="6"
                             tabindex="-1"
                             type="button"
@@ -331,7 +332,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Wednesday 07 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="7"
                             tabindex="-1"
                             type="button"
@@ -344,7 +345,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Thursday 08 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="8"
                             tabindex="-1"
                             type="button"
@@ -357,7 +358,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Friday 09 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="9"
                             tabindex="-1"
                             type="button"
@@ -370,7 +371,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Saturday 10 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="10"
                             tabindex="-1"
                             type="button"
@@ -383,7 +384,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Sunday 11 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="11"
                             tabindex="-1"
                             type="button"
@@ -400,7 +401,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Monday 12 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="12"
                             tabindex="-1"
                             type="button"
@@ -413,7 +414,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Tuesday 13 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="13"
                             tabindex="-1"
                             type="button"
@@ -426,7 +427,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Wednesday 14 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="14"
                             tabindex="-1"
                             type="button"
@@ -439,7 +440,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Today, Thursday 15 February 2018"
-                            class="theme-calendar-day theme-today tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-today tc-date-picker-day"
                             data-value="15"
                             tabindex="-1"
                             type="button"
@@ -452,7 +453,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Friday 16 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="16"
                             tabindex="-1"
                             type="button"
@@ -465,7 +466,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Saturday 17 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="17"
                             tabindex="-1"
                             type="button"
@@ -478,7 +479,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Sunday 18 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="18"
                             tabindex="-1"
                             type="button"
@@ -495,7 +496,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Monday 19 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="19"
                             tabindex="-1"
                             type="button"
@@ -508,7 +509,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Tuesday 20 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="20"
                             tabindex="-1"
                             type="button"
@@ -521,7 +522,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Wednesday 21 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="21"
                             tabindex="-1"
                             type="button"
@@ -534,7 +535,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Thursday 22 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="22"
                             tabindex="-1"
                             type="button"
@@ -547,7 +548,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Friday 23 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="23"
                             tabindex="-1"
                             type="button"
@@ -560,7 +561,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Saturday 24 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="24"
                             tabindex="-1"
                             type="button"
@@ -573,7 +574,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Sunday 25 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="25"
                             tabindex="-1"
                             type="button"
@@ -590,7 +591,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Monday 26 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="26"
                             tabindex="-1"
                             type="button"
@@ -603,7 +604,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Tuesday 27 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="27"
                             tabindex="-1"
                             type="button"
@@ -616,7 +617,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Wednesday 28 February 2018"
-                            class="theme-calendar-day tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day tc-date-picker-day"
                             data-value="28"
                             tabindex="-1"
                             type="button"
@@ -629,7 +630,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Thursday 01 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -641,7 +642,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Friday 02 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -653,7 +654,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Saturday 03 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -665,7 +666,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Sunday 04 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -681,7 +682,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Monday 05 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -693,7 +694,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Tuesday 06 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -705,7 +706,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Wednesday 07 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -717,7 +718,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Thursday 08 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -729,7 +730,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Friday 09 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -741,7 +742,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Saturday 10 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
@@ -753,7 +754,7 @@ exports[`Date widget should render date picker 1`] = `
                         >
                           <button
                             aria-label="Sunday 11 March 2018"
-                            class="theme-calendar-day theme-not-current-month tc-date-picker-day btn-tertiary btn-default"
+                            class="theme-calendar-day theme-not-current-month tc-date-picker-day"
                             tabindex="-1"
                             type="button"
                           >
diff --git a/packages/forms/src/UIForm/fields/Date/__snapshots__/DateTime.component.test.js.snap b/packages/forms/src/UIForm/fields/Date/__snapshots__/DateTime.component.test.js.snap
index b2c06c723fc..f010423920a 100644
--- a/packages/forms/src/UIForm/fields/Date/__snapshots__/DateTime.component.test.js.snap
+++ b/packages/forms/src/UIForm/fields/Date/__snapshots__/DateTime.component.test.js.snap
@@ -20,6 +20,7 @@ exports[`DateTime widget should render an InputDateTimePicker 1`] = `
       <input
         autocomplete="off"
         class="form-control"
+        data-testid="date-picker"
         id="talend-date-time-date-picker-input"
         placeholder="YYYY-MM-DD"
         style="width: 47px;"
@@ -27,6 +28,7 @@ exports[`DateTime widget should render an InputDateTimePicker 1`] = `
         value=""
       />
       <span
+        data-testid="InputSizer"
         style="padding: 0px 1rem; font-size: 1.4rem; visibility: hidden; position: absolute;"
       >
         YYYY-MM-DD
@@ -39,6 +41,7 @@ exports[`DateTime widget should render an InputDateTimePicker 1`] = `
       <input
         autocomplete="off"
         class="form-control theme-time-picker-input"
+        data-testid="time-picker"
         id="talend-date-time-time-picker-input"
         maxlength="5"
         placeholder="HH:mm"
@@ -47,6 +50,7 @@ exports[`DateTime widget should render an InputDateTimePicker 1`] = `
         value=""
       />
       <span
+        data-testid="InputSizer"
         style="padding: 0px 1rem; font-size: 1.4rem; visibility: hidden; position: absolute;"
       >
         HH:mm
diff --git a/packages/forms/src/UIForm/fields/Date/__snapshots__/Time.component.test.js.snap b/packages/forms/src/UIForm/fields/Date/__snapshots__/Time.component.test.js.snap
index d2e34cfd1cd..4e5580b52d3 100644
--- a/packages/forms/src/UIForm/fields/Date/__snapshots__/Time.component.test.js.snap
+++ b/packages/forms/src/UIForm/fields/Date/__snapshots__/Time.component.test.js.snap
@@ -25,6 +25,7 @@ exports[`Time component should render an InputTimePicker 1`] = `
       value="12:34"
     />
     <span
+      data-testid="InputSizer"
       style="padding: 0px 1rem; font-size: 1.4rem; visibility: hidden; position: absolute;"
     >
       HH:mm
diff --git a/packages/forms/src/UIForm/fields/Toggle/displayMode/__snapshots__/TextMode.test.js.snap b/packages/forms/src/UIForm/fields/Toggle/displayMode/__snapshots__/TextMode.test.js.snap
index c74c30ffe9c..333fc408f82 100644
--- a/packages/forms/src/UIForm/fields/Toggle/displayMode/__snapshots__/TextMode.test.js.snap
+++ b/packages/forms/src/UIForm/fields/Toggle/displayMode/__snapshots__/TextMode.test.js.snap
@@ -15,7 +15,7 @@ exports[`Toggle field in text mode should render the Toggle 1`] = `
       aria-hidden="true"
     >
       <div
-        class="checkbox tc-checkbox tc-checkbox-disabled switch tc-toggle tc-toggle-disabled"
+        class="checkbox tc-checkbox disabled switch tc-toggle tc-toggle-disabled"
       >
         <label
           for="myForm"