From 53e3472c7bc1799cbc0a019846df444d9cb5fd61 Mon Sep 17 00:00:00 2001
From: Diana Nanyanzi <diana@dhis2.org>
Date: Tue, 5 Mar 2024 00:33:14 +0300
Subject: [PATCH] chore: update snapshot tests

---
 .../__snapshots__/DatePicker.test.js.snap     | 13 ++---
 .../ImportButtonStrip.test.js.snap            | 12 ++---
 .../Page/__snapshots__/Page.test.js.snap      |  4 +-
 .../__snapshots__/RadioGroup.test.js.snap     | 54 +++++++++++--------
 .../Select/__snapshots__/Select.test.js.snap  | 10 ++--
 5 files changed, 51 insertions(+), 42 deletions(-)

diff --git a/src/components/DatePicker/__snapshots__/DatePicker.test.js.snap b/src/components/DatePicker/__snapshots__/DatePicker.test.js.snap
index f29edaf87..7738ea07f 100644
--- a/src/components/DatePicker/__snapshots__/DatePicker.test.js.snap
+++ b/src/components/DatePicker/__snapshots__/DatePicker.test.js.snap
@@ -7,18 +7,18 @@ exports[`matches snapshot 1`] = `
     data-test="date-picker"
   >
     <label
-      class="jsx-2718078600 "
+      class="jsx-2904627559 "
       data-test="date-picker-label"
       for="file"
     >
       <span
-        class="jsx-2718078600"
+        class="jsx-2904627559"
       >
         Start date
       </span>
     </label>
     <div
-      class="jsx-3111771310 "
+      class="jsx-3651602664 "
       data-test="date-picker-content"
     >
       <div
@@ -26,19 +26,16 @@ exports[`matches snapshot 1`] = `
         data-test="dhis2-uicore-box"
       >
         <div
-          class="jsx-3353877153 jsx-2133963083 input"
+          class="jsx-3353877153 jsx-3173911271 input"
           data-test="dhis2-uicore-input"
         >
           <input
-            class="jsx-3353877153 jsx-2133963083 "
+            class="jsx-3353877153 jsx-3173911271 "
             id="file"
             name="file"
             type="date"
             value="2020-02-10"
           />
-          <div
-            class="jsx-3353877153 jsx-2133963083 status-icon"
-          />
         </div>
       </div>
     </div>
diff --git a/src/components/ImportButtonStrip/__snapshots__/ImportButtonStrip.test.js.snap b/src/components/ImportButtonStrip/__snapshots__/ImportButtonStrip.test.js.snap
index 39dfc1825..23dc99fd7 100644
--- a/src/components/ImportButtonStrip/__snapshots__/ImportButtonStrip.test.js.snap
+++ b/src/components/ImportButtonStrip/__snapshots__/ImportButtonStrip.test.js.snap
@@ -7,14 +7,14 @@ exports[`matches snapshot 1`] = `
     data-test="import-strip"
   >
     <div
-      class="jsx-71743532 start"
+      class="jsx-1994200789 start"
       data-test="import-strip-button-strip"
     >
       <div
-        class="jsx-71743532 box"
+        class="jsx-1994200789 box"
       >
         <button
-          class="jsx-1937199209 dryRun primary"
+          class="jsx-441677069 dryRun primary"
           data-test="import-strip-dry-run-btn"
           type="submit"
         >
@@ -22,10 +22,10 @@ exports[`matches snapshot 1`] = `
         </button>
       </div>
       <div
-        class="jsx-71743532 box"
+        class="jsx-1994200789 box"
       >
         <button
-          class="jsx-1937199209 secondary"
+          class="jsx-441677069 secondary"
           data-test="import-strip-import-btn"
           type="submit"
         >
@@ -34,7 +34,7 @@ exports[`matches snapshot 1`] = `
       </div>
     </div>
     <p
-      class="jsx-4256586228 "
+      class="jsx-4265152438 "
       data-test="import-strip-help"
     >
       A dry run tests the import settings without importing any data
diff --git a/src/components/Page/__snapshots__/Page.test.js.snap b/src/components/Page/__snapshots__/Page.test.js.snap
index a2bfa5657..67d33f5a9 100644
--- a/src/components/Page/__snapshots__/Page.test.js.snap
+++ b/src/components/Page/__snapshots__/Page.test.js.snap
@@ -133,7 +133,7 @@ exports[`matches snapshot when not loading and a full summary task 1`] = `
       </p>
     </header>
     <div
