@blaze-cms/react-page-builder 0.146.0-translations.8 → 0.147.0-rc-eagle.2

package/tests/unit/src/components/DataSummary/helpers/get-prop-value.test.js

@@ -1,67 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import getPropValue from '../../../../../../src/components/DataSummary/helpers/get-prop-value';
-
-describe('build props to display func', () => {
-  const key = 'id';
-  const nestedKey = 'author.name';
-  const propArg = {
-    id: '1234567'
-  };
-  const propArgWithNestedValue = {
-    author: {
-      name: 'author name'
-    }
-  };
-  const propArgWithEmptyNestedValue = {
-    author: {
-      name: ''
-    }
-  };
-  const propArgWithMultipleNestedValue = {
-    author: [{ name: 'name1', url: 'test-url' }, { name: 'name2' }]
-  };
-  const options = {
-    prefix: 'prefix',
-    suffix: 'suffix'
-  };
-
-  it('should be a function', () => {
-    expect(typeof getPropValue).toEqual('function');
-  });
-
-  it('should return null if props of base key do not exist', () => {
-    const result = getPropValue(key, {}, options);
-    expect(result).toBeNull();
-  });
-
-  it('should return a string if props of base key exist', () => {
-    const result = getPropValue(key, propArg, options);
-    expect(typeof result).toEqual('string');
-    expect(result).toEqual('prefix 1234567 suffix');
-  });
-
-  it('should return a string containing options', () => {
-    const result = getPropValue(key, propArg, options);
-    expect(result).toContain('prefix');
-    expect(result).toContain('suffix');
-  });
-
-  it('should return nested value containing options', () => {
-    const result = getPropValue(nestedKey, propArgWithNestedValue, options);
-    expect(result).toEqual('prefix author name suffix');
-  });
-
-  it('should not return nested value when it has no value', () => {
-    const result = getPropValue(nestedKey, propArgWithEmptyNestedValue, options);
-    expect(result).toBeNull();
-  });
-
-  it('should return array of values when props to display are multiple', () => {
-    const result = getPropValue(nestedKey, propArgWithMultipleNestedValue, options);
-    expect(result).toHaveLength(2);
-    expect(typeof result[0]).toEqual('object');
-    expect(result[0].keyField).toEqual('name');
-    expect(result[0].name).toEqual('prefixname1suffix');
-    expect(result[0].url).toEqual('test-url');
-  });
-});

package/tests/unit/src/components/DataSummary/helpers/get-value-from-array.test.js

@@ -1,46 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import getValueFromArray from '../../../../../../src/components/DataSummary/helpers/get-value-from-array';
-
-const key = 'id';
-const arr = [{ id: 'fd21b310-e9d9-11e9-a6fe-5b82b901ff45', utl: 'test-url' }];
-const prefix = 'prefix';
-const suffix = 'suffix';
-
-describe('build props to display func', () => {
-  let result;
-  beforeEach(() => (result = getValueFromArray(key, arr, prefix, suffix)));
-
-  it('should be a function', () => {
-    expect(typeof getValueFromArray).toEqual('function');
-  });
-
-  it('should return an object with key value of type array', () => {
-    expect(Array.isArray(result)).toBeTruthy();
-  });
-
-  it('should return object with correct data', () => {
-    const arrMultiple = [{ id: 'id1', url: 'url1' }, { id: 'id2', url: 'url2' }];
-    const resultMultiple = getValueFromArray(key, arrMultiple, prefix, suffix);
-
-    expect(resultMultiple).toHaveLength(2);
-    expect(resultMultiple[0][key]).toContain('prefix');
-    expect(resultMultiple[0][key]).toContain('suffix');
-    expect(resultMultiple[0].url).toEqual('url1');
-    expect(resultMultiple[1][key]).toContain('prefix');
-    expect(resultMultiple[1][key]).toContain('suffix');
-    expect(resultMultiple[1].url).toEqual('url2');
-  });
-
-  it('should return empty array if there is no data to display within array', () => {
-    const resultNoValue = getValueFromArray(key, [], prefix, suffix);
-    expect(resultNoValue).toEqual(null);
-  });
-
-  it('should work both with array of objects or with array of values', () => {
-    const arrayOfValues = ['value1', 'value2'];
-    const resultWithArrayOfStrings = getValueFromArray(key, arrayOfValues, prefix, suffix);
-
-    expect(Array.isArray(resultWithArrayOfStrings)).toBeTruthy();
-    expect(resultWithArrayOfStrings).toHaveLength(2);
-  });
-});

