fix(withZoomPanPinchHOC): renaming & test fix

Co-Authored-By: Aybüke Ceylan <[email protected]>
jotform · Mar 1, 2023 · f70566e · f70566e
1 parent 708a3a9
commit f70566e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 9 deletions.
diff --git a/src/__tests__/unit-tests/StaticComponents/staticScene.spec.js b/src/__tests__/unit-tests/StaticComponents/staticScene.spec.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import { PresentationProvider } from '../../../utils/presentationContext';
 import { selectors } from '../../../__test_helpers__/constants';
-import StaticPage from '../../../components/Preview/StaticPage';
+import {StaticPageWithZoomPanPinch} from '../../../components/Preview/StaticPage';
 import StaticScene from '../../../components/Preview/StaticScene';
 import ZoomControls from '../../../components/Builder/ZoomControls';
 
@@ -23,7 +23,7 @@ describe('StaticScene Component Tree', () => {
 
   it('Should Not Render StaticPage If Pages Prop Not Defined', () => {
     const staticSceneShallow = shallow(<StaticScene {...StaticScene.defaultProps} />);
-    expect(staticSceneShallow.find(StaticPage).exists()).toBeFalsy();
+    expect(staticSceneShallow.find(StaticPageWithZoomPanPinch).exists()).toBeFalsy();
   });
 
   it('Should Render StaticPage According Pages Prop', () => {
@@ -43,7 +43,7 @@ describe('StaticScene Component Tree', () => {
       ],
     };
     const staticSceneShallow = shallow(<StaticScene {...props} />);
-    expect(staticSceneShallow.find(StaticPage)).toHaveLength(2);
+    expect(staticSceneShallow.find(StaticPageWithZoomPanPinch)).toHaveLength(2);
   });
 
   it('Should Render ZoomControl If isFullscreen Prop Value is False', () => {

diff --git a/src/components/Preview/StaticPage.js b/src/components/Preview/StaticPage.js
@@ -4,6 +4,7 @@ import * as classNames from '../../constants/classNames';
 import ReportItemRenderer from '../Builder/ReportItemRenderer';
 import StaticItem from './StaticItem';
 import getMergedItem from '../../utils/getMergedItem';
+import withZoomPanPinchHOC from '../withZoomPanPinchHOC';
 
 const StaticPage = ({
   acceptedItems,
@@ -67,3 +68,4 @@ StaticPage.defaultProps = {
 };
 
 export default memo(StaticPage);
+export const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);
diff --git a/src/components/Preview/StaticScene.js b/src/components/Preview/StaticScene.js
@@ -4,16 +4,13 @@ import {
 import PropTypes from 'prop-types';
 import cNames from 'classnames';
 import * as classNames from '../../constants/classNames';
-import StaticPage from './StaticPage';
+import { StaticPageWithZoomPanPinch } from './StaticPage';
 import { usePropContext } from '../../utils/propContext';
 import { useBuilderContext } from '../../utils/builderContext';
 import { slugify } from '../../utils/string';
 import { usePageTransition } from '../../utils/hooks';
 import { usePresentationContext } from '../../utils/presentationContext';
 import ZoomControls from '../Builder/ZoomControls';
-import withZoomPanPinchHOC from '../Presentation/TransformHOC';
-
-const StaticPageWithZoomPanPinch = withZoomPanPinchHOC(StaticPage);
 
 const StaticScene = ({
   additionalPageItems,

diff --git a/src/components/Presentation/TransformHOC.js → src/components/withZoomPanPinchHOC.js b/src/components/Presentation/TransformHOC.js → src/components/withZoomPanPinchHOC.js
@@ -2,8 +2,8 @@ import {
   string, func, any, oneOfType, shape,
 } from 'prop-types';
 import { TransformWrapper, TransformComponent } from 'react-zoom-pan-pinch';
-import { useBuilderContext } from '../../utils/builderContext';
-import { usePresentationContext } from '../../utils/presentationContext';
+import { useBuilderContext } from '../utils/builderContext';
+import { usePresentationContext } from '../utils/presentationContext';
 
 const withZoomPanPinchHOC = WrappedComponent => {
   const ZoomPanPinchHOC = props => {