From 39f9456b243f9a5eb212828d5134d76536b459b0 Mon Sep 17 00:00:00 2001
From: 233mawile <903945079@qq.com>
Date: Wed, 25 May 2022 16:40:28 +0800
Subject: [PATCH] test(fix-dialog-size): [snapshot] fix ut of PortalHost and
 update snapshot

---
 .../__snapshots__/Dialog.story.tsx.snap       | 36 +++++++++++++++++++
 .../__snapshots__/Downshift.story.tsx.snap    | 28 +++++++++++++++
 .../__snapshots__/Drawer.story.tsx.snap       | 24 +++++++++++++
 .../__snapshots__/PopupBox.story.tsx.snap     |  4 +++
 .../PortalHost/__tests__/PortalHost.test.tsx  | 32 ++++++++---------
 .../__snapshots__/Responsive.story.tsx.snap   |  8 +++++
 .../__snapshots__/Tooltip.story.tsx.snap      | 20 +++++++++++
 .../__snapshots__/ZoomFrom.story.tsx.snap     | 22 ++++++++++--
 .../useResponsiveMatch.story.tsx.snap         |  4 +++
 sync-github.json                              |  2 +-
 10 files changed, 160 insertions(+), 20 deletions(-)

diff --git a/packages/juno-core/src/components/Dialog/__stories__/__snapshots__/Dialog.story.tsx.snap b/packages/juno-core/src/components/Dialog/__stories__/__snapshots__/Dialog.story.tsx.snap
index b6a5c62e..477cbc87 100644
--- a/packages/juno-core/src/components/Dialog/__stories__/__snapshots__/Dialog.story.tsx.snap
+++ b/packages/juno-core/src/components/Dialog/__stories__/__snapshots__/Dialog.story.tsx.snap
@@ -76,6 +76,10 @@ exports[`Storyshots 🚀 Cleanup Components/Dialog/Dialog Dialog 1`] = `
   }
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <button
   className="MuiButtonBase-root MuiButton-root MuiButton-contained RcButton-contained c0"
   disabled={false}
@@ -210,6 +214,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
   .c1.RcSwitch-root:hover .RcSwitch-switchBase:not(.RcSwitch-disabled) + .RcSwitch-track {
     background-color: rgba(147,147,147,0.92);
@@ -282,6 +290,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -349,6 +361,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -503,6 +519,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -570,6 +590,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -724,6 +748,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -808,6 +836,10 @@ Array [
   }
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -919,6 +951,10 @@ exports[`Storyshots 🚀 Cleanup Components/Dialog/Dialog Dialog with responsive
   }
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <button
   className="MuiButtonBase-root MuiButton-root MuiButton-contained RcButton-contained c0"
   disabled={false}
