@blaze-cms/react-page-builder 0.127.0 → 0.128.0-admin-updates.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.127.0",
+  "version": "0.128.0-admin-updates.0",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -27,14 +27,14 @@
   },
   "license": "GPL-3.0",
   "dependencies": {
-    "@blaze-cms/core-auth-ui": "^0.127.0",
-    "@blaze-cms/core-errors": "^0.127.0",
+    "@blaze-cms/core-auth-ui": "0.128.0-admin-updates.0",
+    "@blaze-cms/core-errors": "0.128.0-admin-updates.0",
     "@blaze-cms/image-cdn-react": "0.3.0-alpha.3",
-    "@blaze-cms/nextjs-components": "^0.127.0",
-    "@blaze-cms/plugin-search-ui": "^0.127.0",
-    "@blaze-cms/setup-ui": "^0.127.0",
-    "@blaze-cms/utils": "^0.127.0",
-    "@blaze-cms/utils-handlebars": "^0.127.0",
+    "@blaze-cms/nextjs-components": "0.128.0-admin-updates.0",
+    "@blaze-cms/plugin-search-ui": "0.128.0-admin-updates.0",
+    "@blaze-cms/setup-ui": "0.128.0-admin-updates.0",
+    "@blaze-cms/utils": "0.128.0-admin-updates.0",
+    "@blaze-cms/utils-handlebars": "0.128.0-admin-updates.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
     "@blaze-react/button": "0.5.19",
     "@blaze-react/checkboxes": "0.5.31",
@@ -46,6 +46,7 @@
     "core-js": "^3.2.1",
     "entities": "^2.0.0",
     "html-react-parser": "^3.0.4",
+    "iframe-resizer-react": "^1.1.0",
     "lodash.at": "^4.6.0",
     "lodash.camelcase": "^4.3.0",
     "lodash.clonedeep": "^4.5.0",
@@ -87,5 +88,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "dde05d6ccc6823315e5f16c8e7ded5a84637d9c4"
+  "gitHead": "ad3389e954fe463366655311efb1198191dbb625"
 }

package/src/components/ContentGroupSection/ContentGroupSection.js

@@ -13,9 +13,10 @@ const ContentGroupSection = ({ children, name, ...props }) => {
 };
 
 ContentGroupSection.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])
+  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+  name: PropTypes.string
 };
 
-ContentGroupSection.defaultProps = { children: null };
+ContentGroupSection.defaultProps = { children: null, name: '' };
 
 export default ContentGroupSection;

package/src/components/Iframe/Iframe.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import IframeResizer from 'iframe-resizer-react';
+import { IFRAME_CLASS, DEFAULT_WIDTH } from './constants';
+
+const Iframe = ({ src, modifier, width, height, enableScrolling }) => {
+  if (!src) return null;
+  const modifierString = modifier ? ` ${modifier}` : '';
+  const iframeClassName = `${IFRAME_CLASS}${modifierString}`;
+  const defaultWidth = !width ? DEFAULT_WIDTH : {};
+  return (
+    <div className={iframeClassName}>
+      <IframeResizer
+        scrolling={enableScrolling}
+        autoResize
+        src={src}
+        sizeHeight={!height}
+        height={height}
+        width={width}
+        style={defaultWidth}
+      />
+    </div>
+  );
+};
+
+Iframe.propTypes = {
+  src: PropTypes.string.isRequired,
+  enableScrolling: PropTypes.bool,
+  modifier: PropTypes.string,
+  width: PropTypes.string,
+  height: PropTypes.string
+};
+
+Iframe.defaultProps = { enableScrolling: false, modifier: '', width: '', height: '' };
+
+export default Iframe;

package/src/components/Iframe/constants.js

@@ -0,0 +1,4 @@
+const IFRAME_CLASS = 'iframe-container';
+const DEFAULT_WIDTH = { width: '1px', minWidth: '100%' };
+
+export { IFRAME_CLASS, DEFAULT_WIDTH };

package/src/components/Iframe/index.js

@@ -0,0 +1,3 @@
+import Iframe from './Iframe';
+
+export default Iframe;

package/src/components/index.js

