From 76435bfa4971d338ec510acccfc9a0ff4edd7375 Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Sun, 28 Jun 2020 14:30:38 +0800
Subject: [PATCH] test: update snapshots

---
 .../__snapshots__/index.test.tsx.snap         | 30 ++++++++++++++-----
 .../__snapshots__/backdrop.test.tsx.snap      | 18 ++++++++++-
 2 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/components/modal/__tests__/__snapshots__/index.test.tsx.snap b/components/modal/__tests__/__snapshots__/index.test.tsx.snap
index df1c29c..eeaeff9 100644
--- a/components/modal/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/modal/__tests__/__snapshots__/index.test.tsx.snap
@@ -32,14 +32,14 @@ exports[`Modal customization should be supported 1`] = `
             padding: 16pt;
             box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
             opacity: 0;
-            transform: translate3d(0px, -40px, 0px);
+            transform: translate3d(0px, -30px, 0px);
             transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s,
               transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
           }
 
           .wrapper-enter {
             opacity: 0;
-            transform: translate3d(0px, -40px, 0px);
+            transform: translate3d(0px, -30px, 0px);
           }
 
           .wrapper-enter-active {
@@ -54,13 +54,13 @@ exports[`Modal customization should be supported 1`] = `
 
           .wrapper-leave-active {
             opacity: 0;
-            transform: translate3d(0px, -50px, 0px);
+            transform: translate3d(0px, -30px, 0px);
           }
         </style></div>"
 `;
 
 exports[`Modal should render correctly 1`] = `
-"<div class=\\"backdrop  transition-enter\\"><div class=\\"layer\\"></div><div class=\\"content\\"><div class=\\"wrapper   wrapper-enter\\"><h2 class=\\"\\">Modal</h2><style>
+"<div class=\\"backdrop  backdrop-wrapper-enter\\"><div class=\\"layer\\"></div><div class=\\"content\\"><div class=\\"wrapper   wrapper-enter\\"><h2 class=\\"\\">Modal</h2><style>
         h2 {
           font-size: 1.5rem;
           line-height: 1.6;
@@ -188,14 +188,14 @@ exports[`Modal should render correctly 1`] = `
             padding: 16pt;
             box-shadow: 0 30px 60px rgba(0, 0, 0, 0.12);
             opacity: 0;
-            transform: translate3d(0px, -40px, 0px);
+            transform: translate3d(0px, -30px, 0px);
             transition: opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s,
               transform 0.35s cubic-bezier(0.4, 0, 0.2, 1) 0s;
           }
 
           .wrapper-enter {
             opacity: 0;
-            transform: translate3d(0px, -40px, 0px);
+            transform: translate3d(0px, -30px, 0px);
           }
 
           .wrapper-enter-active {
@@ -210,7 +210,7 @@ exports[`Modal should render correctly 1`] = `
 
           .wrapper-leave-active {
             opacity: 0;
-            transform: translate3d(0px, -50px, 0px);
+            transform: translate3d(0px, -30px, 0px);
           }
         </style></div></div><div class=\\"offset\\"></div><style>
             .backdrop {
@@ -258,5 +258,21 @@ exports[`Modal should render correctly 1`] = `
               pointer-events: none;
               z-index: 1000;
             }
+
+            .backdrop-wrapper-enter .layer {
+              opacity: 0;
+            }
+
+            .backdrop-wrapper-enter-active .layer {
+              opacity: 0.25;
+            }
+
+            .backdrop-wrapper-leave .layer {
+              opacity: 0.25;
+            }
+
+            .backdrop-wrapper-leave-active .layer {
+              opacity: 0;
+            }
           </style></div>"
 `;
diff --git a/components/shared/__tests__/__snapshots__/backdrop.test.tsx.snap b/components/shared/__tests__/__snapshots__/backdrop.test.tsx.snap
index e2c6c04..4116426 100644
--- a/components/shared/__tests__/__snapshots__/backdrop.test.tsx.snap
+++ b/components/shared/__tests__/__snapshots__/backdrop.test.tsx.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Backdrop should render correctly 1`] = `
-"<div class=\\"backdrop  transition-enter\\"><div class=\\"layer\\"></div><div class=\\"content\\"><span>test-value</span></div><div class=\\"offset\\"></div><style>
+"<div class=\\"backdrop  backdrop-wrapper-enter\\"><div class=\\"layer\\"></div><div class=\\"content\\"><span>test-value</span></div><div class=\\"offset\\"></div><style>
             .backdrop {
               position: fixed;
               top: 0;
@@ -47,5 +47,21 @@ exports[`Backdrop should render correctly 1`] = `
               pointer-events: none;
               z-index: 1000;
             }
+
+            .backdrop-wrapper-enter .layer {
+              opacity: 0;
+            }
+
+            .backdrop-wrapper-enter-active .layer {
+              opacity: 0.25;
+            }
+
+            .backdrop-wrapper-leave .layer {
+              opacity: 0.25;
+            }
+
+            .backdrop-wrapper-leave-active .layer {
+              opacity: 0;
+            }
           </style></div>"
 `;