diff --git a/packages/juno-core/src/components/Downshift/__stories__/__snapshots__/Downshift.story.tsx.snap b/packages/juno-core/src/components/Downshift/__stories__/__snapshots__/Downshift.story.tsx.snap
index ee084b97..46758bca 100644
--- a/packages/juno-core/src/components/Downshift/__stories__/__snapshots__/Downshift.story.tsx.snap
+++ b/packages/juno-core/src/components/Downshift/__stories__/__snapshots__/Downshift.story.tsx.snap
@@ -6184,6 +6184,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
   .c1 .RcTextFieldInput-root:hover:not(.RcTextFieldInput-disabled) .c10 {
     display: -webkit-inline-box;
@@ -7755,6 +7759,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
   .c1 .RcTextFieldInput-root:hover:not(.RcTextFieldInput-disabled) .c11 {
     display: -webkit-inline-box;
@@ -9155,6 +9163,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
   .c1 .RcTextFieldInput-root:hover:not(.RcTextFieldInput-disabled) .c10 {
     display: -webkit-inline-box;
@@ -10550,6 +10562,10 @@ Array [
   }
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
   .c1 .RcTextFieldInput-root:hover:not(.RcTextFieldInput-disabled) .c10 {
     display: -webkit-inline-box;
@@ -11472,6 +11488,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -11632,6 +11652,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -11792,6 +11816,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
diff --git a/packages/juno-core/src/components/Drawer/__stories__/__snapshots__/Drawer.story.tsx.snap b/packages/juno-core/src/components/Drawer/__stories__/__snapshots__/Drawer.story.tsx.snap
index e190429d..e8b172c8 100644
--- a/packages/juno-core/src/components/Drawer/__stories__/__snapshots__/Drawer.story.tsx.snap
+++ b/packages/juno-core/src/components/Drawer/__stories__/__snapshots__/Drawer.story.tsx.snap
@@ -191,6 +191,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <button
     className="MuiButtonBase-root MuiButton-root MuiButton-contained RcButton-contained c0"
     disabled={false}
@@ -242,6 +246,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <br />,
   @media (hover:hover) and (pointer:fine) {
 
@@ -267,6 +275,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <br />,
   .c0 {
   text-transform: none;
@@ -355,6 +367,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <button
     className="MuiButtonBase-root MuiButton-root MuiButton-contained RcButton-contained c0"
     disabled={false}
@@ -414,6 +430,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <h5
     className="MuiTypography-root c0 MuiTypography-paragraph MuiTypography-displayBlock"
     data-color="neutral.f06"
@@ -509,6 +529,10 @@ Array [
   }
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <button
     className="MuiButtonBase-root MuiButton-root MuiButton-contained RcButton-contained c0"
     disabled={false}
diff --git a/packages/juno-core/src/components/PopupBox/__stories__/__snapshots__/PopupBox.story.tsx.snap b/packages/juno-core/src/components/PopupBox/__stories__/__snapshots__/PopupBox.story.tsx.snap
index 806807be..5f134d4d 100644
--- a/packages/juno-core/src/components/PopupBox/__stories__/__snapshots__/PopupBox.story.tsx.snap
+++ b/packages/juno-core/src/components/PopupBox/__stories__/__snapshots__/PopupBox.story.tsx.snap
@@ -76,6 +76,10 @@ exports[`Storyshots 🚀 Cleanup Components/PopupBox PopupBox 1`] = `
   }
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <button
   className="MuiButtonBase-root MuiButton-root MuiButton-contained RcButton-contained c0"
   disabled={false}
diff --git a/packages/juno-core/src/components/PortalHost/__tests__/PortalHost.test.tsx b/packages/juno-core/src/components/PortalHost/__tests__/PortalHost.test.tsx
index 1f89421a..cd725951 100644
--- a/packages/juno-core/src/components/PortalHost/__tests__/PortalHost.test.tsx
+++ b/packages/juno-core/src/components/PortalHost/__tests__/PortalHost.test.tsx
@@ -1,11 +1,12 @@
+import '@testing-library/jest-dom/extend-expect';
+
 import React, { FunctionComponent, useRef } from 'react';
 
-import '@testing-library/jest-dom/extend-expect';
+import { render } from '@ringcentral/juno-test';
 import {
   act,
   cleanup,
   fireEvent,
-  render,
   screen,
   waitFor,
   waitForElementToBeRemoved,
@@ -90,6 +91,12 @@ type ManagerHandlerProps<P extends {} = {}> = {
   manager: PortalManager;
 };
 
+const setup = () => {
+  const manager = new PortalManager();
+  render(<RcPortalHost manager={manager} />);
+  return manager;
+};
+
 describe('Close portal', () => {
   it.each([
     [
@@ -118,8 +125,7 @@ describe('Close portal', () => {
       },
     ],
   ])('Should close portal correctly (%s)', async (_, handleClose) => {
-    const manager = new PortalManager();
-    render(<RcPortalHost manager={manager} />);
+    const manager = setup();
 
     const controller = manager.open(TestComponent);
 
@@ -140,8 +146,7 @@ describe('Close portal', () => {
   });
 
   it('Should close all portal after invoke manager.closeAll', async () => {
-    const portalManager = new PortalManager();
-    render(<RcPortalHost manager={portalManager} />);
+    const portalManager = setup();
 
     portalManager.open(TestComponent);
     portalManager.open(TestComponent);
@@ -192,8 +197,7 @@ describe('Update props', () => {
       },
     ],
   ])('Should update props correctly (%s)', async (_, handleUpdate) => {
-    const manager = new PortalManager();
-    render(<RcPortalHost manager={manager} />);
+    const manager = setup();
 
     const controller = manager.open(TestComponent, {
       props: { text: '24' },
@@ -220,8 +224,7 @@ describe('Update props', () => {
 
 describe('Check order', () => {
   it('The last one to open should be at the top', async () => {
-    const manager = new PortalManager();
-    render(<RcPortalHost manager={manager} />);
+    const manager = setup();
 
     manager.open(TestComponent, {
       props: { 'data-test-automation-id': 'A' } as any,
@@ -243,8 +246,7 @@ describe('Check order', () => {
 
 describe('feedback', () => {
   it('Should get feedback correctly after close dialog', async () => {
-    const portalManager = new PortalManager();
-    render(<RcPortalHost manager={portalManager} />);
+    const portalManager = setup();
 
     const controller1 = portalManager.open(TestComponent, {
       props: { feedback: 'feed1' },
@@ -298,8 +300,7 @@ describe('feedback', () => {
   });
 
   it('Should get feedback `undefined` after close all dialog', async () => {
-    const portalManager = new PortalManager();
-    render(<RcPortalHost manager={portalManager} />);
+    const portalManager = setup();
 
     const controller1 = portalManager.open(TestComponent, {
       props: { feedback: 'feed1' },
@@ -331,8 +332,7 @@ describe('feedback', () => {
   });
 
   it('Should clean `portalManager._feedbackMap` after close dialog', async () => {
-    const portalManager = new PortalManager();
-    render(<RcPortalHost manager={portalManager} />);
+    const portalManager = setup();
 
     const controller = portalManager.open(TestComponent, {
       props: { feedback: 'feeeed' },
diff --git a/packages/juno-core/src/components/Responsive/__stories__/__snapshots__/Responsive.story.tsx.snap b/packages/juno-core/src/components/Responsive/__stories__/__snapshots__/Responsive.story.tsx.snap
index 0406b8df..c15e64f8 100644
--- a/packages/juno-core/src/components/Responsive/__stories__/__snapshots__/Responsive.story.tsx.snap
+++ b/packages/juno-core/src/components/Responsive/__stories__/__snapshots__/Responsive.story.tsx.snap
@@ -10,6 +10,10 @@ Array [
   color: #BE3933;
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <p
     className="MuiTypography-root c0"
     data-color="danger.f02"
@@ -34,6 +38,10 @@ Array [
   overflow: hidden;
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <div
     className="c0"
   >
diff --git a/packages/juno-core/src/components/Tooltip/__stories__/__snapshots__/Tooltip.story.tsx.snap b/packages/juno-core/src/components/Tooltip/__stories__/__snapshots__/Tooltip.story.tsx.snap
index fb4b0cb4..888da252 100644
--- a/packages/juno-core/src/components/Tooltip/__stories__/__snapshots__/Tooltip.story.tsx.snap
+++ b/packages/juno-core/src/components/Tooltip/__stories__/__snapshots__/Tooltip.story.tsx.snap
@@ -2578,6 +2578,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -2699,6 +2703,10 @@ Array [
   }
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -2762,6 +2770,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -2791,6 +2803,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
 
 }
@@ -2914,6 +2930,10 @@ Array [
 
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
   .c1.RcSwitch-root:hover .RcSwitch-switchBase:not(.RcSwitch-disabled) + .RcSwitch-track {
     background-color: rgba(147,147,147,0.92);
diff --git a/packages/juno-core/src/components/Transitions/ZoomFrom/__stories__/__snapshots__/ZoomFrom.story.tsx.snap b/packages/juno-core/src/components/Transitions/ZoomFrom/__stories__/__snapshots__/ZoomFrom.story.tsx.snap
index 6069c6ef..86251cac 100644
--- a/packages/juno-core/src/components/Transitions/ZoomFrom/__stories__/__snapshots__/ZoomFrom.story.tsx.snap
+++ b/packages/juno-core/src/components/Transitions/ZoomFrom/__stories__/__snapshots__/ZoomFrom.story.tsx.snap
@@ -302,6 +302,10 @@ Array [
   background-color: rgba(6,111,172,0.76);
 }
 
+@media (max-width:463.95px) {
+
+}
+
 @media (hover:hover) and (pointer:fine) {
   .c1.RcSwitch-root:hover .RcSwitch-switchBase:not(.RcSwitch-disabled) + .RcSwitch-track {
     background-color: rgba(147,147,147,0.92);
@@ -359,17 +363,29 @@ Array [
       Show
     </span>
   </label>,
-  @media (hover:hover) and (pointer:fine) {
+  @media (max-width:463.95px) {
+
+}
+
+@media (hover:hover) and (pointer:fine) {
 
 }
 
 <br />,
-  @media (hover:hover) and (pointer:fine) {
+  @media (max-width:463.95px) {
+
+}
+
+@media (hover:hover) and (pointer:fine) {
 
 }
 
 <br />,
-  @media (hover:hover) and (pointer:fine) {
+  @media (max-width:463.95px) {
+
+}
+
+@media (hover:hover) and (pointer:fine) {
 
 }
 
diff --git a/packages/juno-core/src/foundation/hooks/useResponsiveMatch/__stories__/__snapshots__/useResponsiveMatch.story.tsx.snap b/packages/juno-core/src/foundation/hooks/useResponsiveMatch/__stories__/__snapshots__/useResponsiveMatch.story.tsx.snap
index bdf10f88..f48c1834 100644
--- a/packages/juno-core/src/foundation/hooks/useResponsiveMatch/__stories__/__snapshots__/useResponsiveMatch.story.tsx.snap
+++ b/packages/juno-core/src/foundation/hooks/useResponsiveMatch/__stories__/__snapshots__/useResponsiveMatch.story.tsx.snap
@@ -76,6 +76,10 @@ exports[`Storyshots 🔧 Foundation/Hooks/useResponsiveMatch Responsive Dialog 1
   }
 }
 
+@media (max-width:463.95px) {
+
+}
+
 <button
   className="MuiButtonBase-root MuiButton-root MuiButton-contained RcButton-contained c0"
   disabled={false}
diff --git a/sync-github.json b/sync-github.json
index 5dbbfcad..acc17e24 100644
--- a/sync-github.json
+++ b/sync-github.json
@@ -1,3 +1,3 @@
 {
-  "latestCommitSHA": "fe71b4149c61b11b8f84aa77c5b7b08d1a6a64a9"
+  "latestCommitSHA": "8a37b3ea2f6a304201e16f247d4f156ea9f03fcd"
 }
\ No newline at end of file