@blaze-cms/react-page-builder 0.146.0-node18-tooltips.42 → 0.146.0-node18-core-styles-tooltips.58

package/lib-es/variants/SlideSummary/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","SlideSummary","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/SlideSummary/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SlideSummary = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(\n    () => import(/* webpackChunkName: \"blazePbVariantSlideSummary\" */ './SlideSummary')\n  )\n};\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CACvB,MAAM,MAAM,EAAC,oDAAqD,gBAAgB,CACpF;AACF,CAAC;AACD,eAAeC,YAAY","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","SlideSummary","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/SlideSummary/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst SlideSummary = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(\n    () => import(/* webpackChunkName: \"blazePbVariantSlideSummary\" */ './SlideSummary')\n  )\n};\nexport default SlideSummary;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,YAAY,GAAG;EACnBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CACvB,MAAM,MAAM,CAAC,oDAAqD,gBAAgB,CACpF;AACF,CAAC;AACD,eAAeC,YAAY","ignoreList":[]}

package/lib-es/variants/ThumbnailCarousel/index.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import dynamic from 'next/dynamic';
 const ThumbnailCarousel = {
   getSettings: componentSettings => _objectSpread({}, componentSettings),
-  VariantComponent: dynamic(() => import( /* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'))
+  VariantComponent: dynamic(() => import(/* webpackChunkName: "blazePbVariantThumbnailCarousel" */'./ThumbnailCarousel'))
 };
 export default ThumbnailCarousel;
 //# sourceMappingURL=index.js.map

package/lib-es/variants/ThumbnailCarousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["dynamic","ThumbnailCarousel","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(\n    () => import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CACvB,MAAM,MAAM,EAAC,yDAA0D,qBAAqB,CAC9F;AACF,CAAC;AAED,eAAeC,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["dynamic","ThumbnailCarousel","getSettings","componentSettings","_objectSpread","VariantComponent"],"sources":["../../../src/variants/ThumbnailCarousel/index.js"],"sourcesContent":["import dynamic from 'next/dynamic';\n\nconst ThumbnailCarousel = {\n  getSettings: componentSettings => ({\n    ...componentSettings\n  }),\n  VariantComponent: dynamic(\n    () => import(/* webpackChunkName: \"blazePbVariantThumbnailCarousel\" */ './ThumbnailCarousel')\n  )\n};\n\nexport default ThumbnailCarousel;\n"],"mappings":";;;AAAA,OAAOA,OAAO,MAAM,cAAc;AAElC,MAAMC,iBAAiB,GAAG;EACxBC,WAAW,EAAEC,iBAAiB,IAAAC,aAAA,KACzBD,iBAAiB,CACpB;EACFE,gBAAgB,EAAEL,OAAO,CACvB,MAAM,MAAM,CAAC,yDAA0D,qBAAqB,CAC9F;AACF,CAAC;AAED,eAAeC,iBAAiB","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.146.0-node18-tooltips.42",
+  "version": "0.146.0-node18-core-styles-tooltips.58",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,15 +27,15 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "0.146.0-node18-tooltips.32",
-    "@blaze-cms/core-errors": "0.146.0-node18-tooltips.0",
-    "@blaze-cms/core-errors-ui": "0.146.0-node18-tooltips.0",
+    "@blaze-cms/core-auth-ui": "0.146.0-node18-core-styles-tooltips.58",
+    "@blaze-cms/core-errors": "0.146.0-node18-core-styles-tooltips.46",
+    "@blaze-cms/core-errors-ui": "0.146.0-node18-core-styles-tooltips.46",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.7",
-    "@blaze-cms/nextjs-components": "0.146.0-node18-tooltips.38",
-    "@blaze-cms/plugin-search-ui": "0.146.0-node18-tooltips.41",
-    "@blaze-cms/setup-ui": "0.146.0-node18-tooltips.0",
-    "@blaze-cms/utils": "0.146.0-node18-tooltips.32",
-    "@blaze-cms/utils-handlebars": "0.146.0-node18-tooltips.38",
+    "@blaze-cms/nextjs-components": "0.146.0-node18-core-styles-tooltips.58",
+    "@blaze-cms/plugin-search-ui": "0.146.0-node18-core-styles-tooltips.58",
+    "@blaze-cms/setup-ui": "0.146.0-node18-core-styles-tooltips.46",
+    "@blaze-cms/utils": "0.146.0-node18-core-styles-tooltips.46",
+    "@blaze-cms/utils-handlebars": "0.146.0-node18-core-styles-tooltips.58",
     "@blaze-react/badge": "^0.7.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.8.0-alpha.82",
@@ -60,7 +60,7 @@
     "lodash.uniq": "^4.5.0",
     "lodash.upperfirst": "^4.3.1",
     "query-string": "^6.9.0",
-    "react-cookie": "^4.0.3",
+    "react-cookie": "^7.2.2",
     "react-dfp": "^0.19.0",
     "react-html-parser": "2.0.2",
     "react-jw-player": "^1.19.1",
@@ -92,5 +92,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "f90ca068ebbcd3736d2f944e087d7e91082917da"
+  "gitHead": "f7a6d4bdce550c1edced07053c611a4e5aa28d8b"
 }

