@eeacms/volto-cca-policy 0.1.49 → 0.1.51

package/src/components/theme/Views/CcaEventView.jsx

@@ -8,7 +8,7 @@ function CcaEventView(props) {
   const {
     blocks: { blocksConfig },
   } = config;
-  const TitleBlockView = blocksConfig.title.view;
+  const TitleBlockView = blocksConfig?.title?.view;
   const { content } = props;
   // cca_files: [content.agenda_file]}
   if (content.agenda_file) {

package/src/components/theme/Views/GuidanceView.test.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import GuidanceView from './GuidanceView';
+import renderer from 'react-test-renderer';
+
+const mockStore = configureStore();
+
+jest.mock('semantic-ui-react', () => ({
+  ...jest.requireActual('semantic-ui-react'),
+}));
+
+describe('GuidanceView', () => {
+  it('should render the component', () => {
+    const content = {
+      title: 'My GuidanceView',
+      geochars:
+        '{\r\n "geoElements":{"element":"GLOBAL",\r\n "macrotrans":null,"biotrans":null,"countries":[],\r\n "subnational":[],"city":""}}',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <GuidanceView content={content} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Views/IndicatorView.test.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import IndicatorView from './IndicatorView';
+import renderer from 'react-test-renderer';
+
+const mockStore = configureStore();
+
+jest.mock('semantic-ui-react', () => ({
+  ...jest.requireActual('semantic-ui-react'),
+}));
+
+describe('IndicatorView', () => {
+  it('should render the component', () => {
+    const content = {
+      title: 'My IndicatorView',
+      geochars:
+        '{\r\n "geoElements":{"element":"GLOBAL",\r\n "macrotrans":null,"biotrans":null,"countries":[],\r\n "subnational":[],"city":""}}',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <IndicatorView content={content} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Views/InformationPortalView.test.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import InformationPortalView from './InformationPortalView';
+import renderer from 'react-test-renderer';
+
+const mockStore = configureStore();
+
+jest.mock('semantic-ui-react', () => ({
+  ...jest.requireActual('semantic-ui-react'),
+}));
+
+describe('InformationPortalView', () => {
+  it('should render the component', () => {
+    const content = {
+      title: 'My InformationPortalView',
+      geochars:
+        '{\r\n "geoElements":{"element":"GLOBAL",\r\n "macrotrans":null,"biotrans":null,"countries":[],\r\n "subnational":[],"city":""}}',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <InformationPortalView content={content} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Views/OrganisationView.test.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import OrganisationView from './OrganisationView';
+import renderer from 'react-test-renderer';
+
+const mockStore = configureStore();
+
+jest.mock('semantic-ui-react', () => ({
+  ...jest.requireActual('semantic-ui-react'),
+}));
+
+describe('OrganisationView', () => {
+  it('should render the component', () => {
+    const content = {
+      title: 'My OrganisationView',
+      geochars:
+        '{\r\n "geoElements":{"element":"GLOBAL",\r\n "macrotrans":null,"biotrans":null,"countries":[],\r\n "subnational":[],"city":""}}',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <OrganisationView content={content} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Views/ProjectView.test.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import ProjectView from './ProjectView';
+import renderer from 'react-test-renderer';
+
+const mockStore = configureStore();
+
+jest.mock('semantic-ui-react', () => ({
+  ...jest.requireActual('semantic-ui-react'),
+}));
+
+describe('ProjectView', () => {
+  it('should render the component', () => {
+    const content = {
+      title: 'My ProjectView',
+      geochars:
+        '{\r\n "geoElements":{"element":"GLOBAL",\r\n "macrotrans":null,"biotrans":null,"countries":[],\r\n "subnational":[],"city":""}}',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <ProjectView content={content} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Views/PublicationReportView.test.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import PublicationReportView from './PublicationReportView';
+import renderer from 'react-test-renderer';
+
+const mockStore = configureStore();
+
+jest.mock('semantic-ui-react', () => ({
+  ...jest.requireActual('semantic-ui-react'),
+}));
+
+describe('PublicationReportView', () => {
+  it('should render the component', () => {
+    const content = {
+      title: 'My PublicationReportView',
+      geochars:
+        '{\r\n "geoElements":{"element":"GLOBAL",\r\n "macrotrans":null,"biotrans":null,"countries":[],\r\n "subnational":[],"city":""}}',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <PublicationReportView content={content} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Views/ToolView.test.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import ToolView from './ToolView';
+import renderer from 'react-test-renderer';
+
+const mockStore = configureStore();
+
+jest.mock('semantic-ui-react', () => ({
+  ...jest.requireActual('semantic-ui-react'),
+}));
+
+describe('ToolView', () => {
+  it('should render the component', () => {
+    const content = {
+      title: 'My ToolView',
+      geochars:
+        '{\r\n "geoElements":{"element":"GLOBAL",\r\n "macrotrans":null,"biotrans":null,"countries":[],\r\n "subnational":[],"city":""}}',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <ToolView content={content} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/theme/Views/VideoView.test.jsx

@@ -0,0 +1,41 @@
+import React from 'react';
+import { MemoryRouter } from 'react-router-dom';
+import configureStore from 'redux-mock-store';
+import '@testing-library/jest-dom/extend-expect';
+import { Provider } from 'react-intl-redux';
+import VideoView from './ToolView';
+import renderer from 'react-test-renderer';
+
+const mockStore = configureStore();
+
+jest.mock('semantic-ui-react', () => ({
+  ...jest.requireActual('semantic-ui-react'),
+}));
+
+describe('VideoView', () => {
+  it('should render the component', () => {
+    const content = {
+      title: 'My VideoView',
+      geochars:
+        '{\r\n "geoElements":{"element":"GLOBAL",\r\n "macrotrans":null,"biotrans":null,"countries":[],\r\n "subnational":[],"city":""}}',
+    };
+
+    const store = mockStore({
+      userSession: { token: '1234' },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <VideoView content={content} />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/helpers/Utils.jsx

@@ -8,7 +8,7 @@ export const HTMLField = ({ value, className }) => {
   return (
     <div
       className={className}
-      dangerouslySetInnerHTML={{ __html: value.data }}
+      dangerouslySetInnerHTML={{ __html: value?.data }}
     ></div>
   );
 };