package/tests/unit/src/components/DataSummary/helpers/mocks.js

@@ -1,90 +0,0 @@
-const labels = ['Whataver normal label', 'Label for looped prop'];
-const loopModifier = 'loop modifier';
-const nestedLoopString = 'nested loop';
-const nestedValueString = 'nestedValue';
-const preffixString = 'pre';
-const suffixString = ' -suff';
-const dataNameString = 'data name';
-const mockedLoopProps = ['nestedLoopProp.nestedValue'];
-const mockedPropsToDisplay = [
-  {
-    bold: false,
-    enableLink: true,
-    label: labels[0],
-    modifier: '',
-    prefix: preffixString,
-    propertiesToDisplay: ['name'],
-    shouldStrip: true
-  },
-  {
-    bold: false,
-    enableLink: true,
-    label: labels[1],
-    modifier: 'loop modifier',
-    suffix: suffixString,
-    propertiesToDisplay: ['nestedLoopProp.nestedValue'],
-    shouldStrip: true
-  }
-];
-
-const mockedData = [
-  {
-    name: dataNameString,
-    nestedLoopProp: [
-      { [nestedValueString]: `${nestedLoopString} 1` },
-      { [nestedValueString]: `${nestedLoopString} 2` },
-      { [nestedValueString]: `${nestedLoopString} 3` }
-    ]
-  },
-  {
-    name: dataNameString,
-    nestedLoopProp: { [nestedValueString]: `test ${nestedLoopString} value` }
-  }
-];
-const mockedResults = [
-  [
-    [labels[0], `${preffixString} ${dataNameString}`, '', ''],
-    [
-      labels[1],
-      [
-        {
-          keyField: nestedValueString,
-          [nestedValueString]: `${nestedLoopString} 1${suffixString}`,
-          url: ''
-        },
-        {
-          keyField: nestedValueString,
-          [nestedValueString]: `${nestedLoopString} 2${suffixString}`,
-          url: ''
-        },
-        {
-          keyField: nestedValueString,
-          [nestedValueString]: `${nestedLoopString} 3${suffixString}`,
-          url: ''
-        }
-      ],
-      '',
-      loopModifier
-    ]
-  ],
-  [
-    [labels[0], `${preffixString} ${dataNameString}`, '', ''],
-    [labels[1], `test ${nestedLoopString} value ${suffixString}`, '', loopModifier]
-  ],
-  [
-    [labels[0], `${preffixString} ${dataNameString}`, '', ''],
-    [labels[1], `${nestedLoopString} 1${suffixString}`, '', loopModifier],
-    [labels[0], `${preffixString} ${dataNameString}`, '', ''],
-    [labels[1], `${nestedLoopString} 2${suffixString}`, '', loopModifier],
-    [labels[0], `${preffixString} ${dataNameString}`, '', ''],
-    [labels[1], `${nestedLoopString} 3${suffixString}`, '', loopModifier]
-  ],
-  [
-    [labels[0], `${preffixString} ${dataNameString}`, '', ''],
-    [labels[1], `${nestedLoopString} 1${suffixString}`, '', loopModifier],
-    [labels[0], `${preffixString} ${dataNameString}`, '', ''],
-    [labels[1], `${nestedLoopString} 2${suffixString}`, '', loopModifier]
-  ]
-];
-
-export { mockedLoopProps, mockedPropsToDisplay, mockedData, mockedResults };

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

@@ -1,28 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-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', () => {
-    const mockedParams = {
-      value: 'Scroll label',
-      title: 'Scroll'
-    };
-    expect(parseBooleanValues(mockedParams.value, mockedParams.title)).toEqual(mockedParams.value);
-  });
-
-  it('should return the title if the value is true', () => {
-    const mockedParams = {
-      value: 'true',
-      title: 'Scroll'
-    };
-    expect(parseBooleanValues(mockedParams.value, mockedParams.title)).toEqual(mockedParams.title);
-  });
-
-  it('should return null if the value is false', () => {
-    const mockedParams = {
-      value: 'false',
-      title: 'Scroll'
-    };
-    expect(parseBooleanValues(mockedParams.value, mockedParams.title)).toEqual(null);
-  });
-});

package/tests/unit/src/components/DataSummary/helpers/strip-summary-props-content.test.js

