Yarn dev (#11256)

* Yarn dev * Revert "Update JS dependency @testing-library/jest-dom to v5.16.5 (#9626)" This reverts commit c203a35. * Update snapshot
pymedusa · May 21, 2023 · 7c012d9 · 7c012d9
1 parent c203a35
commit 7c012d9
Show file tree

Hide file tree

Showing 15 changed files with 1,830 additions and 850 deletions.
diff --git a/themes-default/slim/package.json b/themes-default/slim/package.json
@@ -83,7 +83,7 @@
     "@babel/runtime": "7.21.5",
     "@mapbox/stylelint-processor-arbitrary-tags": "0.4.0",
     "@sharkykh/eslint-plugin-vue-extra": "0.1.1",
-    "@testing-library/jest-dom": "5.16.5",
+    "@testing-library/jest-dom": "5.11.9",
     "@vue/test-utils": "1.2.2",
     "babel-core": "7.0.0-bridge.0",
     "babel-loader": "8.3.0",

diff --git a/themes-default/slim/test/specs/__snapshots__/add-show-options.spec.js.snap b/themes-default/slim/test/specs/__snapshots__/add-show-options.spec.js.snap
@@ -291,7 +291,9 @@ exports[`AddShowOptions.test.js renders with \`enable-anime-options\` disabled 1
             class="col-sm-10 content"
           >
             <div
+              aria-owns="listbox-null"
               class="multiselect"
+              role="combobox"
               tabindex="-1"
             >
               <div
@@ -318,10 +320,12 @@ exports[`AddShowOptions.test.js renders with \`enable-anime-options\` disabled 1
                 </transition-stub>
                  
                 <input
-                  autocomplete="nope"
+                  aria-controls="listbox-null"
+                  autocomplete="off"
                   class="multiselect__input"
                   name=""
                   placeholder="Select option"
+                  spellcheck="false"
                   style="width: 0px; position: absolute; padding: 0px;"
                   tabindex="0"
                   type="text"
@@ -348,13 +352,17 @@ exports[`AddShowOptions.test.js renders with \`enable-anime-options\` disabled 1
                 >
                   <ul
                     class="multiselect__content"
+                    id="listbox-null"
+                    role="listbox"
                     style="display: inline-block;"
                   >
                      
                     <!---->
                      
                     <li
                       class="multiselect__element"
+                      id="null-0"
+                      role="option"
                     >
                       <span
                         class="multiselect__option multiselect__option--highlight"
@@ -371,6 +379,8 @@ exports[`AddShowOptions.test.js renders with \`enable-anime-options\` disabled 1
                     </li>
                     <li
                       class="multiselect__element"
+                      id="null-1"
+                      role="option"
                     >
                       <span
                         class="multiselect__option"
@@ -788,7 +798,9 @@ exports[`AddShowOptions.test.js renders with \`enable-anime-options\` enabled 1`
             class="col-sm-10 content"
           >
             <div
+              aria-owns="listbox-null"
               class="multiselect"
+              role="combobox"
               tabindex="-1"
             >
               <div
@@ -815,10 +827,12 @@ exports[`AddShowOptions.test.js renders with \`enable-anime-options\` enabled 1`
                 </transition-stub>
                  
                 <input
-                  autocomplete="nope"
+                  aria-controls="listbox-null"
+                  autocomplete="off"
                   class="multiselect__input"
                   name=""
                   placeholder="Select option"
+                  spellcheck="false"
                   style="width: 0px; position: absolute; padding: 0px;"
                   tabindex="0"
                   type="text"
@@ -845,13 +859,17 @@ exports[`AddShowOptions.test.js renders with \`enable-anime-options\` enabled 1`
                 >
                   <ul
                     class="multiselect__content"
+                    id="listbox-null"
+                    role="listbox"
                     style="display: inline-block;"
                   >
                      
                     <!---->
                      
                     <li
                       class="multiselect__element"
+                      id="null-0"
+                      role="option"
                     >
                       <span
                         class="multiselect__option multiselect__option--highlight"
@@ -868,6 +886,8 @@ exports[`AddShowOptions.test.js renders with \`enable-anime-options\` enabled 1`
                     </li>
                     <li
                       class="multiselect__element"
+                      id="null-1"
+                      role="option"
                     >
                       <span
                         class="multiselect__option"