-      class="jsx-3536470681 preBody"
+      class="jsx-574779348 preBody"
       data-test="dhis2-uicore-card"
     >
       <div
@@ -527,7 +527,7 @@ exports[`matches snapshot when not loading and a mini summary task 1`] = `
       </p>
     </header>
     <div
-      class="jsx-3536470681 preBody"
+      class="jsx-574779348 preBody"
       data-test="dhis2-uicore-card"
     >
       <div
diff --git a/src/components/RadioGroup/__snapshots__/RadioGroup.test.js.snap b/src/components/RadioGroup/__snapshots__/RadioGroup.test.js.snap
index 8118e28dc..3e4e80a9a 100644
--- a/src/components/RadioGroup/__snapshots__/RadioGroup.test.js.snap
+++ b/src/components/RadioGroup/__snapshots__/RadioGroup.test.js.snap
@@ -16,36 +16,40 @@ exports[`matches snapshot 1`] = `
     >
       <div>
         <label
-          class="jsx-869913229 "
+          class="jsx-3878022568 "
           data-test="radio-group-format-a"
         >
           <input
             checked=""
-            class="jsx-869913229"
+            class="jsx-3878022568"
             name="format"
             type="radio"
             value="a"
           />
           <div
-            class="jsx-869913229 icon"
+            class="jsx-3878022568 icon"
           >
             <svg
-              class="jsx-1260643562 jsx-1631270792 checked"
+              class="jsx-1260643562 jsx-1120332023 checked"
               viewBox="0 0 18 18"
               xmlns="http://www.w3.org/2000/svg"
             >
               <circle
-                class="jsx-1260643562 jsx-1631270792 background"
+                class="jsx-1260643562 jsx-1120332023 background"
                 cx="9"
                 cy="9"
                 r="9"
               />
               <path
-                class="jsx-1260643562 jsx-1631270792 outer"
+                class="jsx-1260643562 jsx-1120332023 outer unchecked"
+                d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 Z"
+              />
+              <path
+                class="jsx-1260643562 jsx-1120332023 outer checked"
                 d="M9,18 C13.9705627,18 18,13.9705627 18,9 C18,4.02943725 13.9705627,0 9,0 C4.02943725,0 0,4.02943725 0,9 C0,13.9705627 4.02943725,18 9,18 Z M9,16 C5.13400675,16 2,12.8659932 2,9 C2,5.13400675 5.13400675,2 9,2 C12.8659932,2 16,5.13400675 16,9 C16,12.8659932 12.8659932,16 9,16 Z"
               />
               <circle
-                class="jsx-1260643562 jsx-1631270792 inner"
+                class="jsx-1260643562 jsx-1120332023 inner"
                 cx="9"
                 cy="9"
                 r="5"
@@ -57,35 +61,39 @@ exports[`matches snapshot 1`] = `
       </div>
       <div>
         <label
-          class="jsx-869913229 "
+          class="jsx-3878022568 "
           data-test="radio-group-format-b"
         >
           <input
-            class="jsx-869913229"
+            class="jsx-3878022568"
             name="format"
             type="radio"
             value="b"
           />
           <div
-            class="jsx-869913229 icon"
+            class="jsx-3878022568 icon"
           >
             <svg
-              class="jsx-1260643562 jsx-1631270792 "
+              class="jsx-1260643562 jsx-1120332023 "
               viewBox="0 0 18 18"
               xmlns="http://www.w3.org/2000/svg"
             >
               <circle
-                class="jsx-1260643562 jsx-1631270792 background"
+                class="jsx-1260643562 jsx-1120332023 background"
                 cx="9"
                 cy="9"
                 r="9"
               />
               <path
-                class="jsx-1260643562 jsx-1631270792 outer"
+                class="jsx-1260643562 jsx-1120332023 outer unchecked"
+                d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 Z"
+              />
+              <path
+                class="jsx-1260643562 jsx-1120332023 outer checked"
                 d="M9,18 C13.9705627,18 18,13.9705627 18,9 C18,4.02943725 13.9705627,0 9,0 C4.02943725,0 0,4.02943725 0,9 C0,13.9705627 4.02943725,18 9,18 Z M9,16 C5.13400675,16 2,12.8659932 2,9 C2,5.13400675 5.13400675,2 9,2 C12.8659932,2 16,5.13400675 16,9 C16,12.8659932 12.8659932,16 9,16 Z"
               />
               <circle
-                class="jsx-1260643562 jsx-1631270792 inner"
+                class="jsx-1260643562 jsx-1120332023 inner"
                 cx="9"
                 cy="9"
                 r="5"
@@ -97,35 +105,39 @@ exports[`matches snapshot 1`] = `
       </div>
       <div>
         <label
