@eeacms/volto-clms-theme 1.0.63 → 1.0.67

package/src/actions/tokens/tokens.test.js

@@ -0,0 +1,39 @@
+import {
+  GET_TOKENS,
+  CREATE_TOKENS,
+  DELETE_TOKENS,
+} from '../../constants/ActionTypes';
+import { getTokens, createTokens, deleteTokens } from './tokens';
+
+describe('Tokens actions', () => {
+  describe('getTokens', () => {
+    it('should create an action to get tokens', () => {
+      const action = getTokens();
+
+      expect(action.type).toEqual(GET_TOKENS);
+      expect(action.request.op).toEqual('get');
+      expect(action.request.path).toEqual('/@service-keys');
+    });
+  });
+  describe('createTokens', () => {
+    it('should create an action to post tokens', () => {
+      const tokenTitle = 'tokentitle';
+      const action = createTokens(tokenTitle);
+
+      expect(action.type).toEqual(CREATE_TOKENS);
+      expect(action.request.op).toEqual('post');
+      expect(action.request.path).toEqual('/@service-keys');
+      expect(action.request.data).toEqual({ title: tokenTitle });
+    });
+  });
+  describe('deleteTokens', () => {
+    it('should create an action to delete tokens', () => {
+      const key_id = 'key_id';
+      const action = deleteTokens(key_id);
+
+      expect(action.type).toEqual(DELETE_TOKENS);
+      expect(action.request.op).toEqual('del');
+      expect(action.request.path).toEqual(`/@service-keys/${key_id}`);
+    });
+  });
+});

package/src/actions/userschema/userschema.test.js

@@ -0,0 +1,14 @@
+import { getUserSchema } from './userschema';
+import { GET_USERSCHEMA } from '../../constants/ActionTypes';
+
+describe('User Schema action', () => {
+  describe('getUserSchema', () => {
+    it('should create an action to get the user schema', () => {
+      const action = getUserSchema();
+
+      expect(action.type).toEqual(GET_USERSCHEMA);
+      expect(action.request.op).toEqual('get');
+      expect(action.request.path).toEqual('/@userschema');
+    });
+  });
+});

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

