Mock useLocation to fix ColumnsBlockView.test

eea · Dec 20, 2022 · e153a48 · e153a48
1 parent 6c1dddf
commit e153a48
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/ColumnsBlock/ColumnsBlockView.jsx b/src/ColumnsBlock/ColumnsBlockView.jsx
@@ -21,7 +21,7 @@ const getSides = (v) => {
 };
 
 const ColumnsBlockView = (props) => {
-  const location = useLocation() || {};
+  const location = useLocation();
   const { gridSizes } = config.blocks.blocksConfig[COLUMNSBLOCK];
   const { data = {}, gridSize = 12, gridCols = [] } = props.data;
   const metadata = props.metadata || props.properties;

diff --git a/src/ColumnsBlock/ColumnsBlockView.test.js b/src/ColumnsBlock/ColumnsBlockView.test.js
@@ -10,8 +10,6 @@ import ColumnsBlockView from './ColumnsBlockView';
 
 const mockStore = configureStore();
 
-// const blockId = '1234';
-
 const blocks = {
   '1234': {
     '@type': 'columnsBlock',
@@ -57,6 +55,16 @@ const TextView = ({ data }) => {
   return data.text;
 };
 
+jest.mock("react-router-dom", () => ({
+  ...jest.requireActual("react-router-dom"),
+  useLocation: () => ({
+    pathname: "/",
+    hash: "",
+    search: "",
+    state: undefined
+  })
+}));
+
 test('renders 2 columns', async () => {
   installColumnsBlock(config);
   config.blocks.blocksConfig.text = {