test: missing unmock paragon

Author: diana-villalvazo-wgu

src/containers/CourseCard/components/CourseCardActions/ActionButton/hooks.test.js

@@ -1,6 +1,33 @@
 import { useWindowSize, breakpoints } from '@openedx/paragon';
 import useIsCollapsed from './hooks';
 
+jest.mock('@openedx/paragon', () => ({
+  ...jest.requireActual('@openedx/paragon'),
+  useWindowSize: jest.fn(),
+  breakpoints: {
+    extraSmall: {
+      minWidth: 0,
+      maxWidth: 575,
+    },
+    small: {
+      minWidth: 576,
+      maxWidth: 767,
+    },
+    medium: {
+      minWidth: 768,
+      maxWidth: 991,
+    },
+    large: {
+      minWidth: 992,
+      maxWidth: 1199,
+    },
+    extraLarge: {
+      minWidth: 1200,
+      maxWidth: 100000,
+    },
+  },
+}));
+
 describe('useIsCollapsed', () => {
   it('returns true only when it is between medium and small', () => {
     // make sure all three breakpoints gap is large enough for test

src/containers/CourseFilterControls/hooks.test.js

@@ -7,6 +7,15 @@ import track from 'tracking';
 
 import * as hooks from './hooks';
 
+jest.mock('@openedx/paragon', () => ({
+  ...jest.requireActual('@openedx/paragon'),
+  useToggle: jest.fn().mockImplementation((val) => [
+    val,
+    jest.fn().mockName('useToggle.setTrue'),
+    jest.fn().mockName('useToggle.setFalse'),
+  ]),
+}));
+
 jest.mock('tracking', () => ({
   filter: {
     filterClicked: jest.fn(),

src/containers/CoursesPanel/index.test.jsx

@@ -33,8 +33,6 @@ jest.mock('@openedx/frontend-plugin-framework', () => ({
   PluginSlot: 'PluginSlot',
 }));
 
-jest.unmock('@openedx/paragon');
-
 const filters = Object.values(FilterKeys);
 
 reduxHooks.useHasCourses.mockReturnValue(true);

src/containers/Dashboard/hooks.test.js

@@ -9,6 +9,12 @@ import { MockUseState } from 'testUtils';
 import appMessages from 'messages';
 import * as hooks from './hooks';
 
+jest.mock('@openedx/paragon', () => ({
+  ...jest.requireActual('@openedx/paragon'),
+  useWindowSize: jest.fn(),
+  breakpoints: {},
+}));
+
 jest.mock('@edx/frontend-platform/i18n', () => {
   const { formatMessage } = jest.requireActual('testUtils');
   return {

src/setupTest.jsx

@@ -20,44 +20,34 @@ jest.mock('react-redux', () => {
   };
 });
 
-// jest.mock('@edx/frontend-platform/i18n', () => {
-//   const { formatMessage } = jest.requireActual('./testUtils');
-//   return {
-//     ...jest.requireActual('@edx/frontend-platform/i18n'),
-//     useIntl: () => ({
-//       formatMessage,
-//     }),
-//   };
-// });
-
-jest.mock('@openedx/paragon', () => ({
-  ...jest.requireActual('@openedx/paragon'),
-  useWindowSize: jest.fn(),
-  useToggle: jest.fn().mockImplementation((val) => [
-    val,
-    jest.fn().mockName('useToggle.setTrue'),
-    jest.fn().mockName('useToggle.setFalse'),
-  ]),
-  breakpoints: {
-    extraSmall: {
-      minWidth: 0,
-      maxWidth: 575,
-    },
-    small: {
-      minWidth: 576,
-      maxWidth: 767,
-    },
-    medium: {
-      minWidth: 768,
-      maxWidth: 991,
-    },
-    large: {
-      minWidth: 992,
-      maxWidth: 1199,
-    },
-    extraLarge: {
-      minWidth: 1200,
-      maxWidth: 100000,
-    },
-  },
-}));
+// jest.mock('@openedx/paragon', () => ({
+//   ...jest.requireActual('@openedx/paragon'),
+//   useWindowSize: jest.fn(),
+//   useToggle: jest.fn().mockImplementation((val) => [
+//     val,
+//     jest.fn().mockName('useToggle.setTrue'),
+//     jest.fn().mockName('useToggle.setFalse'),
+//   ]),
+//   breakpoints: {
+//     extraSmall: {
+//       minWidth: 0,
+//       maxWidth: 575,
+//     },
+//     small: {
+//       minWidth: 576,
+//       maxWidth: 767,
+//     },
+//     medium: {
+//       minWidth: 768,
+//       maxWidth: 991,
+//     },
+//     large: {
+//       minWidth: 992,
+//       maxWidth: 1199,
+//     },
+//     extraLarge: {
+//       minWidth: 1200,
+//       maxWidth: 100000,
+//     },
+//   },
+// }));

src/test/app.test.jsx

@@ -32,8 +32,6 @@ import App from 'App';
 import Inspector from './inspector';
 import appMessages from './messages';
 
-jest.unmock('@openedx/paragon');
-
 jest.unmock('@edx/frontend-component-footer');
 
 jest.unmock('react-redux');