From 7eaefd04fac0f2a188d9386ea677379ead61e903 Mon Sep 17 00:00:00 2001
From: chenjiahan <jait.chen@foxmail.com>
Date: Tue, 9 Aug 2022 10:08:23 +0800
Subject: [PATCH] test(Popup): fix snapshot

---
 .../test/__snapshots__/demo.spec.ts.snap      |  20 ++-
 .../test/__snapshots__/index.spec.ts.snap     |   9 +-
 .../test/__snapshots__/demo.spec.ts.snap      |   4 +-
 .../test/__snapshots__/index.spec.ts.snap     |  10 +-
 .../test/__snapshots__/demo.spec.ts.snap      |   4 +-
 .../test/__snapshots__/demo.spec.ts.snap      |   4 +-
 .../test/__snapshots__/index.spec.js.snap     |   4 +-
 .../test/__snapshots__/demo.spec.ts.snap      |  40 ++++--
 .../test/__snapshots__/index.spec.tsx.snap    | 122 +++++++++++++-----
 .../test/__snapshots__/index.spec.ts.snap     |  20 ++-
 .../test/__snapshots__/index.spec.ts.snap     |   2 +
 .../test/__snapshots__/demo.spec.ts.snap      |   4 +-
 .../test/__snapshots__/index.spec.tsx.snap    |  11 +-
 .../test/__snapshots__/demo.spec.ts.snap      |  36 ++++--
 .../test/__snapshots__/index.spec.jsx.snap    |  18 ++-
 .../test/__snapshots__/demo.spec.ts.snap      |  16 ++-
 .../test/__snapshots__/index.spec.ts.snap     |   9 +-
 packages/vant/src/space/README.zh-CN.md       |   2 +-
 .../test/__snapshots__/index.spec.ts.snap     |   4 +-
 19 files changed, 254 insertions(+), 85 deletions(-)

diff --git a/packages/vant/src/action-sheet/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/action-sheet/test/__snapshots__/demo.spec.ts.snap
index 26711b971..a77722e10 100644
--- a/packages/vant/src/action-sheet/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/action-sheet/test/__snapshots__/demo.spec.ts.snap
@@ -67,23 +67,33 @@ exports[`should render demo and match snapshot 1`] = `
     </i>
   </div>
 </div>
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
 </transition-stub>
 <transition-stub>
 </transition-stub>
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
 </transition-stub>
 <transition-stub>
 </transition-stub>
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
 </transition-stub>
 <transition-stub>
 </transition-stub>
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
 </transition-stub>
 <transition-stub>
 </transition-stub>
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
 </transition-stub>
 <transition-stub>
 </transition-stub>
diff --git a/packages/vant/src/action-sheet/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/action-sheet/test/__snapshots__/index.spec.ts.snap
index 242951ad3..5d177aec2 100644
--- a/packages/vant/src/action-sheet/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/action-sheet/test/__snapshots__/index.spec.ts.snap
@@ -22,12 +22,17 @@ exports[`should render cancel slot correctly 1`] = `
 `;
 
 exports[`should render default slot correctly 1`] = `
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
   <div class="van-overlay">
   </div>
 </transition-stub>
 <transition-stub>
-  <div class="van-popup van-popup--round van-popup--bottom van-safe-area-bottom van-action-sheet">
+  <div role="dialog"
+       tabindex="0"
+       class="van-popup van-popup--round van-popup--bottom van-safe-area-bottom van-action-sheet"
+  >
     <div class="van-action-sheet__header">
       Title
       <i class="van-badge__wrapper van-icon van-icon-cross van-action-sheet__close van-haptics-feedback">
diff --git a/packages/vant/src/calendar/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/calendar/test/__snapshots__/demo.spec.ts.snap
index 3c566e7d3..05862f9ca 100644
--- a/packages/vant/src/calendar/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/calendar/test/__snapshots__/demo.spec.ts.snap
@@ -275,7 +275,9 @@ exports[`should render demo and match snapshot 1`] = `
     </div>
   </div>
 </div>
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
 </transition-stub>
 <transition-stub>
 </transition-stub>
diff --git a/packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap
index fd45e51b3..8fec73a73 100644
--- a/packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/calendar/test/__snapshots__/index.spec.ts.snap
@@ -557,14 +557,18 @@ exports[`formatter prop 1`] = `
 `;
 
 exports[`popup wrapper 1`] = `
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
 </transition-stub>
 <transition-stub>
 </transition-stub>
 `;
 
 exports[`popup wrapper 2`] = `
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
   <div style="z-index: 2001;"
        class="van-overlay"
   >
