test: update test

react-component · Jun 7, 2024 · 65f38fb · 65f38fb
1 parent 59d5122
commit 65f38fb
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 8 deletions.
diff --git a/src/Operations.tsx b/src/Operations.tsx
@@ -10,8 +10,8 @@ import { PreviewGroupContext } from './context';
 import type { TransformType } from './hooks/useImageTransform';
 
 type OperationType =
-  | 'switchPrev'
-  | 'switchNext'
+  | 'prev'
+  | 'next'
   | 'flipY'
   | 'flipX'
   | 'rotateLeft'
@@ -126,8 +126,7 @@ const Operations: React.FC<OperationsProps> = props => {
       return (
         <div
           key={type}
-          className={classnames(toolClassName, {
-            [`${prefixCls}-operations-operation-${type}`]: true,
+          className={classnames(toolClassName, `${prefixCls}-operations-operation-${type}`, {
             [`${prefixCls}-operations-operation-disabled`]: !!disabled,
           })}
           onClick={onClick}
@@ -143,7 +142,7 @@ const Operations: React.FC<OperationsProps> = props => {
     ? renderOperation({
         icon: left,
         onClick: e => handleActive(e, -1),
-        type: 'switchPrev',
+        type: 'prev',
         disabled: current === 0,
       })
     : undefined;
@@ -152,7 +151,7 @@ const Operations: React.FC<OperationsProps> = props => {
     ? renderOperation({
         icon: right,
         onClick: e => handleActive(e, 1),
-        type: 'switchNext',
+        type: 'next',
         disabled: current === count - 1,
       })
     : undefined;

diff --git a/tests/preview.test.tsx b/tests/preview.test.tsx
@@ -888,11 +888,13 @@ describe('Preview', () => {
             toolbarRender: (_, { icons, actions }) => {
               return (
                 <>
+                  {icons.prevIcon}
+                  {icons.nextIcon}
                   <div id="left" onClick={() => actions.onActive(-1)}>
-                    {icons.prevIcon}
+                    Prev
                   </div>
                   <div id="right" onClick={() => actions.onActive(1)}>
-                    {icons.nextIcon}
+                    Next
                   </div>
                 </>
               );
@@ -902,6 +904,15 @@ describe('Preview', () => {
         />,
       );
 
+      // Origin Node
+      fireEvent.click(document.querySelector('.rc-image-preview-operations-operation-prev'));
+      expect(onChange).toHaveBeenCalledWith(0, 1);
+
+      fireEvent.click(document.querySelector('.rc-image-preview-operations-operation-next'));
+      expect(onChange).toHaveBeenCalledWith(2, 1);
+
+      // Customize
+      onChange.mockReset();
       fireEvent.click(document.getElementById('left'));
       expect(onChange).toHaveBeenCalledWith(0, 1);