lint , test: update snapshot

Author: suyi660

src/Operations.tsx

@@ -24,7 +24,7 @@ interface OperationsProps
   scale: number;
   onSwitchLeft: React.MouseEventHandler<HTMLDivElement>;
   onSwitchRight: React.MouseEventHandler<HTMLDivElement>;
-  onRefresh: ()=> void;
+  onRefresh: () => void;
   onZoomIn: () => void;
   onZoomOut: () => void;
   onRotateRight: () => void;

src/Preview.tsx

@@ -78,14 +78,8 @@ const Preview: React.FC<PreviewProps> = (props) => {
   };
 
   const onRefresh = ()=> {
-    console.log('refresh');
-    updateTransform({
-      rotate: 0,
-      x: 0,
-      y: 0,
-      scale: 1,
-    })
-  }
+    resetTransform();
+  };
 
   const onZoomIn = () => {
     dispatchZoomChange(BASE_SCALE_RATIO + scaleStep);
@@ -131,7 +125,7 @@ const Preview: React.FC<PreviewProps> = (props) => {
     if (visible && isMoving) {
       setMoving(false);
       if (!dragRebound) {
-        return
+        return;
       }
 
       /** No need to restore the position when the picture is not moved, So as not to interfere with the click */

tests/__snapshots__/preview.test.tsx.snap

@@ -79,6 +79,9 @@ exports[`Preview add rootClassName should be correct when open preview 1`] = `
       <li
         class="rc-image-preview-operations-operation rc-image-preview-operations-operation-close"
       />
+      <li
+        class="rc-image-preview-operations-operation rc-image-preview-operations-operation-refresh"
+      />
       <li
         class="rc-image-preview-operations-operation rc-image-preview-operations-operation-zoomIn"
       />

tests/preview.test.tsx

@@ -8,6 +8,7 @@ import ZoomOutOutlined from '@ant-design/icons/ZoomOutOutlined';
 import CloseOutlined from '@ant-design/icons/CloseOutlined';
 import LeftOutlined from '@ant-design/icons/LeftOutlined';
 import RightOutlined from '@ant-design/icons/RightOutlined';
+import ReloadOutlined from '@ant-design/icons/ReloadOutlined';
 
 jest.mock('../src/Preview', () => {
   const MockPreview = (props: any) => {
@@ -118,15 +119,15 @@ describe('Preview', () => {
       jest.runAllTimers();
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[3]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[4]);
     act(() => {
       jest.runAllTimers();
     });
     expect(document.querySelector('.rc-image-preview-img')).toHaveStyle({
       transform: 'translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(90deg)',
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[4]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[5]);
     act(() => {
       jest.runAllTimers();
     });
@@ -145,31 +146,31 @@ describe('Preview', () => {
       jest.runAllTimers();
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[5]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[6]);
     act(() => {
       jest.runAllTimers();
     });
     expect(document.querySelector('.rc-image-preview-img')).toHaveStyle({
       transform: 'translate3d(0px, 0px, 0) scale3d(-1, 1, 1) rotate(0deg)',
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[6]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[7]);
     act(() => {
       jest.runAllTimers();
     });
     expect(document.querySelector('.rc-image-preview-img')).toHaveStyle({
       transform: 'translate3d(0px, 0px, 0) scale3d(-1, -1, 1) rotate(0deg)',
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[5]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[6]);
     act(() => {
       jest.runAllTimers();
     });
     expect(document.querySelector('.rc-image-preview-img')).toHaveStyle({
       transform: 'translate3d(0px, 0px, 0) scale3d(1, -1, 1) rotate(0deg)',
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[6]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[7]);
     act(() => {
       jest.runAllTimers();
     });
@@ -188,23 +189,23 @@ describe('Preview', () => {
       jest.runAllTimers();
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[2]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[3]);
     act(() => {
       jest.runAllTimers();
     });
     expect(document.querySelector('.rc-image-preview-img')).toHaveStyle({
       transform: 'translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(0deg)',
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[1]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[2]);
     act(() => {
       jest.runAllTimers();
     });
     expect(document.querySelector('.rc-image-preview-img')).toHaveStyle({
       transform: 'translate3d(-256px, -192px, 0) scale3d(1.5, 1.5, 1) rotate(0deg)',
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[2]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[3]);
     act(() => {
       jest.runAllTimers();
     });
@@ -261,23 +262,23 @@ describe('Preview', () => {
       jest.runAllTimers();
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[2]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[3]);
     act(() => {
       jest.runAllTimers();
     });
     expect(document.querySelector('.rc-image-preview-img')).toHaveStyle({
       transform: 'translate3d(0px, 0px, 0) scale3d(1, 1, 1) rotate(0deg)',
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[1]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[2]);
     act(() => {
       jest.runAllTimers();
     });
     expect(document.querySelector('.rc-image-preview-img')).toHaveStyle({
       transform: 'translate3d(-512px, -384px, 0) scale3d(2, 2, 1) rotate(0deg)',
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[2]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[3]);
     act(() => {
       jest.runAllTimers();
     });
@@ -317,7 +318,7 @@ describe('Preview', () => {
       jest.runAllTimers();
     });
 
-    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[1]);
+    fireEvent.click(document.querySelectorAll('.rc-image-preview-operations-operation')[2]);
     act(() => {
       jest.runAllTimers();
     });
@@ -572,6 +573,7 @@ describe('Preview', () => {
           zoomIn: <ZoomInOutlined />,
           zoomOut: <ZoomOutOutlined />,
           close: <CloseOutlined />,
+          refresh: <ReloadOutlined />,
           left: <LeftOutlined />,
           right: <RightOutlined />,
         }}