@@ -1,40 +0,0 @@
-import '@testing-library/jest-dom/extend-expect';
-import stripSummaryPropsContent from '../../../../../../src/components/DataSummary/helpers/strip-summary-props-content';
-
-describe('strip summary props content', () => {
-  const stripTrue = [{ shouldStrip: true }];
-  const stripFalse = [{ shouldStrip: false }];
-  const mockedData = [['Props', '| meta | description |', ''], ['Props', 'meta', '']];
-  const expectedResult = [['Props', 'meta | description', ''], ['Props', 'meta', '']];
-
-  const result = stripSummaryPropsContent(stripTrue, mockedData);
-
-  it('should be a function', () => {
-    expect(typeof stripSummaryPropsContent).toEqual('function');
-  });
-
-  it('should always return an array', () => {
-    expect(Array.isArray(result)).toEqual(true);
-    expect(Array.isArray(stripSummaryPropsContent(stripFalse, []))).toEqual(true);
-  });
-
-  it('should return expected output', () => {
-    expect(result).toEqual(expectedResult);
-  });
-
-  it('should return same input if propsToDisplay is set to null', () => {
-    expect(stripSummaryPropsContent(null, mockedData)).toEqual(mockedData);
-  });
-
-  it('should return same input if propsToDisplay is undefined', () => {
-    expect(stripSummaryPropsContent(undefined, mockedData)).toEqual(mockedData);
-  });
-
-  it('should return same input if propsToDisplay is empty array)', () => {
-    expect(stripSummaryPropsContent([], mockedData)).toEqual(mockedData);
-  });
-
-  it('should return same input if strip option is set to false', () => {
-    expect(stripSummaryPropsContent(stripFalse, mockedData)).toEqual(mockedData);
-  });
-});

package/tests/unit/src/components/DataSummary/mockData.js

@@ -1,47 +0,0 @@
-import { generateSingleItemQuery } from '../../../../../src/application/query';
-
-const propsDataSummary = {
-  elementTitle: 'test-title',
-  modifier: 'mod',
-  summaryPropsWithContent: [['first', 'something', '', ''], ['second', 'other thing', '', '']],
-  propsToDisplayModifiers: []
-};
-
-const query = generateSingleItemQuery('getPublishedPage', 'id,metaDescription,name,category{name}');
-
-const mockedOptions = {
-  recordId: 'f5fe4d50-1b57-11ea-adb6-af887205bfc6',
-  propsToDisplay: [
-    {
-      propertiesToDisplay: ['metaDescription', 'name', 'category.name'],
-      label: 'lab',
-      prefix: 'pre',
-      suffix: 'su',
-      bold: false
-    }
-  ],
-  query,
-  type: 'large'
-};
-
-const mockedOptionsWithNoPropsToDisplay = {
-  recordId: 'f5fe4d50-1b57-11ea-adb6-af887205bfc6',
-  propsToDisplay: [],
-  query,
-  type: 'large'
-};
-
-const mockedOptionsWithError = {
-  recordId: 'errorId',
-  propsToDisplay: [],
-  query,
-  type: 'large'
-};
-
-export {
-  propsDataSummary,
-  query,
-  mockedOptions,
-  mockedOptionsWithNoPropsToDisplay,
-  mockedOptionsWithError
-};

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

