diff --git a/tests/__snapshots__/controlled.test.tsx.snap b/tests/__snapshots__/controlled.test.tsx.snap
index 2e03b33..f84d26c 100644
--- a/tests/__snapshots__/controlled.test.tsx.snap
+++ b/tests/__snapshots__/controlled.test.tsx.snap
@@ -13,19 +13,24 @@ exports[`Controlled With previewVisible 1`] = `
     tabindex="0"
   />
   <div
-    class="rc-image-preview-content"
+    style="outline: none;"
+    tabindex="-1"
   >
     <div
-      class="rc-image-preview-body"
+      class="rc-image-preview-content"
     >
       <div
-        class="rc-image-preview-img-wrapper"
+        class="rc-image-preview-body"
       >
-        <img
-          class="rc-image-preview-img"
-          src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-          style="transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(0deg);"
-        />
+        <div
+          class="rc-image-preview-img-wrapper"
+        >
+          <img
+            class="rc-image-preview-img"
+            src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+            style="transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(0deg);"
+          />
+        </div>
       </div>
     </div>
   </div>
diff --git a/tests/__snapshots__/preview.test.tsx.snap b/tests/__snapshots__/preview.test.tsx.snap
index 1c8484e..4c18862 100644
--- a/tests/__snapshots__/preview.test.tsx.snap
+++ b/tests/__snapshots__/preview.test.tsx.snap
@@ -46,19 +46,24 @@ exports[`Preview add rootClassName should be correct when open preview 1`] = `
             tabindex="0"
           />
           <div
-            class="rc-image-preview-content"
+            style="outline: none;"
+            tabindex="-1"
           >
             <div
-              class="rc-image-preview-body"
+              class="rc-image-preview-content"
             >
               <div
-                class="rc-image-preview-img-wrapper"
+                class="rc-image-preview-body"
               >
-                <img
-                  class="rc-image-preview-img"
-                  src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
-                  style="transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(0deg);"
-                />
+                <div
+                  class="rc-image-preview-img-wrapper"
+                >
+                  <img
+                    class="rc-image-preview-img"
+                    src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
+                    style="transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(0deg);"
+                  />
+                </div>
               </div>
             </div>
           </div>
diff --git a/tests/__snapshots__/previewGroup.test.tsx.snap b/tests/__snapshots__/previewGroup.test.tsx.snap
index 9fc138f..b0bdcde 100644
--- a/tests/__snapshots__/previewGroup.test.tsx.snap
+++ b/tests/__snapshots__/previewGroup.test.tsx.snap
@@ -13,19 +13,24 @@ exports[`PreviewGroup With Controlled 1`] = `
     tabindex="0"
   />
   <div
-    class="rc-image-preview-content"
+    style="outline: none;"
+    tabindex="-1"
   >
     <div
-      class="rc-image-preview-body"
+      class="rc-image-preview-content"
     >
       <div
-        class="rc-image-preview-img-wrapper"
+        class="rc-image-preview-body"
       >
-        <img
-          class="rc-image-preview-img"
-          src="src1"
-          style="transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(0deg);"
-        />
+        <div
+          class="rc-image-preview-img-wrapper"
+        >
+          <img
+            class="rc-image-preview-img"
+            src="src1"
+            style="transform: translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(0deg);"
+          />
+        </div>
       </div>
     </div>
   </div>