@@ -0,0 +1,123 @@
+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';
+
+// import { shallow } from 'enzyme';
+
+Enzyme.configure({ adapter: new Adapter() });
+
+global.__SERVER__ = true; // eslint-disable-line no-underscore-dangle
+
+const mockStore = configureStore();
+
+describe('CclButtonBlockEdit', () => {
+  it('CclButtonBlockEdit block clicks', () => {
+    const store = mockStore({
+      content: {
+        create: {},
+        data: {},
+      },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+    const data = {
+      href: 'https://www.google.com',
+      disabled: false,
+      style: 'default',
+      download: false,
+    };
+    // const component = shallow(
+    const component = mount(
+      <Provider store={store}>
+        <MemoryRouter>
+          <CclButtonBlockEdit
+            data={data}
+            selected={false}
+            block="1234"
+            onChangeBlock={() => {}}
+            setSidebarTab={() => {}}
+          />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const legend = component.find('.ccl-block-editor-header legend');
+    legend.simulate('click');
+    expect(legend).toBeDefined();
+  });
+  it('renders an CclButtonBlockEdit block component', () => {
+    const store = mockStore({
+      content: {
+        create: {},
+        data: {},
+      },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+    const data = {
+      href: ['https://www.google.com', 'https://www.google.com'],
+      disabled: true,
+    };
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <CclButtonBlockEdit
+            data={data}
+            selected={false}
+            block="1234"
+            onChangeBlock={() => {}}
+            onSelectBlock={() => {}}
+            onChangeField={() => {}}
+            setSidebarTab={() => {}}
+          />
+        </MemoryRouter>
+      </Provider>,
+    );
+
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+  //jest test for CclButtonBlockEdit onChangeBlock statement
+  it('CclButtonBlockEdit onChangeBlock', () => {
+    const store = mockStore({
+      content: {
+        create: {},
+        data: {},
+      },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+    const data = {
+      href: ['https://www.google.com', 'https://www.google.com'],
+      disabled: true,
+    };
+    const component = mount(
+      <Provider store={store}>
+        <MemoryRouter>
+          <CclButtonBlockEdit
+            data={data}
+            selected={false}
+            block="1234"
+            onChangeBlock={() => {}}
+            onSelectBlock={() => {}}
+            onChangeField={() => {}}
+            setSidebarTab={() => {}}
+          />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const legend = component.find('.ccl-block-editor-header');
+    legend.simulate('click');
+  });
+});

package/src/components/Blocks/CclButtonBlock/CclButtonBlockView.jsx

@@ -1,19 +1,20 @@
-import React from 'react';
 import CclButton from '@eeacms/volto-clms-theme/components/CclButton/CclButton';
+import React from 'react';
 import { flattenToAppURL } from '@plone/volto/helpers/Url/Url';
 
 const CclButtonBlockView = (props) => {
   const { data } = props;
   const flattern_url = flattenToAppURL(data?.href?.[0]?.['@id']);
+  function buttonURL(bData, bFlattern_url) {
+    return bData.download && bData?.href?.[0]?.['@type'] === 'File'
+      ? bFlattern_url + '/@@download/file'
+      : bFlattern_url;
+  }
   return {
     ...(data.style === 'left menu' ? (
       <div className="left-menu-detail">
         <CclButton
-          url={
-            data.download && data?.href?.[0]?.['@type'] === 'File'
-              ? flattern_url + '/@@download/file'
-              : flattern_url
-          }
+          url={buttonURL(data, flattern_url)}
           disabled={data?.disabled}
           download={data?.download || data?.href?.[0]?.['@type'] === 'File'}
           target={
@@ -27,11 +28,7 @@ const CclButtonBlockView = (props) => {
       </div>
     ) : (
       <CclButton
-        url={
-          data.download && data?.href?.[0]?.['@type'] === 'File'
-            ? flattern_url + '/@@download/file'
-            : flattern_url
-        }
+        url={buttonURL(data, flattern_url)}
         disabled={data?.disabled}
         download={data?.download || data?.href?.[0]?.['@type'] === 'File'}
         target={

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

@@ -0,0 +1,42 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import CclButtonBlockView from './CclButtonBlockView';
+
+test('renders a CclButtonBlockView component', () => {
+  const data = {
+    href: [{ '@type': 'File', '@id': 'https://www.google.com' }],
+    disabled: true,
+    download: true,
+  };
+  const component = renderer.create(<CclButtonBlockView data={data} />);
+  const json = component.toJSON();
+  expect(json).toMatchSnapshot();
+
+  const data2 = {
+    href: [{ '@type': 'News Item', '@id': 'https://www.google.com' }],
+    disabled: true,
+  };
+  const component2 = renderer.create(<CclButtonBlockView data={data2} />);
+  const json2 = component2.toJSON();
+  expect(json2).toMatchSnapshot();
+
+  const data3 = {
+    href: [{ '@type': 'File', '@id': 'https://www.google.com' }],
+    disabled: false,
+    download: true,
+    style: 'left menu',
+  };
+  const component3 = renderer.create(<CclButtonBlockView data={data3} />);
+  const json3 = component3.toJSON();
+  expect(json3).toMatchSnapshot();
+
+  const data4 = {
+    href: [{ '@type': 'File', '@id': 'https://www.google.com' }],
+    disabled: false,
+    download: false,
+    style: 'left menu',
+  };
+  const component4 = renderer.create(<CclButtonBlockView data={data4} />);
+  const json4 = component4.toJSON();
+  expect(json4).toMatchSnapshot();
+});

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

@@ -0,0 +1,27 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CclButtonBlockEdit renders an CclButtonBlockEdit block component 1`] = `
+Array [
+  <div
+    className="ccl-block-editor-header"
+  >
+    <legend
+      aria-hidden="true"
+      onClick={[Function]}
+    >
+      Default
+       button 
+      disabled
+    </legend>
+  </div>,
+  <a
+    className="ccl-button ccl-button--default"
+    disabled={true}
+    download={false}
+    href="/"
+    onClick={[Function]}
+  >
+    Text example...
+  </a>,
+]
+`;

package/src/components/Blocks/CclButtonBlock/__snapshots__/CclButtonBlockView.test.jsx.snap

@@ -0,0 +1,56 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`renders a CclButtonBlockView component 1`] = `
+<a
+  className="ccl-button ccl-button--default"
+  disabled={true}
+  download={true}
+  href="https://www.google.com/@@download/file"
+  target="_blank"
+>
+  Text example...
+</a>
+`;
+
+exports[`renders a CclButtonBlockView component 2`] = `
+<a
+  className="ccl-button ccl-button--default"
+  disabled={true}
+  download={false}
+  href="https://www.google.com"
+>
+  Text example...
+</a>
+`;
+
+exports[`renders a CclButtonBlockView component 3`] = `
+<div
+  className="left-menu-detail"
+>
+  <a
+    className="ccl-button"
+    disabled={false}
+    download={true}
+    href="https://www.google.com/@@download/file"
+    target="_blank"
+  >
+    Text example...
+  </a>
+</div>
+`;
+
+exports[`renders a CclButtonBlockView component 4`] = `
+<div
+  className="left-menu-detail"
+>
+  <a
+    className="ccl-button"
+    disabled={false}
+    download={true}
+    href="https://www.google.com"
+    target={false}
+  >
+    Text example...
+  </a>
+</div>
+`;

package/src/components/Blocks/CclCardBlock/CclCardBlockEdit.jsx

@@ -48,15 +48,15 @@ const CclCardBlockEdit = (props) => {
 
   return (
     <>
-      <div
-        onClick={() => {
-          props.setSidebarTab(1);
-        }}
-        aria-hidden="true"
-      >
-        <CclCard type={data.cardStyle || 'line'} card={card} />
+      <div className="ccl-block-editor-header">
+        <legend
+          onClick={() => {
+            props.setSidebarTab(1);
+          }}
+          aria-hidden="true"
+        />
       </div>
-
+      <CclCard type={data.cardStyle || 'line'} card={card} />
       <SidebarPortal selected={selected}>
         <InlineForm
           schema={CardBlockSchema()}

package/src/components/Blocks/CclCardBlock/CclCardBlockEdit.test.jsx

@@ -0,0 +1,159 @@
+import Enzyme, { mount } from 'enzyme';
+
+import Adapter from '@wojtekmaj/enzyme-adapter-react-17';
+import CclCardBlockEdit from './CclCardBlockEdit';
+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';
+
+// import { shallow } from 'enzyme';
+
+Enzyme.configure({ adapter: new Adapter() });
+
+global.__SERVER__ = true; // eslint-disable-line no-underscore-dangle
+
+const mockStore = configureStore();
+
+describe('CclCardBlockEdit', () => {
+  it('CclCardBlockEdit block clicks', () => {
+    const store = mockStore({
+      content: {
+        create: {},
+        data: {},
+      },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+    const data = {
+      title: 'example title',
+      description: 'example description',
+      image: [
+        {
+          scales: [
+            {
+              icon: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              large: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              listing: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              mini: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              preview: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              thumb: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              tile: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+            },
+          ],
+        },
+      ],
+      url: 'https://www.google.com',
+    };
+    // const component = shallow(
+    const component = mount(
+      <Provider store={store}>
+        <MemoryRouter>
+          <CclCardBlockEdit
+            data={data}
+            block="1234"
+            onChangeBlock={() => {}}
+            setSidebarTab={() => {}}
+          />
+        </MemoryRouter>
+      </Provider>,
+    );
+    const legend = component.find('.ccl-block-editor-header legend');
+    legend.simulate('click');
+    expect(legend).toBeDefined();
+  });
+  it('renders a CclCardBlockEdit block component', () => {
+    const store = mockStore({
+      content: {
+        create: {},
+        data: {},
+      },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+    const data = {
+      title: 'example title',
+      description: 'example description',
+      image: [
+        {
+          scales: [
+            {
+              icon: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              large: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              listing: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              mini: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              preview: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              thumb: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              tile: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+            },
+          ],
+        },
+      ],
+      url: 'https://www.google.com',
+    };
+    const component = renderer.create(
+      <Provider store={store}>
+        <MemoryRouter>
+          <CclCardBlockEdit
+            data={data}
+            block="1234"
+            onChangeBlock={() => {}}
+            onSelectBlock={() => {}}
+            onChangeField={() => {}}
+            setSidebarTab={() => {}}
+          />
+        </MemoryRouter>
+      </Provider>,
+    );
+
+    const json = component.toJSON();
+    expect(json).toMatchSnapshot();
+  });
+});

package/src/components/Blocks/CclCardBlock/CclCardBlockView.test.jsx

@@ -0,0 +1,61 @@
+import React from 'react';
+import renderer from 'react-test-renderer';
+import CclCardBlockView from './CclCardBlockView';
+import { MemoryRouter } from 'react-router-dom';
+
+describe('CclCardBlockView', () => {
+  it('Check card block view', () => {
+    const data = {
+      title: 'example title',
+      description: 'example description',
+      image: [
+        {
+          scales: [
+            {
+              icon: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              large: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              listing: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              mini: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              preview: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              thumb: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+              tile: {
+                download:
+                  'https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg',
+              },
+            },
+          ],
+        },
+      ],
+      url: './',
+    };
+
+    const CardBlockView = renderer
+      .create(
+        <MemoryRouter>
+          <CclCardBlockView data={data}>
+            <p>Card block view test</p>
+          </CclCardBlockView>
+        </MemoryRouter>,
+      )
+      .toJSON();
+    expect(CardBlockView).toBeDefined();
+  });
+});

package/src/components/Blocks/CclCardBlock/__snapshots__/CclCardBlockEdit.test.jsx.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`CclCardBlockEdit renders a CclCardBlockEdit block component 1`] = `
+Array [
+  <div
+    className="ccl-block-editor-header"
+  >
+    <legend
+      aria-hidden="true"
+      onClick={[Function]}
+    />
+  </div>,
+  <div
+    className="card-line"
+  >
+    <div
+      className="card-image"
+    >
+      <img
+        alt="Placeholder"
+        src="https://eu-copernicus.github.io/copernicus-component-library/assets/images/image_placeholder.jpg"
+      />
+    </div>
+    <div
+      className="card-text"
+    >
+      <div
+        className="card-title"
+      >
+        <a
+          href="/"
+          onClick={[Function]}
+        >
+          Card default title
+        </a>
+      </div>
+      <div
+        className="card-description"
+      >
+        example description
+      </div>
+    </div>
+  </div>,
+]
+`;

package/src/components/Blocks/CclCardContainerBlock/CclCardContainerBlockEdit.jsx

@@ -1,21 +1,17 @@
-import React, { useState } from 'react';
+import './styles.less';
 
-import { SidebarPortal } from '@plone/volto/components'; // BlocksForm, Icon,
-import { CardContainerSchema, CardBlockSchema } from './CardContainerSchema';
-import InlineForm from '@plone/volto/components/manage/Form/InlineForm';
+import { CardBlockSchema, CardContainerSchema } from './CardContainerSchema';
+import React, { useState } from 'react';
+import { emptyCard, getPanels } from '../utils';
 
 import CclCard from '@eeacms/volto-clms-theme/components/CclCard/CclCard';
-
-import './styles.less';
-
+import InlineForm from '@plone/volto/components/manage/Form/InlineForm';
+import { SidebarPortal } from '@plone/volto/components'; // BlocksForm, Icon,
 import { compose } from 'redux';
-import withObjectBrowser from '@plone/volto/components/manage/Sidebar/ObjectBrowser';
 import { injectIntl } from 'react-intl';
-
-import { useSelector } from 'react-redux';
-
 import { isEmpty } from 'lodash';
-import { emptyCard, getPanels } from './utils';
+import { useSelector } from 'react-redux';
+import withObjectBrowser from '@plone/volto/components/manage/Sidebar/ObjectBrowser';
 
 const CclCardContainerBlockEdit = (props) => {
   const { block, data, onChangeBlock, selected } = props;

package/src/components/Blocks/CclCardContainerBlock/CclCardContainerBlockView.jsx

@@ -1,7 +1,7 @@
-import React from 'react';
+import { useDispatch, useSelector } from 'react-redux';
 
 import CclCard from '@eeacms/volto-clms-theme/components/CclCard/CclCard';
-import { useDispatch, useSelector } from 'react-redux';
+import React from 'react';
 import { searchContent } from '@plone/volto/actions';
 
 const CclCardContainerBlockView = (props) => {
@@ -16,7 +16,7 @@ const CclCardContainerBlockView = (props) => {
     path = metadata ? metadata['@id'] : properties['@id'];
   } else if (data.cardOrigin === 'selection') {
     path = data.containerSelection ? data.containerSelection[0]['@id'] : '';
-  } else if ((data.cardOrigin = 'custom')) {
+  } else if (data.cardOrigin === 'custom') {
     cards = data?.customCards?.blocks_layout?.items.map(
       (uid) => data.customCards.blocks[uid],
     );