@eeacms/volto-eea-website-theme 1.22.1 → 1.23.0

package/CHANGELOG.md

@@ -4,6 +4,27 @@ 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.23.0](https://github.com/eea/volto-eea-website-theme/compare/1.22.1...1.23.0) - 2 November 2023
+
+#### :rocket: New Features
+
+- feat(header): updated environmental information systems websites #251860 [David Ichim - [`647a818`](https://github.com/eea/volto-eea-website-theme/commit/647a818cefc9b24464e282e1ff31b9bc56a01d55)]
+
+#### :bug: Bug Fixes
+
+- fix: customize normalizeExternalData until the #5347 is merged in volto core - refs #259857 [dobri1408 - [`19c88a9`](https://github.com/eea/volto-eea-website-theme/commit/19c88a9910646f166e6317a86c6b0ad759b1bd12)]
+
+#### :house: Internal changes
+
+- chore: husky, lint-staged use fixed versions [valentinab25 - [`6d15088`](https://github.com/eea/volto-eea-website-theme/commit/6d150886c5aeb2ca0b569270486e60f7cc274e2c)]
+- chore:volto 16 in tests, update docs, fix stylelint overrides [valentinab25 - [`20c0323`](https://github.com/eea/volto-eea-website-theme/commit/20c032380b33c0077c869a05136f93e2fb68e5d4)]
+
+#### :hammer_and_wrench: Others
+
+- bump package version preparing for release [David Ichim - [`cb88e7c`](https://github.com/eea/volto-eea-website-theme/commit/cb88e7c64bb5ac307504e80203ef03dde9420922)]
+- Moved function to top and added jsdoc [David Ichim - [`2fe74e3`](https://github.com/eea/volto-eea-website-theme/commit/2fe74e332c51caf6f2571b19a75c74174925a3e4)]
+- Tab variations only if we have variation support [David Ichim - [`f086102`](https://github.com/eea/volto-eea-website-theme/commit/f086102fce8ef103e5d18907a58c1b84f9b7f4e8)]
+- * test: add unit tests - refs #254313 [ana-oprea - [`a14ecb4`](https://github.com/eea/volto-eea-website-theme/commit/a14ecb4f1b40fad88787041658a126a4a2bb69f9)]
 ### [1.22.1](https://github.com/eea/volto-eea-website-theme/compare/1.22.0...1.22.1) - 29 September 2023
 
 #### :house: Documentation changes
@@ -180,7 +201,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :house: Internal changes
 
-- chore: [JENKINS] Deprecate circularity website [valentinab25 - [`370dcbf`](https://github.com/eea/volto-eea-website-theme/commit/370dcbfbf1a8135ce7b1b3b271b004552a631837)]
 
 #### :hammer_and_wrench: Others
 
@@ -336,7 +356,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`6c5e2f8`](https://github.com/eea/volto-eea-website-theme/commit/6c5e2f80456e2061d9e9c15fd0a0b91b9ac70568)]
 ### [1.9.1](https://github.com/eea/volto-eea-website-theme/compare/1.9.0...1.9.1) - 28 February 2023
 
 #### :bug: Bug Fixes
@@ -483,7 +502,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - For some reasons types is a string [Alin Voinea - [`3769a09`](https://github.com/eea/volto-eea-website-theme/commit/3769a0981181d5b633f3498daebbe96be8b4b833)]
 - Fix(redirect): o.filter - refs #157627 [Alin Voinea - [`deb23da`](https://github.com/eea/volto-eea-website-theme/commit/deb23da846444cc96539697fd798429ae0abe89e)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`f1fffc5`](https://github.com/eea/volto-eea-website-theme/commit/f1fffc5db96725440863d545580b4e76cce4b796)]
 ### [1.5.0](https://github.com/eea/volto-eea-website-theme/compare/1.4.2...1.5.0) - 9 January 2023
 
 #### :hammer_and_wrench: Others
@@ -517,7 +535,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Release 1.4.0 [Alin Voinea - [`bd42a0d`](https://github.com/eea/volto-eea-website-theme/commit/bd42a0d26e928cac5d99933194755da3db06b341)]
 - bump version to use as volto-eea-design-system [David Ichim - [`f4be047`](https://github.com/eea/volto-eea-website-theme/commit/f4be047328b46399b03b612d378b18aaf82e7dc1)]
-- Add Sonarqube tag using advisory-board-frontend addons list [EEA Jenkins - [`9b7cfef`](https://github.com/eea/volto-eea-website-theme/commit/9b7cfefb4d34fc1c948015e491feb370f9795bd8)]
 - test(Jenkins): Run tests and cypress with latest canary @plone/volto [Alin Voinea - [`df252a9`](https://github.com/eea/volto-eea-website-theme/commit/df252a9bfed0bb86cadf53c59dd1603b1e2cd822)]
 ### [1.3.2](https://github.com/eea/volto-eea-website-theme/compare/1.3.1...1.3.2) - 16 December 2022
 
@@ -527,7 +544,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`a43c658`](https://github.com/eea/volto-eea-website-theme/commit/a43c658a7920c8df95e763b9a637f38ce77eba2c)]
 - Better razzle.config [Tiberiu Ichim - [`81dbf48`](https://github.com/eea/volto-eea-website-theme/commit/81dbf48815fb27facb4f82c9b764540fdf188b2e)]
 - Better razzle.config [Tiberiu Ichim - [`7bc9da2`](https://github.com/eea/volto-eea-website-theme/commit/7bc9da2cd837ab62a95cd29979cdd9b0055b7d67)]
 ### [1.3.1](https://github.com/eea/volto-eea-website-theme/compare/1.3.0...1.3.1) - 28 November 2022
@@ -538,7 +554,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- yarn 3 [Alin Voinea - [`ea7a709`](https://github.com/eea/volto-eea-website-theme/commit/ea7a7094945312776e9b6f44e371178603e92139)]
 ### [1.3.0](https://github.com/eea/volto-eea-website-theme/compare/1.2.0...1.3.0) - 22 November 2022
 
 #### :rocket: New Features
@@ -579,7 +594,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Add subsite class to body [Tiberiu Ichim - [`74d700f`](https://github.com/eea/volto-eea-website-theme/commit/74d700fbfd6249a8604762a7e4e49cce857db0f3)]
 - Add subsite info to header [Tiberiu Ichim - [`47daf8b`](https://github.com/eea/volto-eea-website-theme/commit/47daf8bb6374a1222040626b19d4154df7ba1b83)]
 - fix eslint [Miu Razvan - [`eb8d0a7`](https://github.com/eea/volto-eea-website-theme/commit/eb8d0a790bc70c0aae256c6ff35f63c4885f338e)]
-- Add Sonarqube tag using circularity-frontend addons list [EEA Jenkins - [`cc578a4`](https://github.com/eea/volto-eea-website-theme/commit/cc578a413b205a8e61e091fab3a88f94cedefc89)]
 ### [1.1.0](https://github.com/eea/volto-eea-website-theme/compare/1.0.0...1.1.0) - 28 October 2022
 
 #### :nail_care: Enhancements
@@ -627,7 +641,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`33b56ac`](https://github.com/eea/volto-eea-website-theme/commit/33b56acb13fbaf0c5b79e8fc6e13c4b699c79c90)]
 ### [0.7.3](https://github.com/eea/volto-eea-website-theme/compare/0.7.2...0.7.3) - 22 September 2022
 
 #### :hammer_and_wrench: Others
@@ -895,7 +908,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - Header refactor, add custom logo #5 [ichim-david - [`4950235`](https://github.com/eea/volto-eea-website-theme/commit/49502358105437cfeac3b144e6d301cb59aa2346)]
 - Update footer.config with new publication card component [ichim-david - [`2e38e9a`](https://github.com/eea/volto-eea-website-theme/commit/2e38e9a417f835009d60c80d4eb4b30229f55e45)]
 - feature(breadcrumbs): implement eea-design-system breadcrumb as Volto component #32 #7 [ichim-david - [`181af41`](https://github.com/eea/volto-eea-website-theme/commit/181af4125ce2b9ddac56dab4723cb11c26633221)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`da8ceb6`](https://github.com/eea/volto-eea-website-theme/commit/da8ceb68ea68bfbc9504e48ccd4d68277f11ab9a)]
 - use breadcrumbs from eea-design-system [nileshgulia1 - [`db2f9e9`](https://github.com/eea/volto-eea-website-theme/commit/db2f9e9a4327420a3cce9a9903cd88549b129eab)]
 - Update theme.config [ichim-david - [`8eca4f4`](https://github.com/eea/volto-eea-website-theme/commit/8eca4f40397a4aeca6d39029c92db78968d37064)]
 - Added keyContent component to theme.config [ichim-david - [`d86f202`](https://github.com/eea/volto-eea-website-theme/commit/d86f202d0274d839487a88b51cae9a0e899beb23)]
@@ -937,5 +949,4 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 #### :hammer_and_wrench: Others
 
-- yarn bootstrap [Alin Voinea - [`6995e9e`](https://github.com/eea/volto-eea-website-theme/commit/6995e9e091f21fdbbdffa8a44fc0e2c626f6d46a)]
 - Initial commit [Alin Voinea - [`6a9c03a`](https://github.com/eea/volto-eea-website-theme/commit/6a9c03a7cebe71ca87e82cf58c42904063e9d8d3)]

package/RELEASE.md

@@ -20,9 +20,9 @@ You need to first install the [release-it](https://github.com/release-it/release
    ```
    npm install -g release-it
    ```
-   
+
 Release-it uses the configuration written in the [`.release-it.json`](./.release-it.json) file located in the root of the repository.
-   
+
 Release-it is a tool that automates 4 important steps in the release process:
 
 1. Version increase in `package.json` ( increased from the current version in `package.json`)
@@ -30,45 +30,45 @@ Release-it is a tool that automates 4 important steps in the release process:
 3. GitHub release on the commit with the changelog and package.json modification on the develop branch
 4. NPM release ( by default it's disabled, but can be enabled in the configuration file )
 
-To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens) 
+To configure the authentification, you need to export GITHUB_TOKEN for [GitHub](https://github.com/settings/tokens)
 
    ```
    export GITHUB_TOKEN=XXX-XXXXXXXXXXXXXXXXXXXXXX
    ```
- 
+
  To configure npm, you can use the `npm login` command or use a configuration file with a TOKEN :
- 
+
    ```
    echo "//registry.npmjs.org/:_authToken=YYYYYYYYYYYYYYYYYYYYYYYYYYYYYY" > .npmrc
    ```
 
 #### Using release-it tool
-  
+
 There are 3 yarn scripts that can be run to do the release
 
 ##### yarn release-beta
 
-Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input). 
+Automatically calculates and presents 3 beta versions - patch, minor and major for you to choose ( or Other for manual input).
 
 ```
-? Select increment (next version): 
-❯ prepatch (0.1.1-beta.0) 
-  preminor (0.2.0-beta.0) 
-  premajor (1.0.0-beta.0) 
-  Other, please specify... 
+? Select increment (next version):
+❯ prepatch (0.1.1-beta.0)
+  preminor (0.2.0-beta.0)
+  premajor (1.0.0-beta.0)
+  Other, please specify...
 ```
 
 ##### yarn release-major-beta
 
 Same as `yarn release-beta`, but with premajor version pre-selected.
-    
+
 ##### yarn release
 
 Generic command, does not automatically add the `beta` to version, but you can still manually write it if you choose Other.
 
 #### Important notes
 
-> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.  
+> Do not use release-it tool on master branch, the commit on CHANGELOG.md file and the version increase in the package.json file can't be done without a PULL REQUEST.
 
 > Do not keep Pull Requests from develop to master branches open when you are doing beta releases from the develop branch. As long as a PR to master is open, an automatic script will run on every commit and will update both the version and the changelog to a production-ready state - ( MAJOR.MINOR.PATCH mandatory format for version).
 

package/jest-addon.config.js

@@ -25,6 +25,9 @@ module.exports = {
     '^.+\\.(jpg)$': 'jest-file',
     '^.+\\.(svg)$': './node_modules/@plone/volto/jest-svgsystem-transform.js',
   },
+  transformIgnorePatterns: [
+    'node_modules/(?!@eeacms)/volto-eea-design-system/ui',
+  ],
   coverageThreshold: {
     global: {
       branches: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-eea-website-theme",
-  "version": "1.22.1",
+  "version": "1.23.0",
   "description": "@eeacms/volto-eea-website-theme: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -31,8 +31,8 @@
     "@cypress/code-coverage": "^3.10.0",
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
-    "husky": "*",
-    "lint-staged": "*",
+    "husky": "^8.0.3",
+    "lint-staged": "^14.0.1",
     "md5": "^2.3.0",
     "postcss-less": "6.0.0"
   },

package/src/config.js

@@ -194,36 +194,48 @@ export const headerOpts = {
     title: 'Environmental information systems',
     links: [
       {
-        title: 'Biodiversity Information System for Europe',
-        href: 'https://biodiversity.europa.eu/',
+        title: 'European Environment Agency website',
+        href: 'https://www.eea.europa.eu',
       },
       {
-        title: 'Climate Adaptation Platform',
-        href: 'https://climate-adapt.eea.europa.eu/',
+        title: 'WISE marine - Marine information system for Europe',
+        href: 'https://water.europa.eu/marine',
       },
       {
-        title: 'Copernicus in situ component',
-        href: 'https://insitu.copernicus.eu/',
+        title: 'WISE freshwater - Freshwater information system for Europe',
+        href: 'https://water.europa.eu/freshwater',
       },
       {
-        title: 'European Industrial Emissions Portal',
-        href: 'https://industry.eea.europa.eu/',
+        title: 'BISE - Biodiversity information system for Europe',
+        href: 'https://biodiversity.europa.eu',
       },
       {
-        title: 'Forest Information System for Europe',
+        title: 'FISE - Forest information system for Europe',
         href: 'https://forest.eea.europa.eu/',
       },
       {
-        title: 'Information Platform for Chemical Monitoring',
-        href: 'https://ipchem.jrc.ec.europa.eu/RDSIdiscovery/ipchem/index.html',
+        title: 'European Climate and health observatory',
+        href: 'https://climate-adapt.eea.europa.eu/en/observatory',
       },
       {
-        title: 'Marine Water Information System for Europe',
-        href: 'https://water.europa.eu/marine',
+        title: 'ClimateADAPT',
+        href: 'https://climate-adapt.eea.europa.eu/',
       },
       {
-        title: 'Fresh Water Information System for Europe',
-        href: 'https://water.europa.eu/freshwater',
+        title: 'European Industrial Emissions Portal',
+        href: 'https://industry.eea.europa.eu',
+      },
+      {
+        title: 'Climate and energy in the EU',
+        href: 'https://climate-energy.eea.europa.eu',
+      },
+      {
+        title: 'Copernicus Land Monitoring Service',
+        href: 'https://land.copernicus.eu/en',
+      },
+      {
+        title: 'Copernicus InSitu',
+        href: 'https://insitu.copernicus.eu',
       },
     ],
   },

package/src/customizations/@plone/volto-slate/editor/extensions/normalizeExternalData.js

@@ -0,0 +1,9 @@
+// To be removed when https://github.com/plone/volto/pull/5347 is merged and released in Volto 16.x
+import { normalizeExternalData as normalize } from '@plone/volto-slate/utils';
+
+export function normalizeExternalData(editor) {
+  editor.normalizeExternalData = (fragment) => {
+    return normalize(editor, fragment);
+  };
+  return editor;
+}

package/src/customizations/volto/components/manage/Blocks/Image/Edit.test.jsx

@@ -0,0 +1,312 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import { Provider } from 'react-intl-redux';
+import configureMockStore from 'redux-mock-store';
+import Edit from './Edit';
+import config from '@plone/volto/registry';
+import '@testing-library/jest-dom/extend-expect';
+
+const mockStore = configureMockStore();
+const { settings } = config;
+
+let store;
+
+config.blocks.blocksConfig = {
+  image: {
+    id: 'image',
+    title: 'Image',
+    group: 'media',
+    extensions: {},
+    variations: [],
+    restricted: false,
+    mostUsed: true,
+    sidebarTab: 1,
+    security: {
+      addPermission: [],
+      view: [],
+    },
+  },
+};
+const blockId = '1234';
+
+describe('Edit', () => {
+  beforeEach(() => {
+    store = mockStore({
+      content: {
+        create: {},
+        data: {},
+        subrequests: {
+          [blockId]: {},
+        },
+      },
+      intl: {
+        locale: 'en',
+        messages: {},
+      },
+    });
+  });
+
+  it('should render without errors', () => {
+    const { container } = render(
+      <Provider store={store}>
+        <Edit
+          data={{
+            url: 'http://localhost:8080/Plone/image',
+            '@type': 'image',
+            align: 'full',
+          }}
+          selected={false}
+          block={blockId}
+          content={{}}
+          request={{
+            loading: false,
+            loaded: false,
+          }}
+          pathname="/news"
+          onChangeBlock={() => {}}
+          onSelectBlock={() => {}}
+          onDeleteBlock={() => {}}
+          createContent={() => {}}
+          onFocusPreviousBlock={() => {}}
+          onFocusNextBlock={() => {}}
+          handleKeyDown={() => {}}
+          index={1}
+          openObjectBrowser={() => {}}
+        />
+      </Provider>,
+    );
+
+    settings.internalApiPath = 'http://localhost:8080/Plone';
+
+    expect(container.querySelector('.block.image.align')).toBeInTheDocument();
+    expect(
+      container.querySelector('.image-block-container'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.copyright-wrapper')).toBeInTheDocument();
+  });
+
+  it('should render without errors', () => {
+    const { container } = render(
+      <Provider store={store}>
+        <Edit
+          data={{
+            url: 'http://localhost:8080/Plone/image',
+            '@type': 'image',
+            size: 'l',
+            copyright: 'Copyright',
+          }}
+          selected={false}
+          block={blockId}
+          content={{}}
+          request={{
+            loading: false,
+            loaded: false,
+          }}
+          pathname="/news"
+          onChangeBlock={() => {}}
+          onSelectBlock={() => {}}
+          onDeleteBlock={() => {}}
+          createContent={() => {}}
+          onFocusPreviousBlock={() => {}}
+          onFocusNextBlock={() => {}}
+          handleKeyDown={() => {}}
+          index={1}
+          openObjectBrowser={() => {}}
+        />
+      </Provider>,
+    );
+
+    settings.internalApiPath = 'http://localhost:8080/Plone';
+
+    expect(container.querySelector('.block.image.align')).toBeInTheDocument();
+    expect(
+      container.querySelector('.image-block-container'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.copyright-wrapper')).toBeInTheDocument();
+  });
+
+  it('should render without errors', () => {
+    const { container } = render(
+      <Provider store={store}>
+        <Edit
+          data={{
+            url: 'http://localhost:8080/Plone/image',
+            '@type': 'image',
+            size: 'm',
+          }}
+          selected={false}
+          block={blockId}
+          content={{}}
+          request={{
+            loading: false,
+            loaded: false,
+          }}
+          pathname="/news"
+          onChangeBlock={() => {}}
+          onSelectBlock={() => {}}
+          onDeleteBlock={() => {}}
+          createContent={() => {}}
+          onFocusPreviousBlock={() => {}}
+          onFocusNextBlock={() => {}}
+          handleKeyDown={() => {}}
+          index={1}
+          openObjectBrowser={() => {}}
+        />
+      </Provider>,
+    );
+
+    settings.internalApiPath = 'http://localhost:8080/Plone';
+
+    expect(container.querySelector('.block.image.align')).toBeInTheDocument();
+    expect(
+      container.querySelector('.image-block-container'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.copyright-wrapper')).toBeInTheDocument();
+  });
+
+  it('should render without errors', () => {
+    const { container } = render(
+      <Provider store={store}>
+        <Edit
+          data={{
+            url: 'http://localhost:8080/Plone/image',
+            '@type': 'image',
+            size: 's',
+          }}
+          selected={false}
+          block={blockId}
+          content={{}}
+          request={{
+            loading: false,
+            loaded: false,
+          }}
+          pathname="/news"
+          onChangeBlock={() => {}}
+          onSelectBlock={() => {}}
+          onDeleteBlock={() => {}}
+          createContent={() => {}}
+          onFocusPreviousBlock={() => {}}
+          onFocusNextBlock={() => {}}
+          handleKeyDown={() => {}}
+          index={1}
+          openObjectBrowser={() => {}}
+        />
+      </Provider>,
+    );
+
+    settings.internalApiPath = 'http://localhost:8080/Plone';
+
+    expect(container.querySelector('.block.image.align')).toBeInTheDocument();
+    expect(
+      container.querySelector('.image-block-container'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.copyright-wrapper')).toBeInTheDocument();
+  });
+
+  it('should render without errors', () => {
+    const { container } = render(
+      <Provider store={store}>
+        <Edit
+          data={{
+            url: 'http://localhost:8080/Plone/image',
+            '@type': 'image',
+          }}
+          selected={false}
+          block={blockId}
+          content={{}}
+          request={{
+            loading: false,
+            loaded: false,
+          }}
+          pathname="/news"
+          onChangeBlock={() => {}}
+          onSelectBlock={() => {}}
+          onDeleteBlock={() => {}}
+          createContent={() => {}}
+          onFocusPreviousBlock={() => {}}
+          onFocusNextBlock={() => {}}
+          handleKeyDown={() => {}}
+          index={1}
+          openObjectBrowser={() => {}}
+        />
+      </Provider>,
+    );
+
+    settings.internalApiPath = 'http://localhost:8080/Plone';
+
+    expect(container.querySelector('.block.image.align')).toBeInTheDocument();
+    expect(
+      container.querySelector('.image-block-container'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.copyright-wrapper')).toBeInTheDocument();
+  });
+
+  it('should render without errors', () => {
+    const { container } = render(
+      <Provider store={store}>
+        <Edit
+          data={{
+            url: 'http://localhost:80801/Plone/image',
+            '@type': 'image',
+          }}
+          selected={false}
+          block={blockId}
+          content={{}}
+          request={{
+            loading: false,
+            loaded: false,
+          }}
+          pathname="/news"
+          onChangeBlock={() => {}}
+          onSelectBlock={() => {}}
+          onDeleteBlock={() => {}}
+          createContent={() => {}}
+          onFocusPreviousBlock={() => {}}
+          onFocusNextBlock={() => {}}
+          handleKeyDown={() => {}}
+          index={1}
+          openObjectBrowser={() => {}}
+        />
+      </Provider>,
+    );
+
+    settings.internalApiPath = 'http://localhost:8080/Plone';
+
+    expect(container.querySelector('.block.image.align')).toBeInTheDocument();
+    expect(
+      container.querySelector('.image-block-container'),
+    ).toBeInTheDocument();
+    expect(container.querySelector('.copyright-wrapper')).toBeInTheDocument();
+  });
+
+  it('should render without errors', () => {
+    render(
+      <Provider store={store}>
+        <Edit
+          data={{
+            url: undefined,
+            '@type': 'image',
+          }}
+          selected={false}
+          block={blockId}
+          content={{}}
+          request={{
+            loading: false,
+            loaded: false,
+          }}
+          editable={true}
+          pathname="/news"
+          onChangeBlock={() => {}}
+          onSelectBlock={() => {}}
+          onDeleteBlock={() => {}}
+          createContent={() => {}}
+          onFocusPreviousBlock={() => {}}
+          onFocusNextBlock={() => {}}
+          handleKeyDown={() => {}}
+          index={1}
+          openObjectBrowser={() => {}}
+        />
+      </Provider>,
+    );
+  });
+});