@@ -572,6 +576,8 @@ exports[`popup wrapper 2`] = `
 </transition-stub>
 <transition-stub>
   <div style="z-index: 2001;"
+       role="dialog"
+       tabindex="0"
        class="van-popup van-popup--round van-popup--bottom van-calendar__popup"
   >
     <div class="van-calendar">
diff --git a/packages/vant/src/coupon-list/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/coupon-list/test/__snapshots__/demo.spec.ts.snap
index 5e7af14fd..a33817db8 100644
--- a/packages/vant/src/coupon-list/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/coupon-list/test/__snapshots__/demo.spec.ts.snap
@@ -19,7 +19,9 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
diff --git a/packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap
index 8db5bc485..3b5f2adfe 100644
--- a/packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/dialog/test/__snapshots__/demo.spec.ts.snap
@@ -95,9 +95,9 @@ exports[`should render demo and match snapshot 1`] = `
   <transition-stub>
   </transition-stub>
   <transition-stub>
-    <div class="van-popup van-popup--center van-dialog"
-         role="dialog"
+    <div role="dialog"
          tabindex="0"
+         class="van-popup van-popup--center van-dialog"
          aria-labelledby="Title"
          style="display: none;"
     >
diff --git a/packages/vant/src/dialog/test/__snapshots__/index.spec.js.snap b/packages/vant/src/dialog/test/__snapshots__/index.spec.js.snap
index 1160bc41d..33e0fcd82 100644
--- a/packages/vant/src/dialog/test/__snapshots__/index.spec.js.snap
+++ b/packages/vant/src/dialog/test/__snapshots__/index.spec.js.snap
@@ -30,9 +30,9 @@ exports[`should render default slot correctly 1`] = `
 `;
 
 exports[`should render footer slot correctly 1`] = `
-<div class="van-popup van-popup--center van-dialog"
-     role="dialog"
+<div role="dialog"
      tabindex="0"
+     class="van-popup van-popup--center van-dialog"
      aria-labelledby="message"
 >
   <div class="van-dialog__content van-dialog__content--isolated">
diff --git a/packages/vant/src/dropdown-menu/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/dropdown-menu/test/__snapshots__/demo.spec.ts.snap
index a85ab2be0..613a4fbe1 100644
--- a/packages/vant/src/dropdown-menu/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/dropdown-menu/test/__snapshots__/demo.spec.ts.snap
@@ -30,7 +30,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -38,7 +40,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -74,7 +78,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -82,7 +88,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -118,7 +126,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -126,7 +136,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -162,7 +174,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="bottom: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--up"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -170,7 +184,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="bottom: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--up"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -204,7 +220,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
@@ -212,7 +230,9 @@ exports[`should render demo and match snapshot 1`] = `
     <div style="top: 0px; display: none;"
          class="van-dropdown-item van-dropdown-item--down"
     >
-      <transition-stub>
+      <transition-stub role="button"
+                       tabindex="0"
+      >
       </transition-stub>
       <transition-stub>
       </transition-stub>
