From 4a8d910afbae10a6fa48a6d5000ca4509d3f939c Mon Sep 17 00:00:00 2001
From: Gustav Hansen <gustav.hansen@strapi.io>
Date: Thu, 3 Nov 2022 16:34:33 +0100
Subject: [PATCH] Chore: Update snapshot tests

---
 .../__snapshots__/RelationInput.test.js.snap  | 56 +++++++++++--------
 .../__snapshots__/BulkMoveDialog.test.js.snap | 25 +++++++--
 .../EditAssetDialog.test.js.snap              | 25 +++++++--
 .../tests/__snapshots__/index.test.js.snap    | 25 +++++++--
 .../EditFolderDialog.test.js.snap             | 25 +++++++--
 .../__snapshots__/SelectTree.test.js.snap     | 50 +++++++++++++----
 6 files changed, 153 insertions(+), 53 deletions(-)

diff --git a/packages/core/admin/admin/src/content-manager/components/RelationInput/tests/__snapshots__/RelationInput.test.js.snap b/packages/core/admin/admin/src/content-manager/components/RelationInput/tests/__snapshots__/RelationInput.test.js.snap
index a706af1c16..f1eb559620 100644
--- a/packages/core/admin/admin/src/content-manager/components/RelationInput/tests/__snapshots__/RelationInput.test.js.snap
+++ b/packages/core/admin/admin/src/content-manager/components/RelationInput/tests/__snapshots__/RelationInput.test.js.snap
@@ -482,42 +482,52 @@ exports[`Content-Manager || RelationInput should render and match snapshot 1`] =
           </div>
         </label>
         <div
-          class=" css-1tkrshn-container"
+          class=" css-1iyvlxg-container"
         >
+          <span
+            class="css-1f43avz-a11yText-A11yText"
+            id="react-select-2-live-region"
+          />
+          <span
+            aria-atomic="false"
+            aria-live="polite"
+            aria-relevant="additions text"
+            class="css-1f43avz-a11yText-A11yText"
+          />
           <div
             class=" css-1sb7bue-control"
           >
             <div
-              class=" css-1kj7tu4-ValueContainer"
+              class=" css-do2euy-ValueContainer"
             >
               <div
-                class=" css-6gbuim-placeholder"
+                class=" css-17f8yyk-placeholder"
+                id="react-select-2-placeholder"
               >
                 Select...
               </div>
               <div
-                class="css-fph3ax-Input"
+                class=" css-aaf1np-Input"
+                data-value=""
               >
-                <div
+                <input
+                  aria-autocomplete="list"
+                  aria-describedby="react-select-2-placeholder"
+                  aria-expanded="false"
+                  aria-haspopup="true"
+                  aria-invalid="false"
+                  autocapitalize="none"
+                  autocomplete="off"
+                  autocorrect="off"
                   class=""
-                  style="display: inline-block;"
-                >
-                  <input
-                    aria-autocomplete="list"
-                    autocapitalize="none"
-                    autocomplete="off"
-                    autocorrect="off"
-                    id="1"
-                    spellcheck="false"
-                    style="box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;"
-                    tabindex="0"
-                    type="text"
-                    value=""
-                  />
-                  <div
-                    style="position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;"
-                  />
-                </div>
+                  id="1"
+                  role="combobox"
+                  spellcheck="false"
+                  style="opacity: 1; width: 100%; grid-area: 1 / 2; min-width: 2px; border: 0px; margin: 0px; outline: 0; padding: 0px;"
+                  tabindex="0"
+                  type="text"
+                  value=""
+                />
               </div>
             </div>
             <div