@@ -1,129 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import dayjs from 'dayjs';
-import DateTime from '../../../../../src/components/DateTime';
-
-describe('DateTime component', () => {
-  const customFormat = 'MM-DD-YYYY';
-
-  it('renders null if both format and customFormat are not provided', () => {
-    const { container } = render(<DateTime />);
-    expect(container.firstChild).toBeNull();
-  });
-
-  it('renders correctly with LT format', () => {
-    const { getByText } = render(<DateTime format="LT" />);
-    expect(getByText(/\d{1,2}:\d{2} [AP]M/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with LTS format', () => {
-    const { getByText } = render(<DateTime format="LTS" />);
-    expect(getByText(/\d{1,2}:\d{2}:\d{2} [AP]M/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with L format', () => {
-    const { getByText } = render(<DateTime format="L" />);
-    expect(getByText(/\d{2}\/\d{2}\/\d{4}/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with LL format', () => {
-    const { getByText } = render(<DateTime format="LL" />);
-    expect(
-      getByText(
-        /(?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4}/
-      )
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly with LLL format', () => {
-    const { getByText } = render(<DateTime format="LLL" />);
-    expect(
-      getByText(
-        /(?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
-      )
-    ).toBeInTheDocument();
-  });
-
-  // sonarignore:start
-  it('renders correctly with LLLL format', () => {
-    const { getByText } = render(<DateTime format="LLLL" />);
-    expect(
-      getByText(
-        /(?:Sunday|Monday|Tuesday|Wednesday|Thursday|Friday|Saturday), (?:January|February|March|April|May|June|July|August|September|October|November|December) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
-      )
-    ).toBeInTheDocument();
-  });
-  // sonarignore:end
-
-  it('renders correctly with l format', () => {
-    const { getByText } = render(<DateTime format="l" />);
-    expect(getByText(/\d{1,2}\/\d{1,2}\/\d{4}/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with ll format', () => {
-    const { getByText } = render(<DateTime format="ll" />);
-    expect(
-      getByText(/(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4}/)
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly with lll format', () => {
-    const { getByText } = render(<DateTime format="lll" />);
-    expect(
-      getByText(
-        /(?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
-      )
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly with llll format', () => {
-    const { getByText } = render(<DateTime format="llll" />);
-    expect(
-      getByText(
-        /(?:Sun|Mon|Tue|Wed|Thu|Fri|Sat), (?:Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec) \d{1,2}, \d{4} \d{1,2}:\d{2} [AP]M/
-      )
-    ).toBeInTheDocument();
-  });
-
-  it('renders correctly with customFormat DD-YYYY-MM', () => {
-    const customDateFormat = 'DD-YYYY-MM';
-    const { getByText } = render(<DateTime format="L" customFormat={customDateFormat} />);
-    expect(getByText(/\d{2}-\d{4}-\d{2}/)).toBeInTheDocument();
-  });
-
-  it('renders correctly with customFormat and modifier', () => {
-    const modifier = 'bold';
-    const { getByText } = render(
-      <DateTime format="L" customFormat={customFormat} modifier={modifier} />
-    );
-    const dateElement = getByText(/\d{2}-\d{2}-\d{4}/);
-    expect(dateElement).toBeInTheDocument();
-    expect(dateElement).toHaveClass('bold');
-  });
-
-  it('renders with prefix and suffix', () => {
-    const formattedDate = dayjs().format(customFormat);
-    const prefix = 'Start: ';
-    const suffix = ' End';
-
-    const { getByText } = render(
-      <DateTime format="L" customFormat={customFormat} prefix={prefix} suffix={suffix} />
-    );
-
-    expect(getByText(`${prefix}${formattedDate}${suffix}`)).toBeInTheDocument();
-  });
-
-  it('renders only the date when prefix and suffix are not provided', () => {
-    const formattedDate = dayjs().format(customFormat);
-
-    const { getByText, queryByText } = render(<DateTime format="L" customFormat={customFormat} />);
-
-    expect(getByText(formattedDate)).toBeInTheDocument();
-    expect(queryByText('Start: ')).not.toBeInTheDocument();
-    expect(queryByText(' End')).not.toBeInTheDocument();
-  });
-});

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

@@ -1,53 +0,0 @@
-/**
- * @jest-environment jsdom
- */
-import React from 'react';
-import { render, act } from '@testing-library/react';
-import '@testing-library/jest-dom/extend-expect';
-import EmailConfirm from '../../../../../src/components/EmailConfirm';
-
-jest.mock('@apollo/client', () => ({
-  ...jest.requireActual('@apollo/client'),
-  useMutation: jest.fn(() => [variables => variables, { loading: false }])
-}));
-
-jest.mock('next/router', () => ({
-  useRouter: jest
-    .fn()
-    .mockImplementationOnce(() => ({ asPath: '/test-url', push: jest.fn() }))
-    .mockImplementationOnce(() => ({ asPath: '/test-url?token=123', push: jest.fn() }))
-}));
-
-const mockedProps = {
-  modifier: 'error-modifier',
-  errorMessage: 'something went wrong',
-  children: []
-};
-
-describe('EmailConfirm component', () => {
-  let promise;
-
-  beforeEach(() => {
-    promise = Promise.resolve();
-  });
-
-  afterEach(async () => {
-    await act(() => promise);
-  });
-
-  it('should render with error if no token is in url', () => {
-    const { asFragment } = render(<EmailConfirm {...mockedProps} />);
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should render children if token is in url and mutation is successfull', async () => {
-    const { asFragment } = render(
-      <EmailConfirm {...mockedProps}>
-        <span>child</span>
-      </EmailConfirm>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-});

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

@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`EmailConfirm component should render children if token is in url and mutation is successfull 1`] = `<DocumentFragment />`;
-
-exports[`EmailConfirm component should render with error if no token is in url 1`] = `
-<DocumentFragment>
-  <span
-    class="error-modifier"
-  >
-    something went wrong
-  </span>
-</DocumentFragment>
-`;

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

@@ -1,21 +0,0 @@
-/**
- * @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

@@ -1,21 +0,0 @@
-// 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,123 +0,0 @@
-/**
- * @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 { Router } from 'react-router-dom';
-import { createMemoryHistory } from 'history';
-import GlobalLightbox from '../../../../../../src/components/Image/GlobalLightbox/GlobalLightbox';
-import getMockedLightboxProps from './getMockedLightboxProps';
-import LIGHTBOX_MOCKS from './mocks';
-
-const [MOCK_WITH_DATA, MOCK_WITH_ERROR] = LIGHTBOX_MOCKS;
-
-const testId = 'globalLightboxImage';
-const credits = 'credits test';
-
-const mockProps = {
-  images: [
-    {
-      imageId: 'test-id',
-      url: 'www.url-test-prop.com',
-      areImageCreditsDisplayed: true,
-      isCaptionDisplayed: true,
-      credits
-    }
-  ]
-};
-
-const setup = async (props, mocks) => {
-  const history = createMemoryHistory();
-
-  return (
-    <Router history={history}>
-      <MockedProvider mocks={mocks}>
-        <GlobalLightbox {...props} />
-      </MockedProvider>
-    </Router>
-  );
-};
-
-const renderComponent = async component => {
-  let renderResults;
-
-  await act(async () => {
-    renderResults = render(component);
-  });
-
-  return {
-    ...renderResults
-  };
-};
-
-const setupTest = async () => {
-  const props = getMockedLightboxProps();
-  const componentMock = await setup(props, MOCK_WITH_DATA);
-  const renderResults = await renderComponent(componentMock);
-
-  return {
-    ...renderResults
-  };
-};
-
-describe('GlobalLightbox component', () => {
-  it('should be defined', () => {
-    expect(GlobalLightbox).toBeDefined();
-    expect(typeof GlobalLightbox).toEqual('function');
-  });
-
-  it('should match snapshot', async () => {
-    const { asFragment, getByTestId } = await setupTest();
-    await waitFor(() => getByTestId(testId));
-    expect(asFragment()).toMatchSnapshot();
-  });
-
-  it('should not render caption if image does not have it', async () => {
-    const { getByTestId } = await setupTest();
-    await waitFor(() => getByTestId(testId));
-    const image = await getByTestId(testId);
-    expect(image).toHaveAttribute('alt', '');
-  });
-
-  it('should return error message if error', async () => {
-    const props = getMockedLightboxProps({ images: [{ imageId: 'error' }] });
-    const componentMock = await setup(props, MOCK_WITH_ERROR);
-    const { container, getByText } = await renderComponent(componentMock);
-    await waitFor(() => getByText('this is an error'));
-    expect(container.innerHTML).toContain('this is an error');
-  });
-
-  it('should render ImageDetails if shouldDisplayCredits & shouldDisplayCaptions are true', async () => {
-    const props = getMockedLightboxProps(mockProps);
-
-    const componentMock = await setup(props, MOCK_WITH_DATA);
-    const { getByTestId } = await renderComponent(componentMock);
-    expect(getByTestId('image-details'));
-  });
-
-  it('should not render ImageDetails if shouldDisplayCredits & shouldDisplayCaptions are false', async () => {
-    const props = getMockedLightboxProps({
-      images: [
-        {
-          imageId: 'test-id',
-          url: 'www.url-test-prop.com',
-          areImageCreditsDisplayed: false,
-          isCaptionDisplayed: false,
-          credits
-        }
-      ]
-    });
-
-    const componentMock = await setup(props, MOCK_WITH_DATA);
-
-    await act(async () => {
-      render(componentMock);
-    });
-
-    const imageCredits = screen.queryByText('credits test');
-    expect(imageCredits).not.toBeInTheDocument();
-  });
-});