@eeacms/volto-embed 9.1.1 → 10.0.0

package/.eslintrc.js

@@ -0,0 +1,65 @@
+const fs = require('fs');
+const path = require('path');
+const projectRootPath = fs.realpathSync(__dirname + '/../../../');
+
+let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
+let configFile;
+if (fs.existsSync(`${projectRootPath}/tsconfig.json`))
+  configFile = `${projectRootPath}/tsconfig.json`;
+else if (fs.existsSync(`${projectRootPath}/jsconfig.json`))
+  configFile = `${projectRootPath}/jsconfig.json`;
+
+if (configFile) {
+  const jsConfig = require(configFile).compilerOptions;
+  const pathsConfig = jsConfig.paths;
+  if (pathsConfig['@plone/volto'])
+    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig['@plone/volto'][0]}`;
+}
+
+const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
+const reg = new AddonConfigurationRegistry(projectRootPath);
+
+// Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
+const addonAliases = Object.keys(reg.packages).map((o) => [
+  o,
+  reg.packages[o].modulePath,
+]);
+
+const addonExtenders = reg.getEslintExtenders().map((m) => require(m));
+
+const defaultConfig = {
+  extends: `${voltoPath}/.eslintrc`,
+  settings: {
+    'import/resolver': {
+      alias: {
+        map: [
+          ['@plone/volto', '@plone/volto/src'],
+          ['@plone/volto-slate', '@plone/volto/packages/volto-slate/src'],
+          ...addonAliases,
+          ['@package', `${__dirname}/src`],
+          ['@root', `${__dirname}/src`],
+          ['~', `${__dirname}/src`],
+        ],
+        extensions: ['.js', '.jsx', '.json'],
+      },
+      'babel-plugin-root-import': {
+        rootPathSuffix: 'src',
+      },
+    },
+  },
+  rules: {
+    'react/jsx-no-target-blank': [
+      'error',
+      {
+        allowReferrer: true,
+      },
+    ],
+  }
+};
+
+const config = addonExtenders.reduce(
+  (acc, extender) => extender.modify(acc),
+  defaultConfig,
+);
+
+module.exports = config;

package/CHANGELOG.md

@@ -4,11 +4,17 @@ 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).
 
+### [10.0.0](https://github.com/eea/volto-embed/compare/9.1.1...10.0.0) - 23 April 2024
+
+#### :rocket: New Features
+
+- feat: Release 10.0.0 - Volto 17 support [alin - [`bea6fba`](https://github.com/eea/volto-embed/commit/bea6fba260bf0551ac17f7c2e30ddd5717756733)]
+- feat: Volto 17 support - refs #264527 [EEA Jenkins - [`fd4b412`](https://github.com/eea/volto-embed/commit/fd4b412405a32abfb680383c2769013974184371)]
+
 ### [9.1.1](https://github.com/eea/volto-embed/compare/9.1.0...9.1.1) - 6 February 2024
 
 #### :hammer_and_wrench: Others
 
-- make sure url is valid [Razvan - [`807f833`](https://github.com/eea/volto-embed/commit/807f833caf8fd5e040b874d043cba0818e5b836f)]
 - fallbacks [Razvan - [`53441ff`](https://github.com/eea/volto-embed/commit/53441ffa005800032ceb7577d20b6f29c30905dd)]
 ### [9.1.0](https://github.com/eea/volto-embed/compare/9.0.7...9.1.0) - 17 January 2024
 
@@ -42,7 +48,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - test: increase coverage [kreafox - [`2d8e43c`](https://github.com/eea/volto-embed/commit/2d8e43cf3988564306b6aa7b885b0ff398043ce0)]
 - test: increase coverage [kreafox - [`1fa9052`](https://github.com/eea/volto-embed/commit/1fa9052a3c015361e3a7eae043c418b696262fbe)]
-- test: [JENKINS] fail with logs on coverage [valentinab25 - [`eaabce8`](https://github.com/eea/volto-embed/commit/eaabce87f1ed4b88a25bfc59a75285e858413d6a)]
 - test: increase cypress timeout [kreafox - [`9bb40a5`](https://github.com/eea/volto-embed/commit/9bb40a5df2b29a55edec24a57fcd6e65f270f13c)]
 - test: updates [kreafox - [`5b54d02`](https://github.com/eea/volto-embed/commit/5b54d02c6b6392e25f07ef1e286bdbced999592e)]
 - test: update snapshot [kreafox - [`338f23e`](https://github.com/eea/volto-embed/commit/338f23ee5c6c75ccb6ee2d8d474298553fe3bd53)]
@@ -99,13 +104,11 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - update [Miu Razvan - [`926beb8`](https://github.com/eea/volto-embed/commit/926beb87d2c44907aebe57369312eea7bf22d656)]
 - update [Miu Razvan - [`da351ae`](https://github.com/eea/volto-embed/commit/da351ae9ffaaef756f7a665618a03fd04cb9b01d)]
 - use volto-datablocks@develop dependency [Miu Razvan - [`b379d84`](https://github.com/eea/volto-embed/commit/b379d8478657dd39dad066181b349cee7ac2531d)]
-- test: [JENKINS] Use java17 for sonarqube scanner [valentinab25 - [`ddf685a`](https://github.com/eea/volto-embed/commit/ddf685a9481d780a1df2e4f991f93676478c3e05)]
 ## [8.0.0](https://github.com/eea/volto-embed/compare/7.0.2...8.0.0) - 17 November 2023
 
 #### :hammer_and_wrench: Others
 
 - tests: add cypress tests [nileshgulia1 - [`e4b2803`](https://github.com/eea/volto-embed/commit/e4b28033114170639787d77976dc13b7f697f704)]
-- test: [JENKINS] Run cypress in started frontend container [valentinab25 - [`83d91d5`](https://github.com/eea/volto-embed/commit/83d91d5716a9ce8ebbbff01a7838711298684be4)]
 - fix error [Claudia Ifrim - [`553f3af`](https://github.com/eea/volto-embed/commit/553f3af004af034c721dcd6b01de55c258a88c49)]
 - bump version [Miu Razvan - [`363694a`](https://github.com/eea/volto-embed/commit/363694ae50cdec941fb53b396b75e9a4554d44fb)]
 ### [7.0.2](https://github.com/eea/volto-embed/compare/7.0.1...7.0.2) - 10 November 2023
@@ -115,7 +118,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :hammer_and_wrench: Others
 
 - add missing less variable [Miu Razvan - [`47683a7`](https://github.com/eea/volto-embed/commit/47683a7816581d117bb88f16e3087864aaa52f5e)]
-- test: [JENKINS] Add cpu limit on cypress docker [valentinab25 - [`ba168e4`](https://github.com/eea/volto-embed/commit/ba168e49554a51a6015a98a77dc0ceab76320218)]
 ## [7.0.0](https://github.com/eea/volto-embed/compare/6.0.1...7.0.0) - 6 November 2023
 
 #### :rocket: New Features
@@ -125,15 +127,12 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 #### :house: Internal changes
 
 - style: Automated code fix [eea-jenkins - [`c34d6f4`](https://github.com/eea/volto-embed/commit/c34d6f47fd33f728d40254a12c05fe385b27f2e9)]
-- chore: [JENKINS] Refactor automated testing [valentinab25 - [`673f3ff`](https://github.com/eea/volto-embed/commit/673f3ff355baa8d3646e4558ff2be00f36b5a45a)]
 - chore: husky, lint-staged use fixed versions [valentinab25 - [`31169f7`](https://github.com/eea/volto-embed/commit/31169f73887837463daee76d63b6516046ad49aa)]
 
 #### :hammer_and_wrench: Others
 
 - update tests [Miu Razvan - [`c906b79`](https://github.com/eea/volto-embed/commit/c906b79149e853f718d924871ce2e633e5e427c8)]
 - update tests [Miu Razvan - [`11625b6`](https://github.com/eea/volto-embed/commit/11625b65846388a846d1bdf7ebb2e1f8bd103c91)]
-- test: [JENKINS] Increase shm-size to cypress docker [valentinab25 - [`5e7a155`](https://github.com/eea/volto-embed/commit/5e7a15505334c9b81f07172116b49eaefc692ebf)]
-- test: [JENKINS] Improve cypress time [valentinab25 - [`eeb6dcb`](https://github.com/eea/volto-embed/commit/eeb6dcb4b0f8af07496450e6e7783932ebe88bf7)]
 - Release 7.0.0 [Alin Voinea - [`cbc5c79`](https://github.com/eea/volto-embed/commit/cbc5c79f1b66daf0d599d9de5a1bc7d137bafed8)]
 - add act in unit tests [Miu Razvan - [`ecf5b2f`](https://github.com/eea/volto-embed/commit/ecf5b2fe553d99ad6a11570d3d34852d557fbe85)]
 - update [Miu Razvan - [`049cc14`](https://github.com/eea/volto-embed/commit/049cc140bb6ffea4eb3f1555e693e9973ef63d0e)]
@@ -156,7 +155,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - test: EN locales, pre-commit fix, feature PRs checks Refs #257193 [valentinab25 - [`dc2de20`](https://github.com/eea/volto-embed/commit/dc2de2084b53043f240ee1efa2588b5037326ed7)]
 - test: Fix package.json scripts to use makefile [Alin Voinea - [`b4ffca2`](https://github.com/eea/volto-embed/commit/b4ffca24bb8cc4ba2007cc1040cc7b55dc7cc779)]
-- test: Fix eslint and yarn i18n [Alin Voinea - [`1563d0a`](https://github.com/eea/volto-embed/commit/1563d0ab1f54e775a16705bfd3d267303eb2a526)]
 - i18n: Add en [Alin Voinea - [`b4e0694`](https://github.com/eea/volto-embed/commit/b4e0694ee40ecc195536fd1826adfab8876c5061)]
 - test: Update Makefile and docker-compose to align it with Jenkinsfile [valentinab25 - [`8f228ca`](https://github.com/eea/volto-embed/commit/8f228ca0644cee0f777a01114895583f387a395c)]
 - test: increase test coverage - refs #254313 [ana-oprea - [`30354d8`](https://github.com/eea/volto-embed/commit/30354d8a10a78e4fc322e37f4be20ff85cd00bbc)]
@@ -185,9 +183,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Add react-countup to resolutions [kreafox - [`36eb637`](https://github.com/eea/volto-embed/commit/36eb637c0cb9413b0b0e0ce53e621b2289929d65)]
 - Move generic classes to privacy-protection [kreafox - [`715d559`](https://github.com/eea/volto-embed/commit/715d559e370bf7a3489b64d357b0a6cd7b1a3af2)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`5715b4d`](https://github.com/eea/volto-embed/commit/5715b4d3fcc14a34e031c383275c685d88f4db44)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`ef24ac0`](https://github.com/eea/volto-embed/commit/ef24ac05b17f4f4dbf05ceafbee677012a7f28f5)]
-- Add Sonarqube tag using eea-website-frontend addons list [EEA Jenkins - [`81f957b`](https://github.com/eea/volto-embed/commit/81f957b51aef7be59214530b774de8547bee3f5f)]
 ### [5.0.2](https://github.com/eea/volto-embed/compare/5.0.1...5.0.2) - 20 March 2023
 
 #### :hammer_and_wrench: Others
@@ -202,7 +197,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - update .project.eslintrc.js [Miu Razvan - [`628fd40`](https://github.com/eea/volto-embed/commit/628fd402b00d075ce319b9be92ff5f0e4d0ca2c4)]
 - rename schema.jsx [Miu Razvan - [`62794e3`](https://github.com/eea/volto-embed/commit/62794e398eab5117132e5622cab735f6cf4f79fd)]
 - improving code quality as per sonarqube reported issues [tedw87 - [`c7842f7`](https://github.com/eea/volto-embed/commit/c7842f7795f344e9d30538ddf2da04e97e319ebe)]
-- Add Sonarqube tag using cca-frontend addons list [EEA Jenkins - [`fe3a2de`](https://github.com/eea/volto-embed/commit/fe3a2de6180796c3d6b569733d2b9365a669c23e)]
 ## [5.0.0](https://github.com/eea/volto-embed/compare/4.0.4...5.0.0) - 31 October 2022
 
 #### :hammer_and_wrench: Others
@@ -222,8 +216,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - use specific alpha for addon test [andreiggr - [`e6df633`](https://github.com/eea/volto-embed/commit/e6df633aa4d2b0ee7eeb6b5aafa21528f14cd1df)]
 - add optional height to privacy container [andreiggr - [`e2ac711`](https://github.com/eea/volto-embed/commit/e2ac711db4e461b474cade42109346a73bb8ecbd)]
-- Add Sonarqube tag using marine-frontend addons list [EEA Jenkins - [`9f3f358`](https://github.com/eea/volto-embed/commit/9f3f35882fb367d72c7916abe7cbf366dbd8d5b6)]
-- Add Sonarqube tag using bise-frontend addons list [EEA Jenkins - [`7677140`](https://github.com/eea/volto-embed/commit/767714006abf7cbe336c5ab00d76c7232d5bc798)]
 ### [4.0.2](https://github.com/eea/volto-embed/compare/4.0.1...4.0.2) - 15 July 2022
 
 #### :hammer_and_wrench: Others
@@ -263,7 +255,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
 - Update package.json [Nilesh - [`0ec673a`](https://github.com/eea/volto-embed/commit/0ec673a8178731b8c1e010101caee2a3c9fafaca)]
 - Update package.json [Nilesh - [`b8b94ec`](https://github.com/eea/volto-embed/commit/b8b94ec64672229f464b9108b4ac01a848827c00)]
-- Add Sonarqube tag using freshwater-frontend addons list [EEA Jenkins - [`cfe04d8`](https://github.com/eea/volto-embed/commit/cfe04d885255bb8e472a3b268b98e3d7b9022437)]
 - Refs #142010 - Optimize Volto-addons gitflow pipelines [valentinab25 - [`bf197dd`](https://github.com/eea/volto-embed/commit/bf197dd6516f9c18994add19b1141e061a96e2b6)]
 - no hardcoded text [Daniela Mormocea - [`4001bb4`](https://github.com/eea/volto-embed/commit/4001bb414df05c1516f95e4dcec4a328406dc63f)]
 - fix [Daniela Mormocea - [`a41ca9a`](https://github.com/eea/volto-embed/commit/a41ca9a2795a59f2633fb97938244e335dca8c43)]
@@ -337,8 +328,6 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 - revert use of custom bg image [nileshgulia1 - [`63a74b7`](https://github.com/eea/volto-embed/commit/63a74b7e671d85b602b0190c7a18e6d6ad71341b)]
 - PrivacyProtection update & accept bg image [Andrei Grigore - [`f3f05d1`](https://github.com/eea/volto-embed/commit/f3f05d1d21fc88b90de3f68a995242b6c359e03a)]
 - fix loading of cookies [nileshgulia1 - [`46348d8`](https://github.com/eea/volto-embed/commit/46348d8321b4633a3d5fdcbfb2c4f01912d7ed2a)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`a1e1f50`](https://github.com/eea/volto-embed/commit/a1e1f50db8a1ebc11261c3a24c39687c00ca7eea)]
-- Add Sonarqube tag using frontend addons list [EEA Jenkins - [`1e1471e`](https://github.com/eea/volto-embed/commit/1e1471ebab5ba6e5bf0c231ddd0de94d8fe6c846)]
 ### [2.0.1](https://github.com/eea/volto-embed/compare/2.0.0...2.0.1) - 28 May 2021
 
 #### :hammer_and_wrench: Others

package/jest-addon.config.js

@@ -1,4 +1,4 @@
-require('dotenv').config({ path: __dirname + '/.env' });
+require('dotenv').config({ path: __dirname + '/.env' })
 
 module.exports = {
   testMatch: ['**/src/addons/**/?(*.)+(spec|test).[jt]s?(x)'],
@@ -11,25 +11,30 @@ module.exports = {
     '@plone/volto/cypress': '<rootDir>/node_modules/@plone/volto/cypress',
     '@plone/volto/babel': '<rootDir>/node_modules/@plone/volto/babel',
     '@plone/volto/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
-    '@package/(.*)$': '<rootDir>/src/$1',
-    '@root/(.*)$': '<rootDir>/src/$1',
+    '@package/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
+    '@root/(.*)$': '<rootDir>/node_modules/@plone/volto/src/$1',
     '@plone/volto-quanta/(.*)$': '<rootDir>/src/addons/volto-quanta/src/$1',
+    '@eeacms/search/(.*)$': '<rootDir>/src/addons/volto-searchlib/searchlib/$1',
+    '@eeacms/search': '<rootDir>/src/addons/volto-searchlib/searchlib',
     '@eeacms/(.*?)/(.*)$': '<rootDir>/node_modules/@eeacms/$1/src/$2',
-    '@plone/volto-slate':
+    '@plone/volto-slate$':
       '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src',
+    '@plone/volto-slate/(.*)$':
+      '<rootDir>/node_modules/@plone/volto/packages/volto-slate/src/$1',
     '~/(.*)$': '<rootDir>/src/$1',
     'load-volto-addons':
       '<rootDir>/node_modules/@plone/volto/jest-addons-loader.js',
   },
+  transformIgnorePatterns: [
+    '/node_modules/(?!(@plone|@root|@package|@eeacms)/).*/',
+  ],
   transform: {
     '^.+\\.js(x)?$': 'babel-jest',
+    '^.+\\.ts(x)?$': 'babel-jest',
     '^.+\\.(png)$': 'jest-file',
     '^.+\\.(jpg)$': 'jest-file',
     '^.+\\.(svg)$': './node_modules/@plone/volto/jest-svgsystem-transform.js',
   },
-  transformIgnorePatterns: [
-    'node_modules/(?!@eeacms)/volto-datablocks/helpers',
-  ],
   coverageThreshold: {
     global: {
       branches: 5,
@@ -43,4 +48,4 @@ module.exports = {
       '<rootDir>/node_modules/@eeacms/volto-embed/jest.setup.js',
     ],
   }),
-};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-embed",
-  "version": "9.1.1",
+  "version": "10.0.0",
   "description": "Embed external content",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",
@@ -27,7 +27,7 @@
     "@plone/scripts": "*",
     "babel-plugin-transform-class-properties": "^6.24.1",
     "cypress-fail-fast": "^5.0.1",
-    "dotenv": "16.3.2",
+    "dotenv": "^16.3.2",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
     "md5": "^2.3.0"

package/src/Blocks/EmbedMaps/Edit.test.js

@@ -1,51 +1,122 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render, fireEvent } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import config from '@plone/volto/registry';
 
 import Edit from './Edit';
 import installEmbedMaps from '.';
+import '@testing-library/jest-dom/extend-expect';
 
 installEmbedMaps(config);
 
-test('renders an edit embed map block component', () => {
-  const component = renderer.create(
-    <Provider store={global.store}>
-      <Edit
-        id="my-map"
-        data={{
-          '@type': 'embed_maps',
-          with_notes: false,
-          with_sources: false,
-          with_more_info: true,
-          with_share: true,
-          with_enlarge: true,
-          url: '/path/to/map',
-          maps: {
-            '@id': '/path/to/map',
-            title: 'My map',
-            url:
-              'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
-          },
-          dataprotection: {
-            enabled: false,
-          },
-          useVisibilitySensor: false,
-        }}
-        pathname="/news"
-        selected={true}
-        block="1234"
-        index={1}
-        onChangeBlock={() => {}}
-        onSelectBlock={() => {}}
-        onDeleteBlock={() => {}}
-        onFocusPreviousBlock={() => {}}
-        onFocusNextBlock={() => {}}
-        handleKeyDown={() => {}}
-        content={{}}
-      />
-    </Provider>,
-  );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+jest.mock('@plone/volto/components', () => ({
+  SidebarPortal: ({ children }) => (
+    <div data-testid="sidebar-portal">{children}</div>
+  ),
+  UniversalLink: ({ children, href }) => <a href={href}>{children}</a>,
+}));
+
+jest.mock(
+  '@plone/volto/components/manage/Form/BlockDataForm',
+  () => (props) => (
+    <div data-testid="block-data-form">
+      <p>Mocked BlockDataForm</p>
+      <input data-testid="block-data-input" onChange={props.onChangeField} />
+    </div>
+  ),
+);
+
+jest.mock('./View', () =>
+  jest.fn((props) => (
+    <div>
+      <div data-testid="view-component" mode={props.mode}>
+        Mocked View Component
+      </div>
+      {props.children}
+    </div>
+  )),
+);
+
+describe('Edit component', () => {
+  const mockOnChangeBlock = jest.fn();
+  const props = {
+    id: 'my-map',
+    data: {
+      '@type': 'embed_maps',
+      with_notes: false,
+      with_sources: false,
+      with_more_info: true,
+      with_share: true,
+      with_enlarge: true,
+      url: '/path/to/map',
+      maps: {
+        '@id': '/path/to/map',
+        title: 'My map',
+        url: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+      },
+      dataprotection: {
+        enabled: false,
+      },
+      useVisibilitySensor: false,
+    },
+    pathname: '/news',
+    selected: true,
+    block: '1234',
+    index: 1,
+    onChangeBlock: jest.fn(),
+    onSelectBlock: jest.fn(),
+    onDeleteBlock: jest.fn(),
+    onFocusPreviousBlock: jest.fn(),
+    onFocusNextBlock: jest.fn(),
+    handleKeyDown: jest.fn(),
+    content: {},
+  };
+
+  it('should render View component with mode set to edit', () => {
+    const { getByTestId } = render(
+      <Provider store={global.store}>
+        <Edit {...props} />
+      </Provider>,
+    );
+
+    const viewComponent = getByTestId('view-component');
+    expect(viewComponent).toBeInTheDocument();
+    expect(viewComponent).toHaveAttribute('mode', 'edit');
+  });
+
+  it('should render SidebarPortal when selected is true', () => {
+    const { getByTestId } = render(
+      <Provider store={global.store}>
+        <Edit {...props} />
+      </Provider>,
+    );
+    const sidebarPortal = getByTestId('sidebar-portal');
+    expect(sidebarPortal).toBeInTheDocument();
+  });
+
+  it('should render SidebarPortal and BlockDataForm', () => {
+    const { getByTestId } = render(
+      <Provider store={global.store}>
+        <Edit {...props} />
+      </Provider>,
+    );
+
+    const sidebarPortal = getByTestId('sidebar-portal');
+    const blockDataForm = getByTestId('block-data-form');
+    expect(sidebarPortal).toBeInTheDocument();
+    expect(blockDataForm).toBeInTheDocument();
+  });
+
+  it('should call onChangeBlock when onChangeField is triggered', () => {
+    const { getByTestId } = render(
+      <Provider store={global.store}>
+        <Edit {...props} onChangeBlock={mockOnChangeBlock} />
+      </Provider>,
+    );
+
+    const inputField = getByTestId('block-data-input');
+    fireEvent.change(inputField, { target: { value: 'new value' } });
+
+    expect(mockOnChangeBlock).toHaveBeenCalled();
+  });
 });

package/src/Blocks/EmbedMaps/View.test.js

@@ -1,71 +1,118 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
 import { Provider } from 'react-intl-redux';
 import config from '@plone/volto/registry';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/extend-expect';
 
 import View from './View';
 import installEmbedMaps from '.';
 
 installEmbedMaps(config);
 
-test('renders a view embed map block component', () => {
-  const component = renderer.create(
-    <Provider store={global.store}>
-      <View
-        id="my-map"
-        data={{
-          '@type': 'embed_maps',
-          with_notes: false,
-          with_sources: false,
-          with_more_info: true,
-          with_share: true,
-          with_enlarge: true,
-          url: '/path/to/map',
-          maps: {
-            '@id': '/path/to/map',
-            title: 'My map',
-            url:
-              'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
-          },
-          dataprotection: {
-            enabled: false,
-          },
-          useVisibilitySensor: false,
-          parameters: {
-            '@id': '647e4a0f-d4a0-4b8a-9965-0a016f017ebd',
-            field: 'zoomtocountry',
-            value: 'RO',
-          },
-          height: '800',
-        }}
-        data_query={[
-          {
-            i: 'Country',
-            o: 'plone.app.querystring.operation.selection.is',
-            v: ['RO'],
-          },
-        ]}
-      />
-    </Provider>,
-  );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
-});
+describe('EmbedMaps Block View', () => {
+  it('renders a view embed map block component', () => {
+    render(
+      <Provider store={global.store}>
+        <View
+          id="my-map"
+          data={{
+            '@type': 'embed_maps',
+            with_notes: false,
+            with_sources: false,
+            with_more_info: true,
+            with_share: true,
+            with_enlarge: true,
+            url: '/path/to/map',
+            maps: {
+              '@id': '/path/to/map',
+              title: 'My map',
+              url: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+            },
+            dataprotection: {
+              enabled: false,
+            },
+            useVisibilitySensor: false,
+            parameters: {
+              '@id': '647e4a0f-d4a0-4b8a-9965-0a016f017ebd',
+              field: 'zoomtocountry',
+              value: 'RO',
+            },
+            height: '800',
+          }}
+          data_query={[
+            {
+              i: 'Country',
+              o: 'plone.app.querystring.operation.selection.is',
+              v: ['RO'],
+            },
+          ]}
+        />
+      </Provider>,
+    );
+    expect(screen.getByTitle('Embeded ESRI Maps')).toBeInTheDocument();
+    expect(screen.getByText('Sources')).toBeInTheDocument();
+    expect(screen.getByText('More info')).toBeInTheDocument();
+    expect(screen.getByText('Share')).toBeInTheDocument();
+    expect(screen.getByText('Enlarge')).toBeInTheDocument();
+  });
+
+  it('renders an edit view embed map block component', () => {
+    render(
+      <Provider store={global.store}>
+        <View
+          id="my-map"
+          mode="edit"
+          data={{
+            '@type': 'embed_maps',
+            url: '',
+            maps: {},
+          }}
+        />
+      </Provider>,
+    );
+    expect(
+      screen.getByText('Please select a map from block editor.'),
+    ).toBeInTheDocument();
+  });
+
+  it('handles map error', () => {
+    render(
+      <Provider store={global.store}>
+        <View
+          id="my-map"
+          data={{
+            '@type': 'embed_maps',
+            maps: {
+              error: 'Error message',
+            },
+          }}
+        />
+      </Provider>,
+    );
+
+    expect(screen.getByText('Error message')).toBeInTheDocument();
+  });
+
+  it('handles share button click', () => {
+    render(
+      <Provider store={global.store}>
+        <View
+          id="my-map"
+          data={{
+            '@type': 'embed_maps',
+            with_share: true,
+            url: '/path/to/map',
+            maps: {
+              '@id': '/path/to/map',
+              title: 'My map',
+              url: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+            },
+          }}
+        />
+      </Provider>,
+    );
 
-test('renders an edit view embed map block component', () => {
-  const component = renderer.create(
-    <Provider store={global.store}>
-      <View
-        id="my-map"
-        mode="edit"
-        data={{
-          '@type': 'embed_maps',
-          url: '',
-          maps: {},
-        }}
-      />
-    </Provider>,
-  );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+    fireEvent.click(screen.getByText('Share'));
+    expect(screen.getByDisplayValue('/path/to/map')).toBeInTheDocument();
+  });
 });

package/src/Blocks/EmbedMaps/schema.js

@@ -27,7 +27,7 @@ const parameters = {
   required: [],
 };
 
-export default (props) => {
+const getSchema = (props) => {
   return {
     title: 'Embed interactive Map',
     fieldsets: [
@@ -101,3 +101,5 @@ export default (props) => {
     required: [],
   };
 };
+
+export default getSchema;

package/src/Blocks/Maps/Edit.test.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render, screen, fireEvent } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import config from '@plone/volto/registry';
+import '@testing-library/jest-dom/extend-expect';
 
 import Edit from './Edit';
 
@@ -26,8 +27,7 @@ describe('Test Maps Block editing', () => {
 
   const data = {
     '@type': 'maps',
-    url:
-      '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11255.043736345397!2d24.6862147!3d45.15143895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x474d3248f30cd7b5%3A0x307c5acf21ded9e3!2sHotel%20Posada!5e0!3m2!1sro!2sro!4v1701254795494!5m2!1sro!2sro" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>',
+    url: '<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d11255.043736345397!2d24.6862147!3d45.15143895!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x474d3248f30cd7b5%3A0x307c5acf21ded9e3!2sHotel%20Posada!5e0!3m2!1sro!2sro!4v1701254795494!5m2!1sro!2sro" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>',
     dataprotection: {
       enabled: false,
       privacy_statement: 'This is a privacy statement',
@@ -35,8 +35,8 @@ describe('Test Maps Block editing', () => {
     useVisibilitySensor: false,
   };
 
-  test('test-1', () => {
-    const component = renderer.create(
+  it('renders the edit form with a map', () => {
+    const { container } = render(
       <Provider store={global.store}>
         <Edit
           data={data}
@@ -54,15 +54,18 @@ describe('Test Maps Block editing', () => {
         />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+    expect(screen.getByTitle('ESRI Maps Embedded Block')).toBeInTheDocument();
+    expect(container.querySelector('iframe')).toBeInTheDocument();
   });
 
-  test('test-2', () => {
-    const component = renderer.create(
+  it('renders the edit form without a map', () => {
+    render(
       <Provider store={global.store}>
         <Edit
-          data={data}
+          data={{
+            '@type': 'maps',
+            url: '',
+          }}
           pathname="/news"
           selected={true}
           block="1234"
@@ -77,12 +80,15 @@ describe('Test Maps Block editing', () => {
         />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+    expect(
+      screen.getByText(
+        'Please enter the embed code or URL for the ESRI webmap.',
+      ),
+    ).toBeInTheDocument();
   });
 
-  test('test-3', () => {
-    const component = renderer.create(
+  it('handles URL input', () => {
+    const { container } = render(
       <Provider store={global.store}>
         <Edit
           data={{
@@ -93,17 +99,22 @@ describe('Test Maps Block editing', () => {
           selected={true}
           block="1234"
           index={1}
-          onChangeBlock={() => {}}
-          onSelectBlock={() => {}}
-          onDeleteBlock={() => {}}
-          onFocusPreviousBlock={() => {}}
-          onFocusNextBlock={() => {}}
-          handleKeyDown={() => {}}
-          content={{}}
+          onChangeBlock={jest.fn()}
+          onSelectBlock={jest.fn()}
+          onDeleteBlock={jest.fn()}
+          onFocusPreviousBlock={jest.fn()}
+          onFocusNextBlock={jest.fn()}
+          handleKeyDown={jest.fn()}
         />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    const input = screen.getByPlaceholderText('Enter map Embed Code');
+    fireEvent.change(input, { target: { value: 'https://example.com/map' } });
+    fireEvent.click(container.querySelector('button.primary.button'));
+
+    expect(
+      screen.getByDisplayValue('https://example.com/map'),
+    ).toBeInTheDocument();
   });
 });

package/src/Blocks/Maps/View.test.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { render } from '@testing-library/react';
-import renderer from 'react-test-renderer';
+import { render, screen } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import config from '@plone/volto/registry';
+import '@testing-library/jest-dom/extend-expect';
 
 import View from './View';
 import installEmbedMaps from '.';
@@ -32,29 +32,32 @@ config.blocks.blocksConfig = {
   },
 };
 
-describe('Test Maps Block rendering', () => {
+describe('Maps Block View', () => {
   const data = {
     '@type': 'maps',
-    url:
-      'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+    url: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
     useVisibilitySensor: false,
     dataprotection: {
       enabled: false,
     },
   };
 
-  test('test-1', () => {
-    const component = renderer.create(
+  it('test-1', () => {
+    const { container } = render(
       <Provider store={global.store}>
         <View data={data} />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(screen.getByTitle('Embeded ESRI Maps')).toBeInTheDocument();
+    expect(container.querySelector('iframe')).toHaveAttribute(
+      'src',
+      'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+    );
   });
 
-  test('test-2', () => {
-    const component = renderer.create(
+  it('test-2', () => {
+    const { container } = render(
       <Provider store={global.store}>
         <View
           data={{
@@ -64,11 +67,14 @@ describe('Test Maps Block rendering', () => {
         />
       </Provider>,
     );
-    const json = component.toJSON();
-    expect(json).toMatchSnapshot();
+
+    expect(container.querySelector('iframe')).toHaveAttribute(
+      'style',
+      'height: 100vh;',
+    );
   });
 
-  test('test-3', () => {
+  it('test-3', () => {
     const Component = (props) => (
       <Provider store={global.store}>
         <View
@@ -86,11 +92,8 @@ describe('Test Maps Block rendering', () => {
     );
     const { container, rerender } = render(<Component />);
 
-    expect(container).toMatchSnapshot();
-
     container.querySelector('.privacy-button button').click();
 
     rerender(<Component />);
-    expect(container).toMatchSnapshot();
   });
 });

package/src/EmbedMap/EmbedMap.test.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render, screen } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import config from '@plone/volto/registry';
+import '@testing-library/jest-dom/extend-expect';
 
 import EmbedMap from './EmbedMap';
 
@@ -23,28 +24,65 @@ config.blocks.blocksConfig = {
   },
 };
 
-test('renders map component', () => {
-  const component = renderer.create(
-    <Provider store={global.store}>
-      <EmbedMap
-        id="my-map"
-        data={{
-          with_notes: false,
-          with_sources: false,
-          with_more_info: true,
-          with_share: true,
-          with_enlarge: true,
-          url:
-            'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
-          useVisibilitySensor: false,
-          parameters: {
-            Country: 'RO',
-            zoomtocountry: 'RO',
-          },
-        }}
-      />
-    </Provider>,
-  );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+describe('EmbedMap', () => {
+  it('renders map component', () => {
+    const { container } = render(
+      <Provider store={global.store}>
+        <EmbedMap
+          id="my-map"
+          data={{
+            with_notes: false,
+            with_sources: false,
+            with_more_info: true,
+            with_share: true,
+            with_enlarge: true,
+            url: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+            useVisibilitySensor: false,
+            parameters: {
+              Country: 'RO',
+              zoomtocountry: 'RO',
+            },
+          }}
+        />
+      </Provider>,
+    );
+    expect(screen.getByTitle('Embeded ESRI Maps')).toBeInTheDocument();
+    expect(container.querySelector('iframe')).toHaveAttribute(
+      'src',
+      'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166&Country=RO&zoomtocountry=RO',
+    );
+    expect(screen.getByText('More info')).toBeInTheDocument();
+    expect(screen.getByText('Share')).toBeInTheDocument();
+    expect(screen.getByText('Enlarge')).toBeInTheDocument();
+  });
+
+  it('handles mobile view', () => {
+    const { container } = render(
+      <Provider store={global.store}>
+        <EmbedMap
+          id="my-map"
+          data={{
+            with_notes: false,
+            with_sources: false,
+            with_more_info: true,
+            with_share: true,
+            with_enlarge: true,
+            url: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+            useVisibilitySensor: false,
+            parameters: {
+              Country: 'RO',
+              zoomtocountry: 'RO',
+            },
+          }}
+          intl={{ formatMessage: (message) => message.defaultMessage }}
+          screen={{ width: 400 }}
+        />
+      </Provider>,
+    );
+
+    expect(container.querySelector('iframe')).toHaveClass('google-map');
+    expect(container.querySelector('.visualization-toolbar')).toHaveClass(
+      'mobile',
+    );
+  });
 });

package/src/PrivacyProtection/schema.js

@@ -24,8 +24,7 @@ export const ProtectionSchema = () => ({
         {
           children: [
             {
-              text:
-                'This map is hosted by a third party, Environmental Systems Research Institute. By showing the external content you accept the terms and conditions of ',
+              text: 'This map is hosted by a third party, Environmental Systems Research Institute. By showing the external content you accept the terms and conditions of ',
             },
             {
               type: 'a',
@@ -37,8 +36,7 @@ export const ProtectionSchema = () => ({
               ],
             },
             {
-              text:
-                '. This includes their cookie policies, which we have no control over.',
+              text: '. This includes their cookie policies, which we have no control over.',
             },
           ],
         },

package/src/PrivacyProtection/styles.less

@@ -19,9 +19,9 @@
   .wrapped {
     width: 300px;
     padding: 1.4rem;
+    border-radius: 5px;
     margin: 0 auto;
     background: white;
-    border-radius: 5px;
     opacity: 1;
   }
 

package/src/Toolbar/Toolbar.test.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render, screen } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import config from '@plone/volto/registry';
+import '@testing-library/jest-dom/extend-expect';
 
 import { Enlarge, FigureNote, MoreInfo, Share, Sources } from '.';
 
@@ -24,7 +25,7 @@ config.blocks.blocksConfig = {
 };
 
 test('renders toolbar components', () => {
-  const component = renderer.create(
+  const { container } = render(
     <Provider store={global.store}>
       <div className="visualization-toolbar">
         <div className="left-col">
@@ -43,6 +44,37 @@ test('renders toolbar components', () => {
       </div>
     </Provider>,
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(screen.getByText('Note')).toBeInTheDocument();
+  expect(screen.getByText('Sources')).toBeInTheDocument();
+  expect(screen.getByText('More info')).toBeInTheDocument();
+  expect(screen.getByText('Share')).toBeInTheDocument();
+  expect(screen.getByText('Enlarge')).toBeInTheDocument();
+  expect(
+    screen.getByDisplayValue('/path/to/embeded/content'),
+  ).toBeInTheDocument();
+  expect(screen.getByText('Copy')).toBeInTheDocument();
+  expect(container.querySelector('.figure-note')).toBeInTheDocument();
+  expect(container.querySelector('.sources')).toBeInTheDocument();
+  expect(container.querySelector('.more-info')).toBeInTheDocument();
+  expect(container.querySelector('.enlarge')).toBeInTheDocument();
+  expect(container.querySelector('.share')).toBeInTheDocument();
+  expect(container.querySelector('p')).toHaveTextContent('This is a note');
+  expect(
+    screen.getByText('Data provenance is not set for this visualization.'),
+  ).toBeInTheDocument();
+  expect(container.querySelector('a')).toHaveAttribute(
+    'href',
+    '/path/to/embeded/content',
+  );
+  expect(
+    container.querySelector('i.ri-external-link-line'),
+  ).toBeInTheDocument();
+  expect(container.querySelector('i.ri-fullscreen-line')).toBeInTheDocument();
+  expect(container.querySelector('i.ri-share-fill')).toBeInTheDocument();
+  expect(container.querySelector('input')).toHaveAttribute(
+    'value',
+    '/path/to/embeded/content',
+  );
+  expect(container.querySelector('button.copy-button')).toBeInTheDocument();
 });

package/src/Views/MapView.test.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
+import { render, screen } from '@testing-library/react';
 import { Provider } from 'react-intl-redux';
 import config from '@plone/volto/registry';
+import '@testing-library/jest-dom/extend-expect';
 
 import MapView from './MapView';
 
@@ -29,7 +30,7 @@ config.blocks.blocksConfig = {
 };
 
 test('renders map component', () => {
-  const component = renderer.create(
+  const { container } = render(
     <Provider store={global.store}>
       <MapView
         content={{
@@ -40,14 +41,33 @@ test('renders map component', () => {
             with_more_info: true,
             with_share: true,
             with_enlarge: true,
-            url:
-              'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+            url: 'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
             useVisibilitySensor: false,
           },
         }}
       />
     </Provider>,
   );
-  const json = component.toJSON();
-  expect(json).toMatchSnapshot();
+
+  expect(screen.getByTitle('Embeded ESRI Maps')).toBeInTheDocument();
+  expect(container.querySelector('iframe')).toHaveAttribute(
+    'src',
+    'https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.7835278268726!2d14.38842915203974!3d40.634655679238854!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x133b994881d943cb%3A0x6ab93db57d3272f0!2sHotel+Mediterraneo+Sorrento!5e0!3m2!1sen!2ses!4v1550168740166',
+  );
+  expect(container.querySelector('.more-info')).toBeInTheDocument();
+  expect(container.querySelector('.more-info a')).toHaveAttribute(
+    'href',
+    '/path/to/map',
+  );
+  expect(container.querySelector('.share')).toBeInTheDocument();
+  expect(container.querySelector('.share button')).toBeInTheDocument();
+  expect(container.querySelector('.enlarge')).toBeInTheDocument();
+  expect(container.querySelector('.enlarge button')).toBeInTheDocument();
+  expect(container.querySelector('.ui.input.share-link input')).toHaveAttribute(
+    'value',
+    '/path/to/map',
+  );
+  expect(
+    container.querySelector('.ui.primary.button.copy-button'),
+  ).toBeInTheDocument();
 });

package/.project.eslintrc.js

@@ -1,48 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-
-const projectRootPath = fs.existsSync('./project')
-  ? fs.realpathSync('./project')
-  : fs.realpathSync('./../../../');
-const packageJson = require(path.join(projectRootPath, 'package.json'));
-const jsConfig = require(path.join(projectRootPath, 'jsconfig.json')).compilerOptions;
-
-const pathsConfig = jsConfig.paths;
-
-let voltoPath = path.join(projectRootPath, 'node_modules/@plone/volto');
-
-Object.keys(pathsConfig).forEach(pkg => {
-  if (pkg === '@plone/volto') {
-    voltoPath = `./${jsConfig.baseUrl}/${pathsConfig[pkg][0]}`;
-  }
-});
-const AddonConfigurationRegistry = require(`${voltoPath}/addon-registry.js`);
-const reg = new AddonConfigurationRegistry(projectRootPath);
-
-// Extends ESlint configuration for adding the aliases to `src` directories in Volto addons
-const addonAliases = Object.keys(reg.packages).map(o => [
-  o,
-  reg.packages[o].modulePath,
-]);
-
-
-module.exports = {
-  extends: `${projectRootPath}/node_modules/@plone/volto/.eslintrc`,
-  settings: {
-    'import/resolver': {
-      alias: {
-        map: [
-          ['@plone/volto', '@plone/volto/src'],
-          ...addonAliases,
-          ['@package', `${__dirname}/src`],
-          ['~', `${__dirname}/src`],
-        ],
-        extensions: ['.js', '.jsx', '.json'],
-      },
-      'babel-plugin-root-import': {
-        rootPathSuffix: 'src',
-      },
-    },
-  },
-};
-