diff --git a/packages/vant/src/dropdown-menu/test/__snapshots__/index.spec.tsx.snap b/packages/vant/src/dropdown-menu/test/__snapshots__/index.spec.tsx.snap
index 44c7a79d5..5593d190a 100644
--- a/packages/vant/src/dropdown-menu/test/__snapshots__/index.spec.tsx.snap
+++ b/packages/vant/src/dropdown-menu/test/__snapshots__/index.spec.tsx.snap
@@ -29,7 +29,9 @@ exports[`click option 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2007; position: absolute; animation-duration: 0.2s; display: none;"
            class="van-overlay"
       >
@@ -37,8 +39,9 @@ exports[`click option 1`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2007; transition-duration: 0.2s; display: none;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-0"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -73,7 +76,9 @@ exports[`click option 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -110,7 +115,9 @@ exports[`close-on-click-outside 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2004; position: absolute; animation-duration: 0.2s; display: none;"
            class="van-overlay"
       >
@@ -118,8 +125,9 @@ exports[`close-on-click-outside 1`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2004; transition-duration: 0.2s; display: none;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-0"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -154,7 +162,9 @@ exports[`close-on-click-outside 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -180,7 +190,9 @@ exports[`destroy one item 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -217,7 +229,9 @@ exports[`direction up 1`] = `
   <div style="bottom: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--up"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -225,7 +239,9 @@ exports[`direction up 1`] = `
   <div style="bottom: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--up"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -262,7 +278,9 @@ exports[`direction up 2`] = `
   <div style="bottom: 768px;"
        class="van-dropdown-item van-dropdown-item--up"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2006; position: absolute; animation-duration: 0.2s;"
            class="van-overlay"
       >
@@ -270,8 +288,9 @@ exports[`direction up 2`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2006; transition-duration: 0.2s;"
-           class="van-popup van-popup--bottom van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--bottom van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-0"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -306,7 +325,9 @@ exports[`direction up 2`] = `
   <div style="bottom: 768px; display: none;"
        class="van-dropdown-item van-dropdown-item--up"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -343,7 +364,9 @@ exports[`disable close-on-click-outside 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2005; position: absolute; animation-duration: 0.2s;"
            class="van-overlay"
       >
@@ -351,8 +374,9 @@ exports[`disable close-on-click-outside 1`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2005; transition-duration: 0.2s;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-0"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -387,7 +411,9 @@ exports[`disable close-on-click-outside 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -412,7 +438,9 @@ exports[`disable dropdown item 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -449,7 +477,9 @@ exports[`render option icon 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2003; position: absolute; animation-duration: 0.2s;"
            class="van-overlay"
       >
@@ -457,8 +487,9 @@ exports[`render option icon 1`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2003; transition-duration: 0.2s;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-0"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -497,7 +528,9 @@ exports[`render option icon 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -534,7 +567,9 @@ exports[`show dropdown item 1`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2001; position: absolute; animation-duration: 0.2s;"
            class="van-overlay"
       >
@@ -542,8 +577,9 @@ exports[`show dropdown item 1`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2001; transition-duration: 0.2s;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-0"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -578,7 +614,9 @@ exports[`show dropdown item 1`] = `
   <div style="top: 100px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -615,7 +653,9 @@ exports[`show dropdown item 2`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2001; position: absolute; animation-duration: 0s; display: none;"
            class="van-overlay"
       >
@@ -623,8 +663,9 @@ exports[`show dropdown item 2`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2001; transition-duration: 0s; display: none;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-0"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -659,7 +700,9 @@ exports[`show dropdown item 2`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2002; position: absolute; animation-duration: 0.2s;"
            class="van-overlay"
       >
@@ -667,8 +710,9 @@ exports[`show dropdown item 2`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2002; transition-duration: 0.2s;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-1"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -732,7 +776,9 @@ exports[`show dropdown item 3`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2001; position: absolute; animation-duration: 0s; display: none;"
            class="van-overlay"
       >
@@ -740,8 +786,9 @@ exports[`show dropdown item 3`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2001; transition-duration: 0s; display: none;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-0"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -776,7 +823,9 @@ exports[`show dropdown item 3`] = `
   <div style="top: 100px;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
       <div style="z-index: 2002; position: absolute; animation-duration: 0.2s; display: none;"
            class="van-overlay"
       >
@@ -784,8 +833,9 @@ exports[`show dropdown item 3`] = `
     </transition-stub>
     <transition-stub>
       <div style="z-index: 2002; transition-duration: 0.2s; display: none;"
-           class="van-popup van-popup--top van-dropdown-item__content"
            role="menu"
+           tabindex="0"
+           class="van-popup van-popup--top van-dropdown-item__content"
            aria-labelledby="van-dropdown-menu-1"
       >
         <div class="van-cell van-cell--clickable van-dropdown-item__option van-dropdown-item__option--active"
@@ -849,7 +899,9 @@ exports[`title prop 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -857,7 +909,9 @@ exports[`title prop 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
@@ -883,7 +937,9 @@ exports[`title slot 1`] = `
   <div style="top: 0px; display: none;"
        class="van-dropdown-item van-dropdown-item--down"
   >
-    <transition-stub>
+    <transition-stub role="button"
+                     tabindex="0"
+    >
     </transition-stub>
     <transition-stub>
     </transition-stub>
diff --git a/packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap
index 14e686796..fc46fe1e5 100644
--- a/packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/image-preview/test/__snapshots__/index.spec.ts.snap
@@ -1,12 +1,18 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`render image 1`] = `
-<transition-stub class="van-image-preview__overlay">
+<transition-stub class="van-image-preview__overlay"
+                 role="button"
+                 tabindex="0"
+>
   <div class="van-overlay">
   </div>
 </transition-stub>
 <transition-stub>
-  <div class="van-popup van-popup--center van-image-preview">
+  <div role="dialog"
+       tabindex="0"
+       class="van-popup van-popup--center van-image-preview"
+  >
     <div class="van-swipe van-image-preview__swipe">
       <div style="transition-duration: 300ms; transform: translateX(0px);"
            class="van-swipe__track"
@@ -41,12 +47,18 @@ exports[`should change close icon when using close-icon prop 1`] = `
 `;
 
 exports[`should render cover slot correctly 1`] = `
-<transition-stub class="van-image-preview__overlay">
+<transition-stub class="van-image-preview__overlay"
+                 role="button"
+                 tabindex="0"
+>
   <div class="van-overlay">
   </div>
 </transition-stub>
 <transition-stub>
-  <div class="van-popup van-popup--center van-image-preview">
+  <div role="dialog"
+       tabindex="0"
+       class="van-popup van-popup--center van-image-preview"
+  >
     <div class="van-swipe van-image-preview__swipe">
       <div style="transition-duration: 300ms; transform: translateX(0px);"
            class="van-swipe__track"
diff --git a/packages/vant/src/notify/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/notify/test/__snapshots__/index.spec.ts.snap
index 7d3efe78b..584dcccc4 100644
--- a/packages/vant/src/notify/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/notify/test/__snapshots__/index.spec.ts.snap
@@ -3,7 +3,9 @@
 exports[`should render Notify correctly 1`] = `
 <div
   class="van-popup van-popup--top van-notify van-notify--danger van-popup-slide-top-enter-from van-popup-slide-top-enter-active"
+  role="dialog"
   style="z-index: 2001; transition-duration: 0.2s;"
+  tabindex="0"
 >
   
   test
diff --git a/packages/vant/src/picker/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/picker/test/__snapshots__/demo.spec.ts.snap
index 9b8e81086..953d829f6 100644
--- a/packages/vant/src/picker/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/picker/test/__snapshots__/demo.spec.ts.snap
@@ -702,7 +702,9 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
diff --git a/packages/vant/src/popover/test/__snapshots__/index.spec.tsx.snap b/packages/vant/src/popover/test/__snapshots__/index.spec.tsx.snap
index 755355224..cf2dfd644 100644
--- a/packages/vant/src/popover/test/__snapshots__/index.spec.tsx.snap
+++ b/packages/vant/src/popover/test/__snapshots__/index.spec.tsx.snap
@@ -15,7 +15,10 @@ exports[`should change icon class prefix when using icon-prefix prop 1`] = `
 <span class="van-popover__wrapper">
 </span>
 <transition-stub>
-  <div class="van-popup van-popover van-popover--light">
+  <div role="dialog"
+       tabindex="0"
+       class="van-popup van-popover van-popover--light"
+  >
     <div class="van-popover__arrow">
     </div>
     <div role="menu"
@@ -44,6 +47,8 @@ exports[`should locate to reference element when showed 1`] = `
 exports[`should locate to reference element when showed 2`] = `
 <transition-stub>
   <div style="z-index: 2007; position: absolute; left: 0px; top: 108px; margin: 0px;"
+       role="dialog"
+       tabindex="0"
        class="van-popup van-popover van-popover--light"
        data-popper-placement="bottom"
   >
@@ -60,6 +65,8 @@ exports[`should locate to reference element when showed 2`] = `
 exports[`should locate to reference element when showed 3`] = `
 <transition-stub>
   <div style="z-index: 2007; display: none;"
+       role="dialog"
+       tabindex="0"
        class="van-popup van-popover van-popover--light"
   >
     <div class="van-popover__arrow">
@@ -84,6 +91,8 @@ exports[`should render action slot correctly 1`] = `
 exports[`should watch placement prop and update location 1`] = `
 <transition-stub>
   <div style="z-index: 2008; position: absolute; left: 0px; top: -108px; margin: 0px;"
+       role="dialog"
+       tabindex="0"
        class="van-popup van-popover van-popover--light"
        data-popper-placement="top"
   >
diff --git a/packages/vant/src/popup/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/popup/test/__snapshots__/demo.spec.ts.snap
index 6b98ed37d..a298e46a2 100644
--- a/packages/vant/src/popup/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/popup/test/__snapshots__/demo.spec.ts.snap
@@ -14,7 +14,9 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
@@ -68,19 +70,27 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
@@ -122,15 +132,21 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
@@ -148,7 +164,9 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
diff --git a/packages/vant/src/popup/test/__snapshots__/index.spec.jsx.snap b/packages/vant/src/popup/test/__snapshots__/index.spec.jsx.snap
index bd82e2956..53c01bc7f 100644
--- a/packages/vant/src/popup/test/__snapshots__/index.spec.jsx.snap
+++ b/packages/vant/src/popup/test/__snapshots__/index.spec.jsx.snap
@@ -1,12 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should change icon class prefix when using icon-prefix prop 1`] = `
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
   <div class="van-overlay">
   </div>
 </transition-stub>
 <transition-stub>
-  <div class="van-popup van-popup--center">
+  <div role="dialog"
+       tabindex="0"
+       class="van-popup van-popup--center"
+  >
     <i class="van-badge__wrapper my-icon my-icon-cross van-popup__close-icon van-popup__close-icon--top-right van-haptics-feedback"
        role="button"
        tabindex="0"
@@ -25,13 +30,18 @@ exports[`should render correct close icon when using close-icon prop 1`] = `
 `;
 
 exports[`should render overlay-content slot correctly 1`] = `
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
   <div class="van-overlay">
     Custom Overlay Content
   </div>
 </transition-stub>
 <transition-stub>
-  <div class="van-popup van-popup--center">
+  <div role="dialog"
+       tabindex="0"
+       class="van-popup van-popup--center"
+  >
   </div>
 </transition-stub>
 `;
diff --git a/packages/vant/src/share-sheet/test/__snapshots__/demo.spec.ts.snap b/packages/vant/src/share-sheet/test/__snapshots__/demo.spec.ts.snap
index c7e718993..ad42c034c 100644
--- a/packages/vant/src/share-sheet/test/__snapshots__/demo.spec.ts.snap
+++ b/packages/vant/src/share-sheet/test/__snapshots__/demo.spec.ts.snap
@@ -14,7 +14,9 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
@@ -32,7 +34,9 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
@@ -50,7 +54,9 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
@@ -68,7 +74,9 @@ exports[`should render demo and match snapshot 1`] = `
     <i class="van-badge__wrapper van-icon van-icon-arrow van-cell__right-icon">
     </i>
   </div>
-  <transition-stub>
+  <transition-stub role="button"
+                   tabindex="0"
+  >
   </transition-stub>
   <transition-stub>
   </transition-stub>
diff --git a/packages/vant/src/share-sheet/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/share-sheet/test/__snapshots__/index.spec.ts.snap
index 4433e63cf..9cd425bc1 100644
--- a/packages/vant/src/share-sheet/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/share-sheet/test/__snapshots__/index.spec.ts.snap
@@ -23,12 +23,17 @@ exports[`should render description when using description prop 1`] = `
 `;
 
 exports[`should render title and description slot correctly 1`] = `
-<transition-stub>
+<transition-stub role="button"
+                 tabindex="0"
+>
   <div class="van-overlay">
   </div>
 </transition-stub>
 <transition-stub>
-  <div class="van-popup van-popup--round van-popup--bottom van-safe-area-bottom van-share-sheet">
+  <div role="dialog"
+       tabindex="0"
+       class="van-popup van-popup--round van-popup--bottom van-safe-area-bottom van-share-sheet"
+  >
     <div class="van-share-sheet__header">
       <h2 class="van-share-sheet__title">
         Custom Title
diff --git a/packages/vant/src/space/README.zh-CN.md b/packages/vant/src/space/README.zh-CN.md
index d132be836..e75da60ef 100644
--- a/packages/vant/src/space/README.zh-CN.md
+++ b/packages/vant/src/space/README.zh-CN.md
@@ -121,7 +121,7 @@ export default {
 | --- | --- | --- | --- |
 | direction | 间距方向 | _vertical \| horizontal_ | `horizontal` |
 | size | 间距大小，如 `20px` `2em`，默认单位为 `px`，支持数组形式来分别设置横向和纵向间距 | _number \| string \| number[] \| string[]_ | `8px` |
-| align | 对齐方式 | _start \| end \| center \| baseline_ | - |
+| align | 设置子元素的对齐方式 | _start \| end \| center \| baseline_ | - |
 | wrap | 是否自动换行，仅适用于水平方向排列 | _boolean_ | `false` |
 | fill | 是否让 Space 变为一个块级元素，填充整个父元素 | _boolean_ | `false` |
 
diff --git a/packages/vant/src/toast/test/__snapshots__/index.spec.ts.snap b/packages/vant/src/toast/test/__snapshots__/index.spec.ts.snap
index 36a3de990..0b51365aa 100644
--- a/packages/vant/src/toast/test/__snapshots__/index.spec.ts.snap
+++ b/packages/vant/src/toast/test/__snapshots__/index.spec.ts.snap
@@ -2,7 +2,9 @@
 
 exports[`create a forbidClick toast 1`] = `
 <transition-stub>
-  <div class="van-popup van-popup--center van-toast van-toast--middle van-toast--success"
+  <div role="dialog"
+       tabindex="0"
+       class="van-popup van-popup--center van-toast van-toast--middle van-toast--success"
        style="z-index: 2004;"
   >
     <i class="van-badge__wrapper van-icon van-icon-success van-toast__icon">