diff --git a/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap b/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap
index 3be9e58ca1..b6215648e8 100644
--- a/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap
+++ b/packages/core/upload/admin/src/components/BulkMoveDialog/tests/__snapshots__/BulkMoveDialog.test.js.snap
@@ -621,24 +621,39 @@ exports[`BulkMoveDialog renders and matches the snapshot 1`] = `
                           </div>
                         </label>
                         <div
-                          class=" css-1tkrshn-container"
+                          class=" css-1iyvlxg-container"
                         >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-2-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
                           <div
                             class=" css-1sb7bue-control"
                           >
                             <div
-                              class=" css-1kj7tu4-ValueContainer"
+                              class=" css-do2euy-ValueContainer"
                             >
                               <div
-                                class=" css-p5rves-singleValue"
+                                class=" css-1sqm0gs-singleValue"
                               >
                                 Media Library
                               </div>
                               <input
                                 aria-autocomplete="list"
-                                class="css-wmatm6-dummyInput-DummyInput"
+                                aria-expanded="false"
+                                aria-haspopup="true"
+                                aria-invalid="false"
+                                aria-readonly="true"
+                                class="css-mohuvp-dummyInput-DummyInput"
                                 id="folder-destination"
-                                readonly=""
+                                inputmode="none"
+                                role="combobox"
                                 tabindex="0"
                                 value=""
                               />
diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap
index 2d42f5a4fc..375ded20df 100644
--- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap
+++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/EditAssetDialog.test.js.snap
@@ -1431,24 +1431,39 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
                             </div>
                           </label>
                           <div
-                            class=" css-1tkrshn-container"
+                            class=" css-1iyvlxg-container"
                           >
+                            <span
+                              class="css-1f43avz-a11yText-A11yText"
+                              id="react-select-2-live-region"
+                            />
+                            <span
+                              aria-atomic="false"
+                              aria-live="polite"
+                              aria-relevant="additions text"
+                              class="css-1f43avz-a11yText-A11yText"
+                            />
                             <div
                               class=" css-1sb7bue-control"
                             >
                               <div
-                                class=" css-1kj7tu4-ValueContainer"
+                                class=" css-do2euy-ValueContainer"
                               >
                                 <div
-                                  class=" css-p5rves-singleValue"
+                                  class=" css-1sqm0gs-singleValue"
                                 >
                                   Media Library
                                 </div>
                                 <input
                                   aria-autocomplete="list"
-                                  class="css-wmatm6-dummyInput-DummyInput"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  aria-invalid="false"
+                                  aria-readonly="true"
+                                  class="css-mohuvp-dummyInput-DummyInput"
                                   id="asset-folder"
-                                  readonly=""
+                                  inputmode="none"
+                                  role="combobox"
                                   tabindex="0"
                                   value=""
                                 />
diff --git a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap
index 2d42f5a4fc..375ded20df 100644
--- a/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap
+++ b/packages/core/upload/admin/src/components/EditAssetDialog/tests/__snapshots__/index.test.js.snap
@@ -1431,24 +1431,39 @@ exports[`<EditAssetDialog /> renders and matches the snapshot 1`] = `
                             </div>
                           </label>
                           <div
-                            class=" css-1tkrshn-container"
+                            class=" css-1iyvlxg-container"
                           >
+                            <span
+                              class="css-1f43avz-a11yText-A11yText"
+                              id="react-select-2-live-region"
+                            />
+                            <span
+                              aria-atomic="false"
+                              aria-live="polite"
+                              aria-relevant="additions text"
+                              class="css-1f43avz-a11yText-A11yText"
+                            />
                             <div
                               class=" css-1sb7bue-control"
                             >
                               <div
-                                class=" css-1kj7tu4-ValueContainer"
+                                class=" css-do2euy-ValueContainer"
                               >
                                 <div
-                                  class=" css-p5rves-singleValue"
+                                  class=" css-1sqm0gs-singleValue"
                                 >
                                   Media Library
                                 </div>
                                 <input
                                   aria-autocomplete="list"
-                                  class="css-wmatm6-dummyInput-DummyInput"
+                                  aria-expanded="false"
+                                  aria-haspopup="true"
+                                  aria-invalid="false"
+                                  aria-readonly="true"
+                                  class="css-mohuvp-dummyInput-DummyInput"
                                   id="asset-folder"
-                                  readonly=""
+                                  inputmode="none"
+                                  role="combobox"
                                   tabindex="0"
                                   value=""
                                 />
