@eeacms/volto-clms-theme 1.1.176 → 1.1.178

package/CHANGELOG.md

@@ -4,11 +4,41 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [1.1.176](https://github.com/eea/volto-clms-theme/compare/1.1.175...1.1.176) - 8 August 2024
+### [1.1.178](https://github.com/eea/volto-clms-theme/compare/1.1.177...1.1.178) - 26 August 2024
 
-#### :hammer_and_wrench: Others
+#### :house: Internal changes
+
+- style: Automated code fix [eea-jenkins - [`d4de906`](https://github.com/eea/volto-clms-theme/commit/d4de906dce029f4b12382c624d399a93b5cea458)]
+- style: Automated code fix [eea-jenkins - [`3cdad9f`](https://github.com/eea/volto-clms-theme/commit/3cdad9f14e176ff8b1bd2f60ae73f074cddcae6d)]
+
+#### :hammer_and_wrench: Others
+
+- More test fixes [Tiberiu Ichim - [`6d0ee04`](https://github.com/eea/volto-clms-theme/commit/6d0ee04c08b40c1630db96f4e3265873a3e674d5)]
+- Fix one test [Tiberiu Ichim - [`7a63d96`](https://github.com/eea/volto-clms-theme/commit/7a63d9613a439b880eb340b1bd44aef46bb2817f)]
+- Refs #273992 - Fix BoundingBoxComponent.test.jsx. [GhitaB - [`e84220f`](https://github.com/eea/volto-clms-theme/commit/e84220f0bea3105a9ee218f17f3a70e180abdea6)]
+- Refs #273992 - Fix DistributionInfoComponent.test.jsx. [GhitaB - [`f96ef4f`](https://github.com/eea/volto-clms-theme/commit/f96ef4f43a06314e3089123afcd97403671638fa)]
+- Refs #273992 - Fix CclExpandableFilter.test.jsx - fix eslint. [GhitaB - [`92efa96`](https://github.com/eea/volto-clms-theme/commit/92efa9610539aba1cd0ba421e9e33b90a042dfee)]
+- Refs #273992 - Fix CclExpandableFilter.test.jsx. [GhitaB - [`65e6b83`](https://github.com/eea/volto-clms-theme/commit/65e6b830c4c7242f1220a88cb1901e789f0dbfec)]
+- Refs #273992 - Fix ContactComponent.test.jsx. [GhitaB - [`d695b38`](https://github.com/eea/volto-clms-theme/commit/d695b38a82ef4a9a87302295de06f9beda5083f7)]
+- Refs #273992 - Fix CartIconCounter.test.jsx. [GhitaB - [`1f191e5`](https://github.com/eea/volto-clms-theme/commit/1f191e552ad85f9d8c0ab942c64fd39813c55cf1)]
+- Refs #273992 - Fix CartIconCounter.test.jsx. [GhitaB - [`20984cc`](https://github.com/eea/volto-clms-theme/commit/20984ccfe404038500ecdaf7866f2512d1358469)]
+- Refs #273992 - Fix CclCard.test.jsx. [GhitaB - [`706c490`](https://github.com/eea/volto-clms-theme/commit/706c490efac2b7c3c56d1a404c7d102288c979f3)]
+- Refs #273992 - CclContextNavigationBlockView.test.jsx - Enzyme -> RTL. [GhitaB - [`e091a63`](https://github.com/eea/volto-clms-theme/commit/e091a631b0b79ccb1ef05a3375e566e34520964e)]
+- Refs #273992 - CclContextNavigationBlockView.test.jsx - Enzyme -> RTL. [GhitaB - [`aba30b9`](https://github.com/eea/volto-clms-theme/commit/aba30b9d7cceba6dd8e9ad0e5313ccc143ea0615)]
+- Refs #273992 - CclContextNavigationBlockView.test.jsx - Enzyme -> RTL. [GhitaB - [`6e88a6e`](https://github.com/eea/volto-clms-theme/commit/6e88a6ef2205401def8120ce4feab7f120ad2733)]
+- Refs #273992 - CclButtonBlockEdit.test.jsx - Enzyme -> RTL - remove obsolete snapshot. [GhitaB - [`c5d917d`](https://github.com/eea/volto-clms-theme/commit/c5d917d72242e7a4dff16a9a0d001c7210ab5f8f)]
+- Refs #273992 - CclButtonBlockEdit.test.jsx - Enzyme -> RTL. [GhitaB - [`dd3ebb3`](https://github.com/eea/volto-clms-theme/commit/dd3ebb3f9f6db8635d316016ceba627161d072b8)]
+- Refs #273992 - CclButtonBlockEdit.test.jsx - Enzyme -> RTL. [GhitaB - [`1c31699`](https://github.com/eea/volto-clms-theme/commit/1c3169940832127cb1cd76b52bd7b2482174ff96)]
+- Refs #273992 - CclModal.test.jsx - Enzyme -> RTL. [GhitaB - [`bab4c3e`](https://github.com/eea/volto-clms-theme/commit/bab4c3ea43321e5447366a2712053544cb204a4f)]
+- Refs #273992 - CclModal.test.jsx - Enzyme -> RTL. [GhitaB - [`97b5078`](https://github.com/eea/volto-clms-theme/commit/97b507870639e0725f7d936edda26897efe5d54d)]
+- Refs #273992 - CclModal.test.jsx - Enzyme -> RTL. [GhitaB - [`b2f064e`](https://github.com/eea/volto-clms-theme/commit/b2f064ec64f7beaf313b13891f78d58c302c547f)]
+- Refs #273992 - CclListingCards.test.jsx - Enzyme -> RTL. [GhitaB - [`ca6ac5f`](https://github.com/eea/volto-clms-theme/commit/ca6ac5f1e56ce01154e1969969142f6432d6f5db)]
+- Refs #273992 - CclListingCards.test.jsx - Enzyme -> RTL. [GhitaB - [`68364ab`](https://github.com/eea/volto-clms-theme/commit/68364ab9110a8d3a8a38ae99d67ae8c47b25aeba)]
+- Refs #273992 - Update README.md (retry tests) [Ghiță Bizău - [`323a348`](https://github.com/eea/volto-clms-theme/commit/323a348092275af300784271ae44997b6b0f39ab)]
+### [1.1.177](https://github.com/eea/volto-clms-theme/compare/1.1.176...1.1.177) - 8 August 2024
+
+### [1.1.176](https://github.com/eea/volto-clms-theme/compare/1.1.175...1.1.176) - 8 August 2024
 
-- Disable the dropdownMenuNavItems from blacklist reducers [Tiberiu Ichim - [`b6f7f25`](https://github.com/eea/volto-clms-theme/commit/b6f7f25e4b5e526fe2b793ae81a5ccd1160ff2ae)]
 ### [1.1.175](https://github.com/eea/volto-clms-theme/compare/1.1.174...1.1.175) - 8 August 2024
 
 #### :hammer_and_wrench: Others

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-clms-theme",
-  "version": "1.1.176",
+  "version": "1.1.178",
   "description": "volto-clms-theme: Volto theme for CLMS site",
   "main": "src/index.js",
   "author": "CodeSyntax for the European Environment Agency",

package/src/components/Blocks/CclButtonBlock/CclButtonBlockEdit.test.jsx

@@ -1,16 +1,9 @@
-import Enzyme, { mount } from 'enzyme';
-
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
 import CclButtonBlockEdit from './CclButtonBlockEdit';
 import { MemoryRouter } from 'react-router-dom';
 import { Provider } from 'react-intl-redux';
 import React from 'react';
 import configureStore from 'redux-mock-store';
-import renderer from 'react-test-renderer';
-
-Enzyme.configure({ adapter: new Adapter() });
-
-global.__SERVER__ = true; // eslint-disable-line no-underscore-dangle
+import { render, fireEvent } from '@testing-library/react';
 
 const mockStore = configureStore();
 
@@ -26,6 +19,7 @@ describe('CclButtonBlockEdit', () => {
         messages: {},
       },
     });
+
     const data = {
       href: 'https://www.google.com',
       disabled: false,
@@ -33,29 +27,26 @@ describe('CclButtonBlockEdit', () => {
       download: false,
     };
 
-    // const component = shallow(
-    const component = mount(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <CclButtonBlockEdit
             data={data}
             selected={false}
             block="1234"
-            onChangeBlock={() => {
-              return 'test';
-            }}
-            setSidebarTab={() => {
-              return 'test';
-            }}
+            onChangeBlock={() => 'test'}
+            setSidebarTab={() => 'test'}
           />
         </MemoryRouter>
       </Provider>,
     );
-    const legend = component.find('.ccl-block-editor-header legend');
-    legend.simulate('click');
-    expect(legend).toBeDefined();
+
+    const legend = container.querySelector('.ccl-block-editor-header legend');
+    fireEvent.click(legend);
+    expect(legend).not.toBeNull();
   });
-  it('renders an CclButtonBlockEdit block component', () => {
+
+  it('renders a CclButtonBlockEdit block component', () => {
     const store = mockStore({
       content: {
         create: {},
@@ -66,38 +57,34 @@ describe('CclButtonBlockEdit', () => {
         messages: {},
       },
     });
+
     const data = {
       href: ['https://www.google.com', 'https://www.google.com'],
       disabled: true,
     };
-    const component = renderer.create(
+
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <CclButtonBlockEdit
             data={data}
             selected={false}
             block="1234"
-            onChangeBlock={() => {
-              return 'test';
-            }}
-            onSelectBlock={() => {
-              return 'test';
-            }}
-            onChangeField={() => {
-              return 'test';
-            }}
-            setSidebarTab={() => {
-              return 'test';
-            }}
+            onChangeBlock={() => 'test'}
+            onSelectBlock={() => 'test'}
+            onChangeField={() => 'test'}
+            setSidebarTab={() => 'test'}
           />
         </MemoryRouter>
       </Provider>,
     );
 
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+    const button = container.querySelector('.ccl-button.ccl-button--default');
+    expect(button).not.toBeNull();
+    expect(button.getAttribute('href')).toBe('/');
+    expect(button.classList.contains('ccl-button--default')).toBe(true);
   });
-  //jest test for CclButtonBlockEdit onChangeBlock statement
+
   it('CclButtonBlockEdit onChangeBlock', () => {
     const store = mockStore({
       content: {
@@ -109,34 +96,30 @@ describe('CclButtonBlockEdit', () => {
         messages: {},
       },
     });
+
     const data = {
       href: ['https://www.google.com', 'https://www.google.com'],
       disabled: true,
     };
-    const component = mount(
+
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <CclButtonBlockEdit
             data={data}
             selected={false}
             block="1234"
-            onChangeBlock={() => {
-              return 'test';
-            }}
-            onSelectBlock={() => {
-              return 'test';
-            }}
-            onChangeField={() => {
-              return 'test';
-            }}
-            setSidebarTab={() => {
-              return 'test';
-            }}
+            onChangeBlock={() => 'test'}
+            onSelectBlock={() => 'test'}
+            onChangeField={() => 'test'}
+            setSidebarTab={() => 'test'}
           />
         </MemoryRouter>
       </Provider>,
     );
-    const legend = component.find('.ccl-block-editor-header');
-    legend.simulate('click');
+
+    const legend = container.querySelector('.ccl-block-editor-header legend');
+    fireEvent.click(legend);
+    expect(legend).not.toBeNull();
   });
 });

package/src/components/Blocks/CclContextNavigationBlock/CclContextNavigationBlockEdit.test.jsx

@@ -4,10 +4,6 @@ import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import CclContextNavigationBlockEdit from './CclContextNavigationBlockEdit';
 import { MemoryRouter } from 'react-router-dom';
-import Enzyme from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-
-Enzyme.configure({ adapter: new Adapter() });
 
 global.__SERVER__ = true; // eslint-disable-line no-underscore-dangle
 

package/src/components/Blocks/CclContextNavigationBlock/CclContextNavigationBlockView.test.jsx

@@ -1,20 +1,14 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render } from '@testing-library/react';
 import configureStore from 'redux-mock-store';
 import { Provider } from 'react-intl-redux';
 import CclContextNavigationBlockView from './CclContextNavigationBlockView';
 import { MemoryRouter } from 'react-router-dom';
-import Enzyme from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-
-Enzyme.configure({ adapter: new Adapter() });
-
-global.__SERVER__ = true; // eslint-disable-line no-underscore-dangle
 
 const mockStore = configureStore();
 
 describe('CclContextNavigationBlockView', () => {
-  it('Check context navigation view', () => {
+  it('renders CclContextNavigationBlockView correctly', () => {
     const store = mockStore({
       content: {
         create: {},
@@ -27,7 +21,7 @@ describe('CclContextNavigationBlockView', () => {
     });
     const pathname = '/example';
 
-    const ContextNavigationBlockView = renderer.create(
+    const { container } = render(
       <Provider store={store}>
         <MemoryRouter>
           <CclContextNavigationBlockView pathname={pathname}>
@@ -36,7 +30,10 @@ describe('CclContextNavigationBlockView', () => {
         </MemoryRouter>
       </Provider>,
     );
-    const json = ContextNavigationBlockView.toJSON();
-    expect(json).toMatchSnapshot();
+
+    const contextNavigationBlock = container.querySelector(
+      '.ccl-context-navigation-block',
+    );
+    expect(contextNavigationBlock).toBeNull();
   });
 });

package/src/components/Blocks/CustomTemplates/VoltoListingBlock/CclListingCards.test.jsx

@@ -1,14 +1,10 @@
-import Enzyme, { mount } from 'enzyme';
-
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import { render, screen } from '@testing-library/react';
 import CclListingCards from './CclListingCards';
 import { MemoryRouter } from 'react-router-dom';
 import { Provider } from 'react-intl-redux';
 import React from 'react';
 import configureStore from 'redux-mock-store';
 
-Enzyme.configure({ adapter: new Adapter() });
-
 const mockStore = configureStore();
 const store = mockStore({
   content: {
@@ -32,175 +28,122 @@ const store = mockStore({
     },
   },
 });
+
 const internalLink = [{ '@id': '/news' }];
-const externalLink = [{ '@id': 'https://wwww.google.com' }];
+const externalLink = [{ '@id': 'https://www.google.com' }];
 
 describe('CclListingCards', () => {
-  it('News listing card internal link', () => {
-    const items = [
-      {
-        title: 'Card Title',
-        description: 'Card description',
-        image: {
-          download:
-            'https://localhost:3000/news/new/@@images/image/filename.jpg',
-        },
+  const items = [
+    {
+      title: 'Card Title',
+      description: 'Card description',
+      image: {
+        download: 'https://localhost:3000/news/new/@@images/image/filename.jpg',
       },
-    ];
-    const linkTitle = 'More news';
-    const isEditMode = true;
-    const variation = 'CclCardsnews';
-    const component = mount(
+    },
+  ];
+
+  it('renders a news listing card with an internal link', () => {
+    render(
       <Provider store={store}>
         <MemoryRouter>
           <CclListingCards
             items={items}
             linkHref={internalLink}
-            linkTitle={linkTitle}
-            isEditMode={isEditMode}
-            variation={variation}
-          ></CclListingCards>
+            linkTitle="More news"
+            isEditMode={true}
+            variation="CclCardsnews"
+          />
         </MemoryRouter>
       </Provider>,
     );
-    expect(component).toBeDefined();
+
+    expect(screen.getByText('Card Title')).toBeDefined();
   });
-  it('Line-color listing card external link', () => {
-    const items = [
-      {
-        title: 'Card Title',
-        description: 'Card description',
-        image: {
-          download:
-            'https://localhost:3000/news/new/@@images/image/filename.jpg',
-        },
-      },
-    ];
-    const linkTitle = 'More line-color';
-    const isEditMode = true;
-    const variation = 'CclCardsline-color';
-    const component = mount(
+
+  it('renders a line-color listing card with an external link', () => {
+    render(
       <Provider store={store}>
         <MemoryRouter>
           <CclListingCards
             items={items}
             linkHref={externalLink}
-            linkTitle={linkTitle}
-            isEditMode={isEditMode}
-            variation={variation}
-          ></CclListingCards>
+            linkTitle="More line-color"
+            isEditMode={true}
+            variation="CclCardsline-color"
+          />
         </MemoryRouter>
       </Provider>,
     );
-    expect(component).toBeDefined();
+
+    expect(screen.getByText('Card Title')).toBeDefined();
   });
-  it('line listing card external link', () => {
-    const items = [
-      {
-        title: 'Card Title',
-        description: 'Card description',
-        image: {
-          download:
-            'https://localhost:3000/news/new/@@images/image/filename.jpg',
-        },
-      },
-    ];
-    const linkTitle = 'More line';
-    const isEditMode = true;
-    const variation = 'CclCardsline';
-    const component = mount(
+
+  it('renders a line listing card with an external link', () => {
+    render(
       <Provider store={store}>
         <MemoryRouter>
           <CclListingCards
             items={items}
             linkHref={externalLink}
-            linkTitle={linkTitle}
-            isEditMode={isEditMode}
-            variation={variation}
-          ></CclListingCards>
+            linkTitle="More line"
+            isEditMode={true}
+            variation="CclCardsline"
+          />
         </MemoryRouter>
       </Provider>,
     );
-    expect(component).toBeDefined();
+
+    expect(screen.getByText('Card Title')).toBeDefined();
   });
-  it('without linkHref', () => {
-    const items = [
-      {
-        title: 'Card Title',
-        description: 'Card description',
-        image: {
-          download:
-            'https://localhost:3000/news/new/@@images/image/filename.jpg',
-        },
-      },
-    ];
-    const isEditMode = true;
-    const variation = 'CclCardsnews';
-    const component = mount(
+
+  it('renders a card without a linkHref', () => {
+    render(
       <Provider store={store}>
         <MemoryRouter>
           <CclListingCards
             items={items}
-            isEditMode={isEditMode}
-            variation={variation}
-          ></CclListingCards>
+            isEditMode={true}
+            variation="CclCardsnews"
+          />
         </MemoryRouter>
       </Provider>,
     );
-    expect(component).toBeDefined();
+
+    expect(screen.getByText('Card Title')).toBeDefined();
   });
-  it('internal link without linkTitle', () => {
-    const items = [
-      {
-        title: 'Card Title',
-        description: 'Card description',
-        image: {
-          download:
-            'https://localhost:3000/news/new/@@images/image/filename.jpg',
-        },
-      },
-    ];
-    const isEditMode = true;
-    const variation = 'CclCardsnews';
-    const component = mount(
+
+  it('renders a card with an internal link but without a linkTitle', () => {
+    render(
       <Provider store={store}>
         <MemoryRouter>
           <CclListingCards
             items={items}
             linkHref={internalLink}
-            isEditMode={isEditMode}
-            variation={variation}
-          ></CclListingCards>
+            isEditMode={true}
+            variation="CclCardsnews"
+          />
         </MemoryRouter>
       </Provider>,
     );
-    expect(component).toBeDefined();
+
+    expect(screen.getByText('Card Title')).toBeDefined();
   });
-  it('External link without linkTitle', () => {
-    const items = [
-      {
-        title: 'Card Title',
-        description: 'Card description',
-        image: {
-          download:
-            'https://localhost:3000/news/new/@@images/image/filename.jpg',
-        },
-      },
-    ];
-    const isEditMode = true;
-    const variation = 'CclCardsnews';
-    const component = mount(
+
+  it('renders a card with an external link but without a linkTitle', () => {
+    render(
       <Provider store={store}>
         <MemoryRouter>
           <CclListingCards
             items={items}
             linkHref={externalLink}
-            isEditMode={isEditMode}
-            variation={variation}
-          ></CclListingCards>
+            isEditMode={true}
+            variation="CclCardsnews"
+          />
         </MemoryRouter>
       </Provider>,
     );
-    expect(component).toBeDefined();
+
+    expect(screen.getByText('Card Title')).toBeDefined();
   });
 });

package/src/components/CLMSDatasetDetailView/BoundingBoxComponent.test.jsx

@@ -1,15 +1,9 @@
-import Enzyme, { mount } from 'enzyme';
-
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import { render } from '@testing-library/react';
 import BoundingBoxComponent from './BoundingBoxComponent';
 import { MemoryRouter } from 'react-router-dom';
 import React from 'react';
 
-Enzyme.configure({ adapter: new Adapter() });
-
-//jest test for BoundingBoxComponent
 describe('BoundingBoxComponent', () => {
-  //test for BoundingBoxComponent rendering
   it('Check if BoundingBoxComponent is rendered', () => {
     const boundingBox = {
       west: -180,
@@ -17,11 +11,13 @@ describe('BoundingBoxComponent', () => {
       north: 90,
       south: -90,
     };
-    const wrapper = mount(
+
+    const { container } = render(
       <MemoryRouter>
         <BoundingBoxComponent bbox={boundingBox} />
       </MemoryRouter>,
     );
-    expect(wrapper).toBeDefined();
+
+    expect(container).toBeDefined();
   });
 });

package/src/components/CLMSDatasetDetailView/CLMSDatasetDetailView.test.jsx

@@ -20,7 +20,7 @@ let store = mockStore({
   },
   search: {
     subrequest: {
-      '123': { items: [] },
+      123: { items: [] },
     },
   },
   users: {
@@ -97,6 +97,7 @@ describe('CLMSDatasetDetailView', () => {
       .toJSON();
     expect(DatasetDetailView).toBeDefined();
   });
+
   it('Check metadata view without downloadable files', () => {
     const content = {
       title: 'Test title!',
@@ -139,6 +140,7 @@ describe('CLMSDatasetDetailView', () => {
       .toJSON();
     expect(DatasetDetailView).toBeDefined();
   });
+
   it('Check metadata view with geonetwork_identifiers items lenght > 0 user roles exists and user roles includes manager', () => {
     const content = {
       geonetwork_identifiers: [

package/src/components/CLMSDatasetDetailView/ContactComponent.test.jsx

@@ -1,14 +1,11 @@
+import { render } from '@testing-library/react';
 import ContactComponent from './ContactComponent';
 import React from 'react';
-import renderer from 'react-test-renderer';
 import { MemoryRouter } from 'react-router-dom';
 
-import Enzyme from 'enzyme';
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
-Enzyme.configure({ adapter: new Adapter() });
-//jest test for ContactComponent
+// Jest test for ContactComponent
 describe('ContactComponent', () => {
-  //test for ContactComponent rendering
+  // Test for ContactComponent rendering
   it('Check if ContactComponent is rendered', () => {
     const contact = {
       organisationName: 'Test',
@@ -22,13 +19,13 @@ describe('ContactComponent', () => {
       urlTitle: 'Test',
       roleCode: 'Test',
     };
-    const contactComponent = renderer
-      .create(
-        <MemoryRouter>
-          <ContactComponent contact={contact} />
-        </MemoryRouter>,
-      )
-      .toJSON();
-    expect(contactComponent).toBeDefined();
+
+    const { container } = render(
+      <MemoryRouter>
+        <ContactComponent contact={contact} />
+      </MemoryRouter>,
+    );
+
+    expect(container).toBeDefined();
   });
 });

package/src/components/CLMSDatasetDetailView/DistributionInfoComponent.test.jsx

@@ -1,24 +1,21 @@
-import Enzyme, { mount } from 'enzyme';
-
-import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import { render } from '@testing-library/react';
 import DistributionInfoComponent from './DistributionInfoComponent';
 import { MemoryRouter } from 'react-router-dom';
 import React from 'react';
 
-Enzyme.configure({ adapter: new Adapter() });
-//jest test for   DistributionInfoComponent
 describe('DistributionInfoComponent', () => {
-  //test for DistributionInfoComponent rendering
   it('Check if DistributionInfoComponent is rendered', () => {
     const resource = {
       resourceLocator: 'http://example.com/resource',
       services: 'http://example.com/services',
     };
-    const wrapper = mount(
+
+    const { container } = render(
       <MemoryRouter>
         <DistributionInfoComponent resource={resource} />
       </MemoryRouter>,
     );
-    expect(wrapper).toBeDefined();
+
+    expect(container).toBeDefined();
   });
 });