-          class="jsx-869913229 "
+          class="jsx-3878022568 "
           data-test="radio-group-format-c"
         >
           <input
-            class="jsx-869913229"
+            class="jsx-3878022568"
             name="format"
             type="radio"
             value="c"
           />
           <div
-            class="jsx-869913229 icon"
+            class="jsx-3878022568 icon"
           >
             <svg
-              class="jsx-1260643562 jsx-1631270792 "
+              class="jsx-1260643562 jsx-1120332023 "
               viewBox="0 0 18 18"
               xmlns="http://www.w3.org/2000/svg"
             >
               <circle
-                class="jsx-1260643562 jsx-1631270792 background"
+                class="jsx-1260643562 jsx-1120332023 background"
                 cx="9"
                 cy="9"
                 r="9"
               />
               <path
-                class="jsx-1260643562 jsx-1631270792 outer"
+                class="jsx-1260643562 jsx-1120332023 outer unchecked"
+                d="M9,0 C13.9705627,0 18,4.02943725 18,9 C18,13.9705627 13.9705627,18 9,18 C4.02943725,18 0,13.9705627 0,9 C0,4.02943725 4.02943725,0 9,0 Z M9,1 C4.581722,1 1,4.581722 1,9 C1,13.418278 4.581722,17 9,17 C13.418278,17 17,13.418278 17,9 C17,4.581722 13.418278,1 9,1 Z"
+              />
+              <path
+                class="jsx-1260643562 jsx-1120332023 outer checked"
                 d="M9,18 C13.9705627,18 18,13.9705627 18,9 C18,4.02943725 13.9705627,0 9,0 C4.02943725,0 0,4.02943725 0,9 C0,13.9705627 4.02943725,18 9,18 Z M9,16 C5.13400675,16 2,12.8659932 2,9 C2,5.13400675 5.13400675,2 9,2 C12.8659932,2 16,5.13400675 16,9 C16,12.8659932 12.8659932,16 9,16 Z"
               />
               <circle
-                class="jsx-1260643562 jsx-1631270792 inner"
+                class="jsx-1260643562 jsx-1120332023 inner"
                 cx="9"
                 cy="9"
                 r="5"
diff --git a/src/components/Select/__snapshots__/Select.test.js.snap b/src/components/Select/__snapshots__/Select.test.js.snap
index cead29e30..64a0e223c 100644
--- a/src/components/Select/__snapshots__/Select.test.js.snap
+++ b/src/components/Select/__snapshots__/Select.test.js.snap
@@ -28,29 +28,29 @@ exports[`matches snapshot 1`] = `
             data-test="dhis2-uicore-box"
           >
             <div
-              class="jsx-2451184972 root"
+              class="jsx-114080822 root"
               data-test="dhis2-uicore-singleselect"
             >
               <div
-                class="jsx-2451184972 root-input"
+                class="jsx-114080822 root-input"
               >
                 <div
                   data-test="dhis2-uicore-select"
                 >
                   <div
-                    class="jsx-3336622488 root"
+                    class="jsx-1462515063 root"
                     data-test="dhis2-uicore-select-input"
                     tabindex="0"
                   >
                     <div
-                      class="jsx-3336622488 root-children"
+                      class="jsx-1462515063 root-children"
                     >
                       <div
                         class="jsx-2240447017 jsx-4123978364 root"
                       />
                     </div>
                     <div
-                      class="jsx-3336622488 root-right"
+                      class="jsx-1462515063 root-right"
                     >
                       <svg
                         height="16"