diff --git a/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap b/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap
index 6652150e9c..6d693b37f6 100644
--- a/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap
+++ b/packages/core/upload/admin/src/components/EditFolderDialog/tests/__snapshots__/EditFolderDialog.test.js.snap
@@ -806,24 +806,39 @@ exports[`EditFolderDialog renders and matches the snapshot 1`] = `
                           </div>
                         </label>
                         <div
-                          class=" css-1tkrshn-container"
+                          class=" css-1iyvlxg-container"
                         >
+                          <span
+                            class="css-1f43avz-a11yText-A11yText"
+                            id="react-select-2-live-region"
+                          />
+                          <span
+                            aria-atomic="false"
+                            aria-live="polite"
+                            aria-relevant="additions text"
+                            class="css-1f43avz-a11yText-A11yText"
+                          />
                           <div
                             class=" css-1sb7bue-control"
                           >
                             <div
-                              class=" css-1kj7tu4-ValueContainer"
+                              class=" css-do2euy-ValueContainer"
                             >
                               <div
-                                class=" css-p5rves-singleValue"
+                                class=" css-1sqm0gs-singleValue"
                               >
                                 Media Library
                               </div>
                               <input
                                 aria-autocomplete="list"
-                                class="css-wmatm6-dummyInput-DummyInput"
+                                aria-expanded="false"
+                                aria-haspopup="true"
+                                aria-invalid="false"
+                                aria-readonly="true"
+                                class="css-mohuvp-dummyInput-DummyInput"
                                 id="folder-parent"
-                                readonly=""
+                                inputmode="none"
+                                role="combobox"
                                 tabindex="0"
                                 value=""
                               />
diff --git a/packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap b/packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap
index 269f230993..8c8419a0c9 100644
--- a/packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap
+++ b/packages/core/upload/admin/src/components/SelectTree/tests/__snapshots__/SelectTree.test.js.snap
@@ -51,22 +51,37 @@ exports[`SelectTree renders 1`] = `
 <body>
     <div>
       <div
-        class=" css-1tkrshn-container"
+        class=" css-1iyvlxg-container"
       >
+        <span
+          class="css-1f43avz-a11yText-A11yText"
+          id="react-select-2-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          class="css-1f43avz-a11yText-A11yText"
+        />
         <div
           class=" css-1sb7bue-control"
         >
           <div
-            class=" css-1kj7tu4-ValueContainer"
+            class=" css-do2euy-ValueContainer"
           >
             <div
-              class=" css-p5rves-singleValue"
+              class=" css-1sqm0gs-singleValue"
             />
             <input
               aria-autocomplete="list"
-              class="css-wmatm6-dummyInput-DummyInput"
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-invalid="false"
+              aria-readonly="true"
+              class="css-mohuvp-dummyInput-DummyInput"
               id="react-select-2-input"
-              readonly=""
+              inputmode="none"
+              role="combobox"
               tabindex="0"
               value=""
             />
@@ -122,22 +137,37 @@ exports[`SelectTree renders 1`] = `
   </body>,
   "container": <div>
     <div
-      class=" css-1tkrshn-container"
+      class=" css-1iyvlxg-container"
     >
+      <span
+        class="css-1f43avz-a11yText-A11yText"
+        id="react-select-2-live-region"
+      />
+      <span
+        aria-atomic="false"
+        aria-live="polite"
+        aria-relevant="additions text"
+        class="css-1f43avz-a11yText-A11yText"
+      />
       <div
         class=" css-1sb7bue-control"
       >
         <div
-          class=" css-1kj7tu4-ValueContainer"
+          class=" css-do2euy-ValueContainer"
         >
           <div
-            class=" css-p5rves-singleValue"
+            class=" css-1sqm0gs-singleValue"
           />
           <input
             aria-autocomplete="list"
-            class="css-wmatm6-dummyInput-DummyInput"
+            aria-expanded="false"
+            aria-haspopup="true"
+            aria-invalid="false"
+            aria-readonly="true"
+            class="css-mohuvp-dummyInput-DummyInput"
             id="react-select-2-input"
-            readonly=""
+            inputmode="none"
+            role="combobox"
             tabindex="0"
             value=""
           />