@eeacms/volto-cca-policy 0.3.131 → 1.0.1

package/src/components/manage/Blocks/CountryProfileDetail/View.test.jsx

@@ -1,39 +1,153 @@
 import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
-import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
 import { Provider } from 'react-intl-redux';
 import View from './View';
 
+jest.mock('./CountryTabPane', () => (props) => (
+  <div data-testid={`country-tab-pane-${props._index}`}>
+    CountryTabPane {props.contents}
+  </div>
+));
+
 const mockStore = configureStore();
 
+const renderView = (properties) => {
+  const store = mockStore({
+    userSession: { token: '1234' },
+    intl: {
+      locale: 'en',
+      messages: {},
+    },
+  });
+
+  return render(
+    <Provider store={store}>
+      <MemoryRouter>
+        <View properties={properties} />
+      </MemoryRouter>
+    </Provider>,
+  );
+};
+
 describe('View', () => {
-  it('should render the component', () => {
-    const properties = {
+  it('renders the component', () => {
+    const { container } = renderView({
+      language: 'en',
+      '@components': {
+        countryprofile: {
+          html: {
+            menu: [],
+            content: [],
+          },
+        },
+      },
+    });
+
+    expect(container).toBeTruthy();
+  });
+
+  it('renders non-English warning message', () => {
+    renderView({
+      language: 'ro',
       '@components': {
         countryprofile: {
-          html: '{"menu":[],"content":[],"html":"","updated":"","message_top":"", "top_accordeon":""}',
+          html: {
+            menu: [],
+            content: [],
+          },
         },
       },
-    };
-    const data = { properties: properties };
-
-    const store = mockStore({
-      userSession: { token: '1234' },
-      intl: {
-        locale: 'en',
-        messages: {},
+    });
+
+    expect(
+      screen.getByText(
+        'Officially reported governmental information is only available in English',
+      ),
+    ).toBeInTheDocument();
+  });
+
+  it('renders top message', () => {
+    renderView({
+      language: 'en',
+      '@components': {
+        countryprofile: {
+          html: {
+            menu: [],
+            content: [],
+            message_top: 'This is the top message',
+          },
+        },
       },
     });
 
-    const { container } = render(
-      <Provider store={store}>
-        <MemoryRouter>
-          <View {...data} />
-        </MemoryRouter>
-      </Provider>,
+    expect(screen.getByText('This is the top message')).toBeInTheDocument();
+  });
+
+  it('renders updated date', () => {
+    renderView({
+      language: 'en',
+      '@components': {
+        countryprofile: {
+          html: {
+            menu: [],
+            content: [],
+            updated: '2024-01-01',
+          },
+        },
+      },
+    });
+
+    expect(
+      screen.getByText('Reported updated until: 2024-01-01'),
+    ).toBeInTheDocument();
+  });
+
+  it('renders and opens top accordion', () => {
+    renderView({
+      language: 'en',
+      '@components': {
+        countryprofile: {
+          html: {
+            menu: [],
+            content: [],
+            top_accordeon: [
+              {
+                title: 'Accordion title',
+                value: '<p>Accordion content</p>',
+              },
+            ],
+          },
+        },
+      },
+    });
+
+    expect(screen.getByText('Accordion title')).toBeInTheDocument();
+
+    fireEvent.click(screen.getByRole('button'));
+
+    expect(screen.getByText('Accordion content')).toBeInTheDocument();
+  });
+
+  it('renders tabs and CountryTabPane', () => {
+    renderView({
+      language: 'en',
+      '@components': {
+        countryprofile: {
+          html: {
+            menu: ['Tab one', 'Tab two'],
+            content: ['Content one', 'Content two'],
+          },
+        },
+      },
+    });
+
+    expect(screen.getByText('Tab one')).toBeInTheDocument();
+    expect(screen.getByText('Tab two')).toBeInTheDocument();
+    expect(screen.getByTestId('country-tab-pane-0')).toHaveTextContent(
+      'Content one',
     );
-    expect(container).toBeTruthy();
   });
 });

package/src/components/manage/Blocks/CountryProfileDetail/index.js

@@ -1,7 +1,6 @@
 import worldSVG from '@plone/volto/icons/world.svg';
 import Edit from './Edit';
 import View from './View';
-// import { blockAvailableInMission } from '@eeacms/volto-cca-policy/utils';
 
 export default function installCountryProfileDetailBlock(config) {
   config.blocks.blocksConfig.countryProfileDetail = {

package/src/components/manage/Blocks/DataConnectedEmbedBlock/index.js

@@ -1,12 +1,10 @@
 import { composeSchema } from '@eeacms/volto-cca-policy/schema-utils';
-// import { addLanguageParamField } from './schema';
 import DataConnectedEmbedBlockView from './DataConnectedEmbedBlockView';
 
 export default function applyConfig(config) {
   const { data_connected_embed } = config.blocks.blocksConfig;
 
   data_connected_embed.schemaEnhancer = composeSchema(
-    // addLanguageParamField,
     data_connected_embed.schemaEnhancer,
   );
   data_connected_embed.view = DataConnectedEmbedBlockView;

package/src/components/manage/Blocks/ECDEIndicators/ECDEIndicatorsView.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import superagent from 'superagent';
 import { Dropdown, Grid } from 'semantic-ui-react';
-import { searchContent } from '@plone/volto/actions';
+import { searchContent } from '@plone/volto/actions/search/search';
 import ECDEIndicator from './ECDEIndicator';
 import { useDispatch, useSelector } from 'react-redux';
 import { FormattedMessage } from 'react-intl';

package/src/components/manage/Blocks/FilterAceContent/FilterAceContentEdit.jsx

@@ -1,9 +1,9 @@
 import React from 'react';
 import { useSelector, useDispatch } from 'react-redux';
-import { getVocabulary } from '@plone/volto/actions';
-import { SidebarPortal } from '@plone/volto/components';
+import { getVocabulary } from '@plone/volto/actions/vocabularies/vocabularies';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
 import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
-import { BIOREGIONS, OTHER_REGIONS } from '@eeacms/volto-cca-policy/helpers';
+import { BIOREGIONS, OTHER_REGIONS } from '@eeacms/volto-cca-policy/constants';
 import FilterSchema from './schema';
 import FilterAceContentView from './FilterAceContentView';
 

package/src/components/manage/Blocks/FilterAceContent/FilterAceContentView.jsx

@@ -2,8 +2,8 @@ import React from 'react';
 import loadable from '@loadable/component';
 import ListingBody from '@plone/volto/components/manage/Blocks/Listing/ListingBody';
 import { useSelector, useDispatch } from 'react-redux';
-import { getVocabulary } from '@plone/volto/actions';
-import { OTHER_REGIONS } from '@eeacms/volto-cca-policy/helpers';
+import { getVocabulary } from '@plone/volto/actions/vocabularies/vocabularies';
+import { OTHER_REGIONS } from '@eeacms/volto-cca-policy/constants';
 import { Link } from 'react-router-dom';
 import {
   Option,

package/src/components/manage/Blocks/FilterAceContent/FilterAceContentView.test.jsx

@@ -3,7 +3,7 @@ import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
 import renderer from 'react-test-renderer';
 
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import { Provider } from 'react-intl-redux';
 import FilterAceContentView from './FilterAceContentView';
 

package/src/components/manage/Blocks/FlourishEmbedBlock/FlourishEmbedBlockEdit.jsx

@@ -1,4 +1,4 @@
-import { SidebarPortal } from '@plone/volto/components';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
 import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
 import FlourishEmbedBlockView from './FlourishEmbedBlockView';
 import schema from './schema';

package/src/components/manage/Blocks/Listing/DropdownListingView.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { Link } from 'react-router-dom';
 import { Dropdown } from 'semantic-ui-react';
-import { flattenToAppURL } from '@plone/volto/helpers';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import { useIntl, defineMessages } from 'react-intl';
 
 import './styles.less';

package/src/components/manage/Blocks/Listing/EventAccordionListingView.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
 import { Icon, Accordion, Button } from 'semantic-ui-react';
-import { ConditionalLink } from '@plone/volto/components';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
 import { When } from '@plone/volto/components/theme/View/EventDatesInfo';
 
 import './styles.less';

package/src/components/manage/Blocks/Listing/EventAccordionListingView.test.jsx

@@ -7,9 +7,11 @@ import EventAccordionListingView from './EventAccordionListingView';
 
 const mockStore = configureStore();
 
-jest.mock('@plone/volto/components', () => ({
-  ConditionalLink: ({ children }) => <div>{children}</div>,
-}));
+jest.mock(
+  '@plone/volto/components/manage/ConditionalLink/ConditionalLink',
+  () =>
+    ({ children }) => <div>{children}</div>,
+);
 
 jest.mock('@plone/volto/components/theme/View/EventDatesInfo', () => ({
   When: () => <div>Event Date Info</div>,

package/src/components/manage/Blocks/Listing/EventCardsListingView.jsx

@@ -3,7 +3,8 @@ import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import { useSelector } from 'react-redux';
 import { Card, Grid, Icon, Label, Image } from 'semantic-ui-react';
-import { ConditionalLink, UniversalLink } from '@plone/volto/components';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
+import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import { When } from '@plone/volto/components/theme/View/EventDatesInfo';
 import { capitalizeFirstLetter } from '@eeacms/volto-cca-policy/helpers';
 import config from '@plone/volto/registry';

package/src/components/manage/Blocks/Listing/EventCardsListingView.test.jsx

@@ -8,10 +8,16 @@ import EventCardsListingView from './EventCardsListingView';
 
 const mockStore = configureStore();
 
-jest.mock('@plone/volto/components', () => ({
-  ConditionalLink: ({ children }) => <div>{children}</div>,
-  UniversalLink: ({ children }) => <button>{children}</button>,
-}));
+jest.mock(
+  '@plone/volto/components/manage/ConditionalLink/ConditionalLink',
+  () =>
+    ({ children }) => <div>{children}</div>,
+);
+jest.mock(
+  '@plone/volto/components/manage/UniversalLink/UniversalLink',
+  () =>
+    ({ children }) => <button>{children}</button>,
+);
 
 jest.mock('@plone/volto/components/theme/View/EventDatesInfo', () => ({
   When: () => <span>EventDatesInfo</span>,

package/src/components/manage/Blocks/Listing/IndicatorCardsListingView.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { ConditionalLink } from '@plone/volto/components';
-import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
+import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers/Url/Url';
 
 import './styles.less';
 

package/src/components/manage/Blocks/Listing/OrganisationCardsListingView.jsx

@@ -7,6 +7,8 @@ import {
   Card,
 } from 'semantic-ui-react';
 
+import Image from '@plone/volto/components/theme/Image/Image';
+
 import './styles.less';
 
 const OrganisationCardsListingView = ({ items }) => {
@@ -18,7 +20,7 @@ const OrganisationCardsListingView = ({ items }) => {
             <CardHeader>
               <div className="image">
                 <div className="img-container">
-                  <img
+                  <Image
                     src={item['@id'] + '/@@images/logo/preview'}
                     alt={item.title}
                     className="ui image"

package/src/components/manage/Blocks/Listing/SimpleCardsListingView.jsx

@@ -6,7 +6,7 @@ import {
   CardHeader,
   CardContent,
 } from 'semantic-ui-react';
-import { ConditionalLink } from '@plone/volto/components';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
 
 import './styles.less';
 

package/src/components/manage/Blocks/Listing/SimpleCardsListingView.test.jsx

@@ -8,9 +8,11 @@ import SimpleCardsListingView from './SimpleCardsListingView';
 
 const mockStore = configureStore();
 
-jest.mock('@plone/volto/components', () => ({
-  ConditionalLink: ({ children }) => <div>{children}</div>,
-}));
+jest.mock(
+  '@plone/volto/components/manage/ConditionalLink/ConditionalLink',
+  () =>
+    ({ children }) => <div>{children}</div>,
+);
 
 describe('SimpleCardsListingView', () => {
   it('renders card titles and placeholders when no image', () => {

package/src/components/manage/Blocks/Listing/SimpleItemListingView.jsx

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
-import { ConditionalLink } from '@plone/volto/components';
-import { getBaseUrl } from '@plone/volto/helpers';
+import ConditionalLink from '@plone/volto/components/manage/ConditionalLink/ConditionalLink';
+import { getBaseUrl } from '@plone/volto/helpers/Url/Url';
 
 const SimpleItemListingView = ({ items, isEditMode }) => {
   return (

package/src/components/manage/Blocks/Listing/SimpleItemListingView.test.jsx

@@ -8,11 +8,13 @@ import SimpleItemListingView from './SimpleItemListingView';
 
 const mockStore = configureStore();
 
-jest.mock('@plone/volto/components', () => ({
-  ConditionalLink: ({ children }) => <div>{children}</div>,
-}));
+jest.mock(
+  '@plone/volto/components/manage/ConditionalLink/ConditionalLink',
+  () =>
+    ({ children }) => <div>{children}</div>,
+);
 
-jest.mock('@plone/volto/helpers', () => ({
+jest.mock('@plone/volto/helpers/Url/Url', () => ({
   getBaseUrl: (id) => id,
 }));
 

package/src/components/manage/Blocks/RASTBlock/ContextNavigation.jsx

@@ -51,5 +51,4 @@ export function ContextNavigationComponent(props) {
   );
 }
 
-// withContentNavigation
 export default compose()(ContextNavigationComponent);

package/src/components/manage/Blocks/RASTBlock/RASTAccordion.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Accordion } from 'semantic-ui-react';
 import { useHistory } from 'react-router-dom';
-import { Icon } from '@plone/volto/components';
+import Icon from '@plone/volto/components/theme/Icon/Icon';
 
 import RASTAccordionContent from './RASTAccordionContent';
 

package/src/components/manage/Blocks/RASTBlock/RASTAccordion.test.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
 import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import { Provider } from 'react-intl-redux';
 import RASTAccordion from './RASTAccordion';
 

package/src/components/manage/Blocks/RASTBlock/RASTAccordionContent.jsx

@@ -2,9 +2,9 @@ import React from 'react';
 import { List } from 'semantic-ui-react';
 import { Link } from 'react-router-dom';
 import { compose } from 'redux';
-import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers';
+import { flattenToAppURL, getBaseUrl } from '@plone/volto/helpers/Url/Url';
 import { useDispatch, useSelector } from 'react-redux';
-import { getContent } from '@plone/volto/actions';
+import { getContent } from '@plone/volto/actions/content/content';
 
 import cx from 'classnames';
 

package/src/components/manage/Blocks/RASTBlock/RASTEdit.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { SidebarPortal } from '@plone/volto/components';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
 import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
 
 import RASTView from './RASTView';

package/src/components/manage/Blocks/RASTBlock/RASTMap.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { UniversalLink } from '@plone/volto/components';
+import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import cx from 'classnames';
 import './styles.less';
 

package/src/components/manage/Blocks/RASTBlock/RASTMap.test.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
 import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import { Provider } from 'react-intl-redux';
 import RASTMap from './RASTMap';
 

package/src/components/manage/Blocks/RASTBlock/RASTView.jsx

@@ -2,7 +2,7 @@ import React from 'react';
 import './styles.less';
 import ContextNavigation from './ContextNavigation';
 import { useDispatch, useSelector } from 'react-redux';
-import { getContent } from '@plone/volto/actions';
+import { getContent } from '@plone/volto/actions/content/content';
 
 function useChildren(location) {
   const dispatch = useDispatch();

package/src/components/manage/Blocks/ReadMore/ReadMoreEdit.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SidebarPortal } from '@plone/volto/components';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
 import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
 import ReadMoreView from './ReadMoreView';
 import schema from './schema';

package/src/components/manage/Blocks/ReadMore/ReadMoreView.jsx

@@ -1,6 +1,6 @@
 import React, { useRef, useState, useEffect } from 'react';
 import { Button, Icon } from 'semantic-ui-react';
-import { BodyClass } from '@plone/volto/helpers';
+import BodyClass from '@plone/volto/helpers/BodyClass/BodyClass';
 import cx from 'classnames';
 
 import './style.less';

package/src/components/manage/Blocks/ReadMore/ReadMoreView.test.jsx

@@ -1,4 +1,4 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import { render, screen, fireEvent } from '@testing-library/react';
 import ReadMoreView from './ReadMoreView';
 

package/src/components/manage/Blocks/RedirectBlock/{RedirectBlock.test.js → RedirectBlock.test.jsx}

@@ -2,7 +2,7 @@ import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
 import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import { Provider } from 'react-intl-redux';
 import { RedirectBlockDetails } from './RedirectBlockView';
 

package/src/components/manage/Blocks/RedirectBlock/RedirectBlockEdit.jsx

@@ -1,4 +1,5 @@
-import { BlockDataForm, SidebarPortal } from '@plone/volto/components';
+import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
 import { RedirectBlockDetails } from './RedirectBlockView';
 import Schema from './schema';
 

package/src/components/manage/Blocks/RedirectBlock/RedirectBlockView.jsx

@@ -1,7 +1,7 @@
-import { UniversalLink } from '@plone/volto/components';
+import UniversalLink from '@plone/volto/components/manage/UniversalLink/UniversalLink';
 import React from 'react';
 import { useHistory } from 'react-router-dom';
-import { flattenToAppURL } from '@plone/volto/helpers';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 
 export function RedirectBlockDetails({ data, token }) {
   return token ? (

package/src/components/manage/Blocks/RelevantAceContent/RelevantAceContentEdit.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { SidebarPortal } from '@plone/volto/components';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
 import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
 
 import schema from './schema';

package/src/components/manage/Blocks/RelevantAceContent/RelevantAceContentView.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { List, ListItem, ListContent, ListIcon } from 'semantic-ui-react';
 import { Link } from 'react-router-dom';
-import { flattenToAppURL } from '@plone/volto/helpers';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 
 const RelevantAceContentView = (props) => {
   const { data, mode = 'view' } = props;

package/src/components/manage/Blocks/RelevantAceContent/RelevantAceContentView.test.jsx

@@ -3,7 +3,7 @@ import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
 import renderer from 'react-test-renderer';
 
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import { Provider } from 'react-intl-redux';
 import RelevantAceContentView from './RelevantAceContentView';
 

package/src/components/manage/Blocks/SearchAceContent/SearchAceContentEdit.jsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { SidebarPortal } from '@plone/volto/components';
+import SidebarPortal from '@plone/volto/components/manage/Sidebar/SidebarPortal';
 import BlockDataForm from '@plone/volto/components/manage/Form/BlockDataForm';
 
 import schema from './schema';

package/src/components/manage/Blocks/SearchAceContent/SearchAceContentView.jsx

@@ -1,6 +1,6 @@
 import { List, Icon, ListItem, ListContent, ListIcon } from 'semantic-ui-react';
 import { Link } from 'react-router-dom';
-import { flattenToAppURL } from '@plone/volto/helpers';
+import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 import { useIntl, FormattedMessage } from 'react-intl';
 
 export default function SearchAceContentView(props) {

package/src/components/manage/Blocks/SearchAceContent/SearchAceContentView.test.jsx

@@ -3,7 +3,7 @@ import { MemoryRouter } from 'react-router-dom';
 import configureStore from 'redux-mock-store';
 import renderer from 'react-test-renderer';
 
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 import { Provider } from 'react-intl-redux';
 import SearchAceContentView from './SearchAceContentView';
 

package/src/components/manage/Blocks/TabsBlock/Spotlight.jsx

@@ -3,14 +3,14 @@ import { compose } from 'redux';
 import { withRouter } from 'react-router';
 import cx from 'classnames';
 import { Menu, Tab, Container, Icon, Image } from 'semantic-ui-react';
-import { RenderBlocks } from '@plone/volto/components';
+import RenderBlocks from '@plone/volto/components/theme/View/RenderBlocks';
 import { withScrollToTarget } from '@eeacms/volto-tabs-block/hocs';
 import {
   SimpleMarkdown,
   getMenuPosition,
 } from '@eeacms/volto-tabs-block/utils';
 
-import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers';
+import { isInternalURL, flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 
 import '@eeacms/volto-tabs-block/less/menu.less';
 import './spotlight.less';

package/src/components/manage/Blocks/TabsBlock/Spotlight.test.jsx

@@ -1,4 +1,4 @@
-import '@testing-library/jest-dom/extend-expect';
+import '@testing-library/jest-dom';
 
 import { render } from '@testing-library/react';
 import React from 'react';
@@ -8,6 +8,12 @@ import { Provider } from 'react-intl-redux';
 
 import Spotlight from './Spotlight';
 
+jest.mock('@eeacms/volto-tabs-block/hocs', () => ({
+  withScrollToTarget: (WrappedComponent) => (props) => (
+    <WrappedComponent {...props} scrollToTarget={jest.fn()} />
+  ),
+}));
+
 const mockStore = configureStore();
 
 describe('Filter', () => {