@@ -51,5 +51,6 @@ export default {
   ),
   contentgroupsection: dynamic(() =>
     import(/* webpackChunkName: "blazePbContentGroupSection" */ './ContentGroupSection')
-  )
+  ),
+  iframe: dynamic(() => import(/* webpackChunkName: "blazePbIframe" */ './Iframe'))
 };

package/tests/unit/src/HOC/withInfiniteScroll.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';

package/tests/unit/src/HOC/withTitle.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { shallow } from 'enzyme';
@@ -20,14 +23,14 @@ describe('withTitle HOC', () => {
     const [firstChild, secondChild] = children;
 
     expect(firstChild).toBe('');
-    expect(secondChild).toMatchObject(<MockComponent />);
+    expect(secondChild.type).toBe(MockComponent);
 
     const titleProp = 'test title';
     const wrapperWithTitle = shallow(<WrappedComponent elementTitle={titleProp} />);
     const [, secondChildWithTitle] = wrapperWithTitle.prop('children');
 
     expect(wrapperWithTitle.text()).toContain(titleProp);
-    expect(secondChildWithTitle).toMatchObject(<MockComponent />);
+    expect(secondChildWithTitle.type).toBe(MockComponent);
   });
 
   it('should not display h2 if elementTitle is empty', () => {

package/tests/unit/src/Layout/Layout.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import {
   getMockedProvider,
@@ -24,12 +27,11 @@ describe('Layout component', () => {
       data: {}
     })));
 
-  beforeEach(async done => {
+  beforeEach(async () => {
     component = await getMockedProvider(Layout, {
       props: mockedProps
     });
     testInstance = component.root;
-    done();
   });
 
   afterEach(() => component.unmount());

package/tests/unit/src/Layout/getMockedProps.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 
 export default function getMockedProps(overrides) {

package/tests/unit/src/Layout/helpers/check-if-row-has-columns.test.js

@@ -1,6 +1,9 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
-import { checkIfRowHasColumns } from '../../../../../src/components/Layout/helpers';
+import checkIfRowHasColumns from '../../../../../src/components/Layout/helpers/check-if-row-has-columns';
 import { ROW, COLUMN } from '../../../../../src/components/Layout/constants';
 
 describe('checkIfRowHasColumns function', () => {

package/tests/unit/src/Layout/helpers/get-styles-to-update.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getStylesToUpdate } from '../../../../../src/components/Layout/helpers';
+import getStylesToUpdate from '../../../../../src/components/Layout/helpers/get-styles-to-update';
 
 describe('getStylesToUpdate function', () => {
   it('should be defined', () => {

package/tests/unit/src/Layout/helpers/has-children.test.js

@@ -1,6 +1,9 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
-import { hasChildren } from '../../../../../src/helpers';
+import hasChildren from '../../../../../src/helpers/has-children';
 
 describe('hasChildren function', () => {
   it('should be defined', () => {

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import BackToTop from '../../../../../src/components/BackToTop';

package/tests/unit/src/components/Banner/AdSlotRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { render, fireEvent, waitFor } from '@testing-library/react';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Banner from '../../../../../src/components/Banner/Banner';

package/tests/unit/src/components/Banner/BannerRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render, waitFor, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { render as RenderComponent } from '@testing-library/react';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { act, render, fireEvent, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render as _render, act, waitFor } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

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

@@ -1,6 +1,10 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
 import { render, act, waitFor } from '@testing-library/react';
+
 import '@testing-library/jest-dom/extend-expect';
-import React from 'react';
 import CardContainer from '../../../../../src/components/Card/CardContainer';
 import { cardDataMockedOptions } from './mockData';
 

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';

package/tests/unit/src/components/Card/helpers/append-images.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { appendImages } from '../../../../../../src/helpers';
+import appendImages from '../../../../../../src/helpers/append-images';
 
 const cardIds = ['card-1', 'card-2', 'card-3'];
 const imageIds = ['image-1', 'image-2', 'image-3'];

package/tests/unit/src/components/Card/helpers/get-dynamic-grid-classes.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getDynamicGridClasses } from '../../../../../../src/components/Card/helpers';
+import getDynamicGridClasses from '../../../../../../src/components/Card/helpers/get-dynamic-grid-classes';
 
 const mockedProps = {
   global: {

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

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getPublishedListingUrl } from '../../../../../../src/components/Card/helpers';
+import getPublishedListingUrl from '../../../../../../src/components/Card/helpers/get-published-listing-url';
 
 const mockedUrl = {
   publishedListingPage: { url: 'www.listing.test.com' }

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

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { useDynamicSizeKey } from '../../../../../../src/components/Card/helpers';
+import useDynamicSizeKey from '../../../../../../src/components/Card/helpers/use-dynamic-size-key';
 
 describe('useDynamicSizeKey helper function', () => {
   it('should return dynamicSizeKey string based on props passed', () => {

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { getMockedProvider } from '@blaze-cms/tools/test-helpers/test-functions';
@@ -15,12 +18,11 @@ describe('Carousel image component', () => {
   const mockedProps = getMockedProps();
   let component;
 
-  beforeEach(async done => {
+  beforeEach(async () => {
     component = await getMockedProvider(CarouselImage, {
       mocks: MOCK_WITH_DATA,
       props: mockedProps
     });
-    done();
   });
 
   afterEach(() => component.unmount());

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { shallow } from 'enzyme';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Code from '../../../../../src/components/Code/Code';

package/tests/unit/src/components/Code/ScriptTag.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import parseHTML from 'html-react-parser';
 

package/tests/unit/src/components/Code/helpers/wrap-script-tags.test.js

@@ -1,5 +1,5 @@
 import parseHTML from 'html-react-parser';
-import { wrapScriptTags } from '../../../../../../src/components/Code/helpers';
+import wrapScriptTags from '../../../../../../src/components/Code/helpers/wrap-script-tags';
 import ScriptTag from '../../../../../../src/components/Code/ScriptTag';
 
 describe('wrapScriptTags helper', () => {

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import Code from '../../../../src/components/Code';
 

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import ContentGroup from '../../../../../src/components/ContentGroup/ContentGroup';
 

package/tests/unit/src/components/ContentGroup/ContentGroupTabs.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import ContentGroupTabs from '../../../../../src/components/ContentGroup/ContentGroupTabs';

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import ContentGroupSection from '../../../../../src/components/ContentGroupSection/ContentGroupSection';

package/tests/unit/src/components/DataSummary/DataSummaryFactory.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import { useQuery } from '@apollo/client';

package/tests/unit/src/components/DataSummary/DataSummaryRender.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import '@testing-library/jest-dom/extend-expect';
 import { getMockedProvider } from '@blaze-cms/tools/test-helpers/test-functions';
 import { ENTITY_DATA_MOCK, ENTITY_DATA_MOCK_ERROR } from '../../../../helpers/mocks';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/HeadingLargeSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import HeadingLargeSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/HeadingLargeSummary';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import ItemDetailsSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/ItemDetailsSummary';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/LargeSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import '@testing-library/jest-dom/extend-expect';
 import LargeSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/LargeSummary/LargeSummary';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/ListSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import ListSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/ListSummary/ListSummary';
 import { propsDataSummary } from '../mockData';

package/tests/unit/src/components/DataSummary/DataSummaryTypes/TextSummary.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import { render } from '@blaze-cms/tools/test-helpers/test-functions';
 import TextSummary from '../../../../../../src/components/DataSummary/DataSummaryTypes/TextSummary/TextSummary';
 import { propsDataSummary } from '../mockData';

package/tests/unit/src/components/DataSummary/helpers/build-loop-props-content.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { buildLoopPropsContent } from '../../../../../../src/components/DataSummary/helpers';
+import buildLoopPropsContent from '../../../../../../src/components/DataSummary/helpers/build-loop-props-content';
 import { mockedLoopProps, mockedPropsToDisplay, mockedData, mockedResults } from './mocks';
 
 describe('buildLoopPropsContent helper function', () => {

package/tests/unit/src/components/DataSummary/helpers/build-props-to-display-with-content.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { buildPropsToDisplayWithContent } from '../../../../../../src/components/DataSummary/helpers';
+import buildPropsToDisplayWithContent from '../../../../../../src/components/DataSummary/helpers/build-props-to-display-with-content';
 
 const mockedPropsArray = ['id', 'name', 'tags.name', 'tags.id'];
 

package/tests/unit/src/components/DataSummary/helpers/get-data-summary-query.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getDataSummaryQuery } from '../../../../../../src/components/DataSummary/helpers';
+import getDataSummaryQuery from '../../../../../../src/components/DataSummary/helpers/get-data-summary-query';
 
 describe('get data summary query func', () => {
   const data = {

package/tests/unit/src/components/DataSummary/helpers/get-link-based-on-value.test.js

@@ -1,7 +1,7 @@
 /**
- * @testEnvironment node
+ * @jest-environment node
  */
-import { getLinkBasedOnValue } from '../../../../../../src/components/DataSummary/helpers';
+import getLinkBasedOnValue from '../../../../../../src/components/DataSummary/helpers/get-link-based-on-value';
 
 describe('Get link based on value', () => {
   it('should be a function', () => {

package/tests/unit/src/components/DataSummary/helpers/get-link-to-published-content.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { getLinkToPublishedContent } from '../../../../../../src/components/DataSummary/helpers';
+import getLinkToPublishedContent from '../../../../../../src/components/DataSummary/helpers/get-link-to-published-content';
 
 describe('get link to published content', () => {
   const publishedKey = 'content.published';

package/tests/unit/src/components/DataSummary/helpers/parse-boolean-values.test.js

@@ -1,5 +1,5 @@
 import '@testing-library/jest-dom/extend-expect';
-import { parseBooleanValues } from '../../../../../../src/components/DataSummary/helpers';
+import parseBooleanValues from '../../../../../../src/components/DataSummary/helpers/parse-boolean-values';
 
 describe('parseBooleanValues helper function', () => {
   it('should return the value if exists and is not a boolean', () => {

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

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import { render, act } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';

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

@@ -0,0 +1,21 @@
+/**
+ * @jest-environment jsdom
+ */
+import { render } from '@blaze-cms/tools/test-helpers/test-functions';
+import Iframe from '../../../../../src/components/Iframe/Iframe';
+
+describe('Iframe component', () => {
+  it('should not render if no src is passed', () => {
+    const { asFragment: iFrame } = render(Iframe);
+    expect(iFrame()).toMatchSnapshot();
+  });
+
+  it('should not render otherwise', () => {
+    const { asFragment: iFrame } = render(Iframe, {
+      src: 'www.someurl.com',
+      height: '200',
+      width: '100'
+    });
+    expect(iFrame()).toMatchSnapshot();
+  });
+});

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

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Iframe component should not render if no src is passed 1`] = `<DocumentFragment />`;
+
+exports[`Iframe component should not render otherwise 1`] = `
+<DocumentFragment>
+  <div
+    class="iframe-container"
+  >
+    <iframe
+      height="200"
+      id="iFrameResizer0"
+      scrolling="no"
+      src="www.someurl.com"
+      style="overflow: hidden;"
+      title="iframe"
+      width="100"
+    />
+  </div>
+</DocumentFragment>
+`;

package/tests/unit/src/components/Image/GlobalLightbox/GlobalLightbox.test.js

@@ -1,7 +1,11 @@
+/**
+ * @jest-environment jsdom
+ */
+import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { MockedProvider } from '@apollo/client/testing';
 import { render, act, screen, waitFor } from '@testing-library/react';
-import React from 'react';
+
 import { Router } from 'react-router-dom';
 import { createMemoryHistory } from 'history';
 import GlobalLightbox from '../../../../../../src/components/Image/GlobalLightbox/GlobalLightbox';

package/tests/unit/src/components/Image/GlobalLightbox/NavButton.test.js

@@ -1,3 +1,6 @@
+/**
+ * @jest-environment jsdom
+ */
 import React from 'react';
 import '@testing-library/jest-dom/extend-expect';
 import { render, screen, fireEvent } from '@testing-library/react';