package/src/HOC/withTitle.js

@@ -15,10 +15,10 @@ const withTitle = Component => {
     if (loading) return '';
 
     return (
-      <Fragment>
+      <>
         {shouldDisplayTitle && <h2 className="heading heading--section">{elementTitleToUse}</h2>}
         <Component {...props} />
-      </Fragment>
+      </>
     );
   };
 

package/src/components/ContentGroup/ContentGroup.js

@@ -19,19 +19,16 @@ const ContentGroup = ({ contentType, isFaqContent, children, customHtmlProps, ..
   );
   const WrapperComponent = useMemo(() => (!isFaqContent ? Fragment : 'div'), [isFaqContent]);
 
-  const { topWrapperProps, ...schemaProperties } = useMemo(
-    () => {
-      const structuredDataProperties = getStructuredDataProperties(isFaqContent);
-      return {
-        ...structuredDataProperties,
-        topWrapperProps: {
-          ...structuredDataProperties.topWrapperProps,
-          ...getCustomHtmlProperties({ customHtmlProps })
-        }
-      };
-    },
-    [isFaqContent, customHtmlProps]
-  );
+  const { topWrapperProps, ...schemaProperties } = useMemo(() => {
+    const structuredDataProperties = getStructuredDataProperties(isFaqContent);
+    return {
+      ...structuredDataProperties,
+      topWrapperProps: {
+        ...structuredDataProperties.topWrapperProps,
+        ...getCustomHtmlProperties({ customHtmlProps })
+      }
+    };
+  }, [isFaqContent, customHtmlProps]);
 
   if (!groupSections || !groupSections.length || !VALID_TYPES.includes(contentType)) return '';
 

package/src/components/ContentGroup/ContentGroupAccordion.js

@@ -31,15 +31,12 @@ const ContentGroupAccordion = ({
 
   const sectionNames = useMemo(() => sectionPairs.map(p => p.sectionName), [sectionPairs]);
 
-  const baseInitialOpen = useMemo(
-    () => {
-      if (openState === OPEN_STATES.ALL_OPEN) return new Set(sectionNames);
-      if (openState === OPEN_STATES.ALL_CLOSED && sectionNames.length) return new Set();
+  const baseInitialOpen = useMemo(() => {
+    if (openState === OPEN_STATES.ALL_OPEN) return new Set(sectionNames);
+    if (openState === OPEN_STATES.ALL_CLOSED && sectionNames.length) return new Set();
 
-      return new Set([sectionNames[0]]);
-    },
-    [openState, sectionNames]
-  );
+    return new Set([sectionNames[0]]);
+  }, [openState, sectionNames]);
 
   const [openSet, setOpenSet] = useState(baseInitialOpen);
 

package/src/components/Menu/Menu.js

@@ -11,6 +11,7 @@ import BlazeLink from '../BlazeLink';
 const Menu = ({
   children,
   collapse,
+  openActiveSubmenus,
   modifier,
   mobileMenuModifier,
   mobileMenuChildrenModifier,
@@ -51,7 +52,7 @@ const Menu = ({
   });
 
   return (
-    <MenuContext.Provider value={{ showMobileMenu }}>
+    <MenuContext.Provider value={{ showMobileMenu, openActiveSubmenus }}>
       <div className={menuWrapperClasses}>
         {collapse && (
           <div className="menu--mobile-wrapper">
@@ -99,6 +100,7 @@ const Menu = ({
 
 Menu.propTypes = {
   collapse: PropTypes.bool.isRequired,
+  openActiveSubmenus: PropTypes.bool.isRequired,
   logoOnMobile: PropTypes.bool.isRequired,
   logoOnDesktop: PropTypes.bool,
   logoOnMobileUrl: PropTypes.string,

package/src/components/Menu/MenuContext.js

@@ -1,5 +1,5 @@
 import React from 'react';
 
-const MenuContext = React.createContext({ showMobileMenu: false });
+const MenuContext = React.createContext({ showMobileMenu: false, openActiveSubmenus: false });
 
 export default MenuContext;

package/src/components/MenuItem/MenuItemRender.js

@@ -1,17 +1,23 @@
+/* eslint-disable jsx-a11y/no-static-element-interactions */
 import React, { useState, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { FaChevronDown, FaChevronUp } from 'react-icons/fa';
+import classnames from 'classnames';
 import { useRouter } from 'next/router';
 import { useStringTemplate } from '@blaze-cms/utils-handlebars';
-import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN } from '../../constants';
+import { HOVER, MOUSE_ENTER, MOUSE_LEAVE, HIDDEN, CLICK } from '../../constants';
 import { hasChildren } from '../../helpers';
 import BlazeLink from '../BlazeLink';
 import MenuContext from '../Menu/MenuContext';
-import { injectHelperIntoTemplate } from './helpers';
+import { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild } from './helpers';
 
 const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) => {
-  const [displayChildren, setDisplayChildren] = useState(false);
-  const { showMobileMenu } = useContext(MenuContext);
+  const router = useRouter();
+  const { showMobileMenu, openActiveSubmenus } = useContext(MenuContext);
+
+  const isHoverEvent = eventType === HOVER;
+  const isClickEvent = eventType === CLICK;
+
   const {
     loading: loadingText,
     data: [textToUse]
@@ -21,14 +27,24 @@ const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) =>
     data: [urlToUse]
   } = useStringTemplate(parent, [injectHelperIntoTemplate(url, 'url_encode')]);
 
-  const router = useRouter();
-  const isHoverEvent = eventType === HOVER;
-  const childrenDisplayClass = displayChildren ? '' : HIDDEN;
+  const isActive = router ? isUrlPathMatch(router.asPath, urlToUse) : false;
+  const isActiveParent = router ? hasActiveChild(router.asPath, children) : false;
+  const shouldPreOpen = openActiveSubmenus && isActiveParent && isClickEvent;
   const hasValidChildren = hasChildren(children);
 
+  const [displayChildren, setDisplayChildren] = useState(shouldPreOpen);
+
   useEffect(() => {
-    if (!showMobileMenu) setDisplayChildren(false);
-  }, [showMobileMenu]);
+    if (!showMobileMenu && !shouldPreOpen) setDisplayChildren(false);
+  }, [
+    children,
+    isClickEvent,
+    loadingUrl,
+    openActiveSubmenus,
+    router,
+    shouldPreOpen,
+    showMobileMenu
+  ]);
 
   useEffect(() => {
     if (isHoverEvent) {
@@ -38,6 +54,8 @@ const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) =>
 
   if (loadingUrl || loadingText) return '';
 
+  const childrenDisplayClass = displayChildren ? '' : HIDDEN;
+
   const handleItemEvent = ({ type }) => {
     if (isHoverEvent) {
       if (type === MOUSE_ENTER) {
@@ -55,15 +73,25 @@ const MenuItemRender = ({ children, eventType, text, modifier, url, parent }) =>
     }
   };
 
+  const menuItemLinkClassname = classnames('menu--item--link', {
+    'menu--item--link--active': isActive,
+    'menu--item--link--active-parent': isActiveParent
+  });
+
   return (
     <li className={modifier} onMouseEnter={handleItemEvent} onMouseLeave={handleItemEvent}>
       <div
-        className="menu--item--link"
+        className={menuItemLinkClassname}
         onClick={handleMobileClick}
         role={!urlToUse && hasValidChildren ? 'button' : undefined}
         tabIndex={!urlToUse && hasValidChildren ? 0 : undefined}>
-        {urlToUse ? <BlazeLink href={urlToUse}>{textToUse}</BlazeLink> : <span>{textToUse}</span>}
-
+        {urlToUse ? (
+          <BlazeLink href={urlToUse}>{textToUse}</BlazeLink>
+        ) : (
+          <span role="button" onClick={handleItemEvent}>
+            {textToUse}
+          </span>
+        )}
         {hasValidChildren && (
           <i
             role="button"

package/src/components/MenuItem/helpers/has-active-child.js

@@ -0,0 +1,10 @@
+import isUrlPathMatch from './isUrlPathMatch';
+import { hasChildren } from '../../../helpers';
+
+const hasActiveChild = (path, children) =>
+  hasChildren(children) &&
+  children.props.children[1][0].props.component.items.find(menuItem =>
+    isUrlPathMatch(path, menuItem.settings.url)
+  );
+
+export default hasActiveChild;

package/src/components/MenuItem/helpers/index.js

@@ -1,3 +1,5 @@
 import injectHelperIntoTemplate from './inject-helper-into-template';
+import isUrlPathMatch from './isUrlPathMatch';
+import hasActiveChild from './has-active-child';
 
-export { injectHelperIntoTemplate };
+export { injectHelperIntoTemplate, isUrlPathMatch, hasActiveChild };

package/src/components/MenuItem/helpers/isUrlPathMatch.js

@@ -0,0 +1,10 @@
+const isUrlPathMatch = (path, itemUrl) => {
+  if (!itemUrl || !path) return false;
+
+  const reg = new RegExp(/^[^#?]+/);
+  const _path = reg.exec(path)[0];
+
+  return _path === itemUrl || _path === `/${itemUrl}`;
+};
+
+export default isUrlPathMatch;

package/src/hooks/use-app-event-hook.js

@@ -13,27 +13,21 @@ const useAppEventHook = ({ eventName, data, props }) => {
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const stableProps = useMemo(() => props, [JSON.stringify(props)]);
 
-  useEffect(
-    () => {
-      async function emitEvent() {
-        // setLoading(true);
-        await blazeApp.events.emitAsync(`plugin:page-builder:${eventName}`, {
-          data: updatedData,
-          props: stableProps
-        });
-        setLoading(false);
-      }
-      if (hasListener && updatedData) emitEvent();
-    },
-    [updatedData, eventName, hasListener, blazeApp.events, stableProps]
-  );
+  useEffect(() => {
+    async function emitEvent() {
+      // setLoading(true);
+      await blazeApp.events.emitAsync(`plugin:page-builder:${eventName}`, {
+        data: updatedData,
+        props: stableProps
+      });
+      setLoading(false);
+    }
+    if (hasListener && updatedData) emitEvent();
+  }, [updatedData, eventName, hasListener, blazeApp.events, stableProps]);
 
-  useEffect(
-    () => {
-      setUpdatedData(stableData);
-    },
-    [stableData]
-  );
+  useEffect(() => {
+    setUpdatedData(stableData);
+  }, [stableData]);
 
   return { data: updatedData || stableData, loading };
 };

package/tests/unit/src/components/Breadcrumb/__snapshots__/Breadcrumb.test.js.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`Breadcrumb component should match snapshot 1`] = `
 <DocumentFragment>
@@ -14,9 +14,6 @@ exports[`Breadcrumb component should match snapshot 1`] = `
         <a
           aria-label="Home"
           href="/"
-        />
-        <a
-          href="/"
         >
           Home
         </a>
@@ -27,7 +24,6 @@ exports[`Breadcrumb component should match snapshot 1`] = `
         <a
           href="/Resolver"
         />
-        <a />
       </li>
     </ul>
   </div>
@@ -48,9 +44,6 @@ exports[`Breadcrumb component should not render if loading, err or no data exist
         <a
           aria-label="Home"
           href="/"
-        />
-        <a
-          href="/"
         >
           Home
         </a>
@@ -61,7 +54,6 @@ exports[`Breadcrumb component should not render if loading, err or no data exist
         <a
           href="/Resolver"
         />
-        <a />
       </li>
     </ul>
   </div>
@@ -82,9 +74,6 @@ exports[`Breadcrumb component should render 1`] = `
         <a
           aria-label="Home"
           href="/"
-        />
-        <a
-          href="/"
         >
           Home
         </a>
@@ -95,7 +84,6 @@ exports[`Breadcrumb component should render 1`] = `
         <a
           href="/Resolver"
         />
-        <a />
       </li>
     </ul>
   </div>

package/tests/unit/src/components/Button.test.js

@@ -6,6 +6,11 @@ import { act, render, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import Button from '../../../../src/components/Button';
 
+jest.mock('react-cookie', () => ({
+  useCookies: jest.fn(() => [{ blazeCookie: 'blazeCookie' }, jest.fn(), jest.fn()]),
+  CookiesProvider: ({ children }) => children
+}));
+
 jest.mock('@blaze-cms/utils-handlebars', () => ({
   useStringTemplate: jest.fn((parent, [title]) => ({ loadig: false, data: [title] }))
 }));

package/tests/unit/src/components/Card/Card.test.js

@@ -33,9 +33,7 @@ const propsToDisplay = [
     htmlAttribute: 'data-testid'
   }
 ];
-const getMockedParsedProp = children => {
-  children;
-};
+const getMockedParsedProp = children => React.createElement(React.Fragment, {}, ...children);
 const firstPropValue = 'some description';
 const secondPropValue = 'extra props';
 const firstPropToDisplay = getMockedParsedProp(['', '', firstPropValue, '', '']);
@@ -77,7 +75,7 @@ const alternativeHeadline = 'Alternative headline';
 jest.mock(
   '../../../../../src/components/LazyImage',
   () =>
-    function ({ src, alt }) {
+    function LazyImage({ src, alt }) {
       return <img src={src} alt={alt} />;
     }
 );

package/tests/unit/src/components/Card/__snapshots__/Card.test.js.snap

@@ -28,7 +28,7 @@ exports[`Card component should not render alternative headline if alternativePre
         <a
           aria-label="category-name"
           class="badge badge--label"
-          href="published-url"
+          href="/published-url"
         >
           category-name
         </a>
@@ -38,9 +38,6 @@ exports[`Card component should not render alternative headline if alternativePre
           <a
             aria-label="mock name"
             href="/mockurl"
-          />
-          <a
-            href="/mockurl"
           >
             mock name
           </a>
@@ -71,7 +68,7 @@ exports[`Card component should not render alternative headline if alternativePre
         </div>
         <div
           class="child_2"
-          modifier="child-modi"
+          data-modifier="child-modifier"
         >
           another child
         </div>
@@ -112,9 +109,6 @@ exports[`Card component should not render alternative headline if displayCategor
           <a
             aria-label="mock name"
             href="/mockurl"
-          />
-          <a
-            href="/mockurl"
           >
             mock name
           </a>
@@ -145,7 +139,7 @@ exports[`Card component should not render alternative headline if displayCategor
         </div>
         <div
           class="child_2"
-          modifier="child-modi"
+          data-modifier="child-modifier"
         >
           another child
         </div>
@@ -183,7 +177,7 @@ exports[`Card component should not render preHeader if alternativeHeadline is no
         <a
           aria-label="category-name"
           class="badge badge--label"
-          href="published-url"
+          href="/published-url"
         >
           category-name
         </a>
@@ -193,9 +187,6 @@ exports[`Card component should not render preHeader if alternativeHeadline is no
           <a
             aria-label="mock name"
             href="/mockurl"
-          />
-          <a
-            href="/mockurl"
           >
             mock name
           </a>
@@ -226,7 +217,7 @@ exports[`Card component should not render preHeader if alternativeHeadline is no
         </div>
         <div
           class="child_2"
-          modifier="child-modi"
+          data-modifier="child-modifier"
         >
           another child
         </div>
@@ -272,9 +263,6 @@ exports[`Card component should render customPreheader and alternativeHeadline in
           <a
             aria-label="Alternative headline"
             href="/mockurl"
-          />
-          <a
-            href="/mockurl"
           >
             Alternative headline
           </a>
@@ -305,7 +293,7 @@ exports[`Card component should render customPreheader and alternativeHeadline in
         </div>
         <div
           class="child_2"
-          modifier="child-modi"
+          data-modifier="child-modifier"
         >
           another child
         </div>
@@ -388,7 +376,7 @@ exports[`Card component should render link wrapper 1`] = `
         </div>
         <div
           class="child_2"
-          modifier="child-modi"
+          data-modifier="child-modifier"
         >
           another child
         </div>
@@ -426,7 +414,7 @@ exports[`Card component should render without throwing an error and match snapsh
         <a
           aria-label="category-name"
           class="badge badge--label"
-          href="published-url"
+          href="/published-url"
         >
           category-name
         </a>
@@ -436,9 +424,6 @@ exports[`Card component should render without throwing an error and match snapsh
           <a
             aria-label="mock name"
             href="/mockurl"
-          />
-          <a
-            href="/mockurl"
           >
             mock name
           </a>
@@ -469,7 +454,7 @@ exports[`Card component should render without throwing an error and match snapsh
         </div>
         <div
           class="child_2"
-          modifier="child-modi"
+          data-modifier="child-modifier"
         >
           another child
         </div>

package/tests/unit/src/components/Card/__snapshots__/CardContainer.test.js.snap

@@ -1,4 +1,4 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
+// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
 
 exports[`CardsContainer component should render with carousel if option is enabled 1`] = `
 <DocumentFragment>
@@ -43,9 +43,6 @@ exports[`CardsContainer component should render with carousel if option is enabl
               <a
                 aria-label="Swan 78"
                 href="/nautors-swan/swan-78"
-              />
-              <a
-                href="/nautors-swan/swan-78"
               >
                 Swan 78
               </a>
@@ -85,9 +82,6 @@ exports[`CardsContainer component should render with carousel if option is enabl
               <a
                 aria-label="Swan 98"
                 href="/nautors-swan/swan-98"
-              />
-              <a
-                href="/nautors-swan/swan-98"
               >
                 Swan 98
               </a>
@@ -141,9 +135,6 @@ exports[`CardsContainer component should render without throwing error and match
             <a
               aria-label="Swan 78"
               href="/nautors-swan/swan-78"
-            />
-            <a
-              href="/nautors-swan/swan-78"
             >
               Swan 78
             </a>
@@ -183,9 +174,6 @@ exports[`CardsContainer component should render without throwing error and match
             <a
               aria-label="Swan 98"
               href="/nautors-swan/swan-98"
-            />
-            <a
-              href="/nautors-swan/swan-98"
             >
               Swan 98
             </a>

package/tests/unit/src/components/Carousel/Carousel.test.js

@@ -96,7 +96,10 @@ describe('Carousel component', () => {
       ...MOCK_RELATION,
       ...mocks
     ]);
-    await waitFor(() => expect(container.childNodes.length).toBeGreaterThan(1));
+    await waitFor(() => {
+      expect(container.childNodes.length).toBeGreaterThan(0);
+      expect(container.querySelectorAll('img').length).toBeGreaterThan(1);
+    });
     expect(asFragment()).toMatchSnapshot();
   });
 

package/tests/unit/src/components/Carousel/CarouselImage/CarouselImage.test.js

@@ -8,9 +8,13 @@ import CarouselImage from '../../../../../../src/components/Carousel/CarouselIma
 import getMockedProps from './helpers';
 import mocks from './mocks';
 
-jest.mock('../../../../../../src/components/LazyImage', () => ({ alt, ...props }) => (
-  <img {...props} alt={alt} data-testid="lazy-image-mock" />
-));
+jest.mock(
+  '../../../../../../src/components/LazyImage',
+  () =>
+    function ({ alt, ...props }) {
+      return <img {...props} alt={alt} data-testid="lazy-image-mock" />;
+    }
+);
 
 const [MOCK_WITH_DATA, MOCK_WITH_ERROR] = mocks;