@atlaskit/editor-core 150.0.0 → 151.0.0

package/dist/es2019/plugins/media/commands/linking.test.js

@@ -1,208 +0,0 @@
-import { a, doc, media, mediaSingle } from '@atlaskit/editor-test-helpers/doc-builder';
-import { flushPromises, getDefaultMediaClientConfig } from '@atlaskit/media-test-helpers';
-import { createProsemirrorEditorFactory, Preset } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-import sendKeyToPm from '@atlaskit/editor-test-helpers/send-key-to-pm';
-import { ProviderFactory } from '@atlaskit/editor-common';
-import hyperlinkPlugin from '../../hyperlink';
-import mediaPlugin from '../';
-import { MediaLinkingActionsTypes } from '../pm-plugins/linking/actions';
-import { checkMediaType } from '../utils/check-media-type';
-import { mediaLinkingPluginKey } from '../pm-plugins/linking';
-import * as linking from './linking';
-import { INPUT_METHOD } from '../../analytics/types';
-import * as analyticUtils from '../../analytics/utils';
-import * as commands from '../../../commands';
-const {
-  setUrlToMedia,
-  showLinkingToolbarWithMediaTypeCheck,
-  unlink
-} = linking;
-jest.mock('../utils/check-media-type', () => ({
-  checkMediaType: jest.fn()
-}));
-describe('image linking', () => {
-  const createEditor = createProsemirrorEditorFactory();
-  const preset = new Preset();
-  const mediaProvider = Promise.resolve({
-    viewMediaClientConfig: getDefaultMediaClientConfig()
-  });
-  const providerFactory = ProviderFactory.create({
-    mediaProvider
-  });
-  preset.add([mediaPlugin, {
-    allowMediaSingle: true,
-    allowLinking: true
-  }]).add(hyperlinkPlugin);
-
-  const editor = doc => {
-    return createEditor({
-      doc,
-      preset,
-      providerFactory
-    });
-  };
-
-  const document = doc('{<node>}', mediaSingle()(media({
-    id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-    type: 'file',
-    collection: 'MediaServicesSample'
-  })()), mediaSingle()(media({
-    id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-    type: 'file',
-    collection: 'MediaServicesSample'
-  })()));
-  const mockDispatch = jest.fn();
-  afterEach(() => {
-    mockDispatch.mockClear();
-  });
-  describe('analytics', () => {
-    const FIRST_CALL = 0;
-    const ANALYTIC_PAYLOAD = 2;
-    const analyticUtilsSpy = jest.spyOn(analyticUtils, 'addAnalytics');
-    beforeEach(() => {
-      analyticUtilsSpy.mockReset();
-    });
-    afterAll(() => {
-      jest.resetAllMocks();
-    });
-    it('should call analytic when creating a link', () => {
-      const {
-        editorView
-      } = editor(document);
-      setUrlToMedia('http://google.com', INPUT_METHOD.MANUAL)(editorView.state, mockDispatch, editorView);
-      expect(analyticUtilsSpy).toBeCalled();
-      expect(analyticUtilsSpy.mock.calls[FIRST_CALL][ANALYTIC_PAYLOAD]).toEqual({
-        action: 'added',
-        actionSubject: 'media',
-        actionSubjectId: 'link',
-        attributes: expect.objectContaining({
-          inputMethod: 'manual'
-        }),
-        eventType: 'track'
-      });
-    });
-    describe('existing links', () => {
-      const googleUrl = 'http://google.com';
-      const documentWithMediaWithLink = doc('{<node>}', mediaSingle()(a({
-        href: googleUrl
-      })(media({
-        id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-        type: 'file',
-        collection: 'MediaServicesSample'
-      })())));
-      it('should add edit analytic when modifying link', () => {
-        const {
-          editorView
-        } = editor(documentWithMediaWithLink);
-        setUrlToMedia('http://random-url.com', INPUT_METHOD.MANUAL)(editorView.state, editorView.dispatch, editorView);
-        expect(analyticUtilsSpy).toHaveBeenCalledTimes(1);
-        expect(analyticUtilsSpy.mock.calls[FIRST_CALL][ANALYTIC_PAYLOAD]).toEqual({
-          action: 'edited',
-          actionSubject: 'media',
-          actionSubjectId: 'link',
-          eventType: 'track'
-        });
-      });
-      it('should delete analytic when removing a link', () => {
-        const {
-          editorView
-        } = editor(documentWithMediaWithLink);
-        unlink(editorView.state, editorView.dispatch, editorView);
-        expect(analyticUtilsSpy).toBeCalledTimes(1);
-        expect(analyticUtilsSpy.mock.calls[FIRST_CALL][ANALYTIC_PAYLOAD]).toEqual({
-          action: 'deleted',
-          actionSubject: 'media',
-          actionSubjectId: 'link',
-          eventType: 'track'
-        });
-      });
-      it("shouldn't call an analytic if the url was modified to the same url", () => {
-        const {
-          editorView
-        } = editor(documentWithMediaWithLink);
-        setUrlToMedia(googleUrl, INPUT_METHOD.MANUAL)(editorView.state, mockDispatch, editorView);
-        expect(analyticUtilsSpy).not.toBeCalled();
-      });
-    });
-    describe('errors', () => {
-      beforeAll(() => {
-        jest.spyOn(commands, 'createToggleBlockMarkOnRange').mockImplementation(() => {
-          throw new Error('This error should be caught');
-        });
-      });
-      it("should call analytic if there's an error creating a link", () => {
-        const {
-          editorView
-        } = editor(document);
-
-        try {
-          setUrlToMedia('http://google.com', INPUT_METHOD.MANUAL)(editorView.state, mockDispatch, editorView);
-        } catch (e) {// noop
-        }
-
-        expect(analyticUtilsSpy.mock.calls[FIRST_CALL][ANALYTIC_PAYLOAD]).toEqual({
-          action: 'errored',
-          actionSubject: 'media',
-          actionSubjectId: 'link',
-          attributes: {
-            action: 'added'
-          },
-          eventType: 'track'
-        });
-      });
-    });
-  });
-  describe('show linking toolbar', () => {
-    describe('selected media is an image', () => {
-      beforeAll(() => {
-        checkMediaType.mockReturnValue(Promise.resolve('image'));
-      });
-      it('call dispatch with correct param with a media is selected', async () => {
-        const {
-          editorView
-        } = editor(document);
-        await flushPromises();
-        const result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-        const expectTransaction = editorView.state.tr.setMeta(mediaLinkingPluginKey, {
-          type: MediaLinkingActionsTypes.showToolbar
-        });
-        await flushPromises();
-        expect(result).toEqual(true);
-        expect(mockDispatch).toHaveBeenCalledWith(expectTransaction);
-      });
-      it('does not call dispatch when selection is not a media single node', async () => {
-        const {
-          editorView
-        } = editor(document);
-        const result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-        await flushPromises();
-        expect(result).toEqual(false);
-        expect(mockDispatch).not.toHaveBeenCalled();
-      });
-      it('does not call dispatch when selection has changed', async () => {
-        const {
-          editorView
-        } = editor(document);
-        const result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-        sendKeyToPm(editorView, 'ArrowDown');
-        await flushPromises();
-        expect(result).toEqual(false);
-        expect(mockDispatch).not.toHaveBeenCalled();
-      });
-    });
-    describe('selected media is a video', () => {
-      beforeAll(() => {
-        checkMediaType.mockReturnValue(Promise.resolve('video'));
-      });
-      it('does not call dispatch', async () => {
-        const {
-          editorView
-        } = editor(document);
-        const result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-        await flushPromises();
-        expect(result).toEqual(false);
-        expect(mockDispatch).not.toHaveBeenCalled();
-      });
-    });
-  });
-});

package/dist/es2019/plugins/media/ui/CaptionPlaceholder/index.test.js

@@ -1,41 +0,0 @@
-import React from 'react';
-import { render } from '@testing-library/react';
-import { IntlProvider } from 'react-intl';
-import { N200 } from '@atlaskit/theme/colors';
-import { messages } from './messages';
-import CaptionPlaceholder from './index';
-
-const renderWithIntl = component => {
-  return render( /*#__PURE__*/React.createElement(IntlProvider, {
-    locale: "en"
-  }, component));
-};
-
-const onClick = () => {};
-
-describe('CaptionComponent', () => {
-  it('should show a placeholder by default', () => {
-    const {
-      getByText
-    } = renderWithIntl( /*#__PURE__*/React.createElement(CaptionPlaceholder, {
-      onClick: onClick
-    }));
-    expect(getByText(messages.placeholder.defaultMessage)).not.toBeNull();
-  });
-  it('should have the placeholder colour as N200', () => {
-    const {
-      container
-    } = renderWithIntl( /*#__PURE__*/React.createElement(CaptionPlaceholder, {
-      onClick: onClick
-    }));
-    expect(container.firstChild).toHaveStyle(`color: ${N200}`);
-  });
-  it('placeholder should be centered', () => {
-    const {
-      container
-    } = renderWithIntl( /*#__PURE__*/React.createElement(CaptionPlaceholder, {
-      onClick: onClick
-    }));
-    expect(container.firstChild).toHaveStyle(`text-align: center`);
-  });
-});

package/dist/es2019/plugins/panel/toolbar.test.js

@@ -1,200 +0,0 @@
-import defaultSchema from '@atlaskit/editor-test-helpers/schema';
-import { ProviderFactory } from '@atlaskit/editor-common';
-import { getTestEmojiResource } from '@atlaskit/util-data-test/get-test-emoji-resource';
-import { getToolbarItems } from './toolbar';
-import * as actions from '../panel/actions';
-import { DEFAULT_BORDER_COLOR } from '../../ui/ColorPalette/Palettes';
-import { createProsemirrorEditorFactory, Preset } from '@atlaskit/editor-test-helpers/create-prosemirror-editor';
-import panelPlugin from '.';
-import { doc, p, panel } from '@atlaskit/editor-test-helpers/doc-builder';
-import { PanelType } from '@atlaskit/adf-schema';
-import analyticsPlugin from '../analytics';
-import { ACTION, ACTION_SUBJECT, EVENT_TYPE, ACTION_SUBJECT_ID } from '../analytics';
-import { emojiPluginKey } from '../emoji';
-
-const dummyFormatMessage = messageDescriptor => messageDescriptor.defaultMessage || '';
-
-const changePanelTypespy = jest.spyOn(actions, 'changePanelType');
-describe('getToolbarItems', () => {
-  const providerFactory = new ProviderFactory();
-  providerFactory.setProvider('emojiProvider', Promise.resolve(getTestEmojiResource()));
-  const panelPreset = new Preset().add([panelPlugin, {
-    UNSAFE_allowCustomPanel: true
-  }]);
-  const itemsWithCustomPanelEnabled = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, true, providerFactory, PanelType.INFO);
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  it('should return 7 items when isCustomPanelEnabled is false', () => {
-    const items = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, false, providerFactory);
-    expect(items).toHaveLength(7);
-  });
-  describe('if isCustomPanelEnabled is true', () => {
-    it('should return 11 items', () => {
-      expect(itemsWithCustomPanelEnabled).toHaveLength(11);
-    });
-    it('should contain emoji and color picker button', () => {
-      const emojiButton = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'emoji');
-      const colorButton = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'color');
-      expect(emojiButton).not.toBeUndefined();
-      expect(colorButton).not.toBeUndefined();
-    });
-  });
-  describe('custom panel toolbar items', () => {
-    const createEditor = createProsemirrorEditorFactory();
-    const {
-      editorView
-    } = createEditor({
-      doc: doc(panel({
-        panelType: 'info'
-      })(p('{<>}'))),
-      preset: panelPreset,
-      providerFactory
-    });
-    it(`should call changePanelType when clicked on emoji picker
-          with changed emoji`, () => {
-      const emojiPickerConfig = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'emoji');
-      emojiPickerConfig.onChange(':smiley:')(editorView.state);
-      expect(changePanelTypespy).toBeCalledWith(PanelType.CUSTOM, {
-        emoji: ':smiley:'
-      }, true);
-    });
-    it(`should call changePanelType when clicked on color picker
-          with changed color`, () => {
-      const colorPickerConfig = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'color');
-      colorPickerConfig.onChange({
-        label: 'Mintie',
-        value: '#ABF5D1',
-        border: DEFAULT_BORDER_COLOR
-      })(editorView.state);
-      expect(changePanelTypespy).toBeCalledWith(PanelType.CUSTOM, {
-        color: '#ABF5D1'
-      }, true);
-    });
-    it(`should call changePanelType when clicked on remove emoji`, () => {
-      const removeEmojiButton = itemsWithCustomPanelEnabled.find(item => item.type === 'button' && item.id === 'editor.panel.removeEmoji');
-      removeEmojiButton.onClick(editorView.state);
-      expect(changePanelTypespy).toBeCalledWith(PanelType.CUSTOM, {
-        emoji: undefined
-      }, true);
-    });
-    it(`should not call changePanelType when clicked on remove emoji when no emoji in panel`, () => {
-      const {
-        editorView
-      } = createEditor({
-        doc: doc(panel({
-          panelType: 'custom'
-        })(p('{<>}'))),
-        preset: panelPreset,
-        providerFactory
-      });
-      const toolbarItems = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, true, providerFactory, PanelType.CUSTOM);
-      const removeEmojiButton = toolbarItems.find(item => item.type === 'button' && item.id === 'editor.panel.removeEmoji');
-      changePanelTypespy.mockClear();
-      removeEmojiButton.onClick(editorView.state);
-      expect(changePanelTypespy).not.toBeCalled();
-    });
-    it(`should have remove emoji button disabled when focus on panel without emoji`, () => {
-      const toolbarItems = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, true, providerFactory, PanelType.CUSTOM, '#ABF5D1', '');
-      const removeEmojiButton = toolbarItems.find(item => item.type === 'button' && item.id === 'editor.panel.removeEmoji');
-      expect(removeEmojiButton.disabled).toBe(true);
-    });
-    it(`should have remove emoji button enabled when focus on panel with emoji`, () => {
-      const toolbarItems = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, true, providerFactory, PanelType.CUSTOM, '#ABF5D1', ':smiley:');
-      const removeEmojiButton = toolbarItems.find(item => item.type === 'button' && item.id === 'editor.panel.removeEmoji');
-      expect(removeEmojiButton.disabled).toBe(false);
-    });
-  });
-  describe('analytics for custom panels', () => {
-    const createEditor = createProsemirrorEditorFactory();
-    let createAnalyticsEvent = jest.fn(() => ({
-      fire() {}
-
-    }));
-    let editorView;
-    beforeEach(() => {
-      ({
-        editorView
-      } = createEditor({
-        doc: doc(panel({
-          panelType: 'info'
-        })(p('{<>}'))),
-        preset: panelPreset.add([analyticsPlugin, {
-          createAnalyticsEvent
-        }]),
-        providerFactory,
-        pluginKey: emojiPluginKey
-      }));
-    });
-    it('Should trigger analytics when background color is changed', () => {
-      const colorPickerConfig = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'color');
-      colorPickerConfig.onChange({
-        label: 'Mintie',
-        value: '#ABF5D1',
-        border: DEFAULT_BORDER_COLOR
-      })(editorView.state, editorView.dispatch);
-      const payload = {
-        action: ACTION.CHANGED_BACKGROUND_COLOR,
-        actionSubject: ACTION_SUBJECT.PANEL,
-        actionSubjectId: ACTION_SUBJECT_ID.PANEL,
-        attributes: expect.objectContaining({
-          newColor: '#ABF5D1',
-          previousColor: '#DEEBFF'
-        }),
-        eventType: EVENT_TYPE.TRACK
-      };
-      expect(createAnalyticsEvent).toHaveBeenCalledWith(payload);
-    });
-    it('Should trigger analytics when Icon is changed', () => {
-      const emojiPickerConfig = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'emoji');
-      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
-      const payload = {
-        action: ACTION.CHANGED_ICON,
-        actionSubject: ACTION_SUBJECT.PANEL,
-        actionSubjectId: ACTION_SUBJECT_ID.PANEL,
-        attributes: expect.objectContaining({
-          newIcon: ':smiley:',
-          previousIcon: ''
-        }),
-        eventType: EVENT_TYPE.TRACK
-      };
-      expect(createAnalyticsEvent).toHaveBeenCalledWith(payload);
-    });
-    it('Should trigger analytics when Icon is removed', () => {
-      const removeEmojiButton = itemsWithCustomPanelEnabled.find(item => item.type === 'button' && item.id === 'editor.panel.removeEmoji');
-      const emojiPickerConfig = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'emoji');
-      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
-      removeEmojiButton.onClick(editorView.state, editorView.dispatch);
-      const payload = {
-        action: ACTION.REMOVE_ICON,
-        actionSubject: ACTION_SUBJECT.PANEL,
-        actionSubjectId: ACTION_SUBJECT_ID.PANEL,
-        attributes: expect.objectContaining({
-          icon: ':smiley:'
-        }),
-        eventType: EVENT_TYPE.TRACK
-      };
-      expect(createAnalyticsEvent).nthCalledWith(4, payload);
-    });
-    it('Should not fire analytics when the same background color is selected', () => {
-      const colorPickerConfig = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'color');
-      colorPickerConfig.onChange({
-        label: 'Mintie',
-        value: '#ABF5D1',
-        border: DEFAULT_BORDER_COLOR
-      })(editorView.state, editorView.dispatch);
-      colorPickerConfig.onChange({
-        label: 'Mintie',
-        value: '#ABF5D1',
-        border: DEFAULT_BORDER_COLOR
-      })(editorView.state, editorView.dispatch);
-      expect(createAnalyticsEvent).toHaveBeenCalledTimes(3);
-    });
-    it('Should not fire analtyics when same emoji is selected', () => {
-      const emojiPickerConfig = itemsWithCustomPanelEnabled.find(item => item.type === 'select' && item.selectType === 'emoji');
-      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
-      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
-      expect(createAnalyticsEvent).toHaveBeenCalledTimes(3);
-    });
-  });
-});

package/dist/es2019/ui/ColorPickerButton/index.test.js

@@ -1,88 +0,0 @@
-import React from 'react';
-import { mountWithIntl } from '@atlaskit/editor-test-helpers/enzyme'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
-import { colors } from '@atlaskit/theme';
-import { DEFAULT_BORDER_COLOR } from '../ColorPalette/Palettes';
-import { panelBackgroundPalette } from '../ColorPalette/Palettes/panelBackgroundPalette';
-import { mockCreateAnalyticsEvent, mockFire } from '@atlaskit/editor-test-helpers/mock-analytics-next';
-import ColorPickerButton from './index';
-import { ACTION, ACTION_SUBJECT, ACTION_SUBJECT_ID, EVENT_TYPE } from '../../plugins/analytics/types';
-import { editorAnalyticsChannel } from '../../plugins/analytics/consts';
-import { act } from 'react-dom/test-utils';
-describe('color-picker-button', () => {
-  const onChangeMock = jest.fn();
-
-  const getWrapper = (placement = '') => mountWithIntl( /*#__PURE__*/React.createElement(ColorPickerButton, {
-    onChange: onChangeMock,
-    colorPalette: panelBackgroundPalette,
-    placement: placement
-  }));
-
-  const selectColor = (wrapper, colorLabel) => {
-    // show popup
-    wrapper.find('button').simulate('click'); // select purple
-
-    wrapper.find('Color').findWhere(node => node.prop('label') === colorLabel).find('button').simulate('click');
-  };
-
-  afterEach(() => {
-    jest.clearAllMocks();
-  });
-  it('should render a button', () => {
-    const wrapper = getWrapper();
-    expect(wrapper.find('button')).toHaveLength(1); // ensure no popup is rendered
-
-    expect(wrapper.find('Popup')).toHaveLength(0);
-  });
-  it('should show a ColorPalette popup after clicking button', () => {
-    const wrapper = getWrapper(); // show the popup
-
-    wrapper.find('button').simulate('click');
-    expect(wrapper.find('Popup')).toHaveLength(1);
-    expect(wrapper.find('ColorPalette')).toHaveLength(1);
-    expect(wrapper.find('Color')).toHaveLength(21);
-  });
-  it('should close ColorPalette popup after clicking outside', () => {
-    const wrapper = getWrapper(); // show the popup
-
-    wrapper.find('button').simulate('click'); // make sure the popup and picker are shown
-
-    expect(wrapper.find('Popup')).toHaveLength(1);
-    const colorPalette = wrapper.find('InjectIntl(ColorPalette)').instance();
-    act(() => {
-      colorPalette.props.handleClickOutside();
-    });
-    wrapper.update(); // make sure popup is hidden
-
-    expect(wrapper.find('Popup')).toHaveLength(0);
-  });
-  it('should hide popup and call onChange after selecting a color', () => {
-    const wrapper = getWrapper();
-    selectColor(wrapper, 'Mintie'); // ensure popup is hidden
-
-    expect(wrapper.find('Popup')).toHaveLength(0); // ensure callback was called
-
-    expect(onChangeMock).toBeCalledWith({
-      label: 'Mintie',
-      value: colors.G75,
-      border: DEFAULT_BORDER_COLOR
-    });
-  });
-  it('analytics', async () => {
-    const wrapper = getWrapper('ConfigPanel');
-    selectColor(wrapper, 'Doctor');
-    expect(mockCreateAnalyticsEvent).toHaveBeenCalledWith({
-      action: ACTION.UPDATED,
-      actionSubject: ACTION_SUBJECT.PICKER,
-      actionSubjectId: ACTION_SUBJECT_ID.PICKER_COLOR,
-      attributes: {
-        color: '#FFFFFF',
-        label: 'Doctor',
-        placement: 'ConfigPanel'
-      },
-      eventType: EVENT_TYPE.TRACK
-    });
-    expect(mockFire).toHaveBeenCalledWith(editorAnalyticsChannel);
-  });
-});

package/dist/es2019/ui/PortalProvider/index.test.js

@@ -1,115 +0,0 @@
-jest.mock('react-dom', () => ({ ...jest.requireActual('react-dom'),
-  unmountComponentAtNode: jest.fn()
-}));
-import React from 'react';
-import { unmountComponentAtNode } from 'react-dom';
-import { mount } from 'enzyme';
-import { AnalyticsListener, useAnalyticsEvents } from '@atlaskit/analytics-next';
-import { PortalProvider, PortalRenderer } from './';
-import { ContextAdapter } from '../../nodeviews/context-adapter';
-
-const Component = () => /*#__PURE__*/React.createElement("div", {
-  className: "component"
-}, "My component");
-
-const Component2 = () => {
-  const {
-    createAnalyticsEvent
-  } = useAnalyticsEvents();
-  const event = createAnalyticsEvent({});
-  event.fire('portalprovidertest');
-  return /*#__PURE__*/React.createElement("div", null, "Component 2");
-};
-
-const ComponentWithAnalytics = () => /*#__PURE__*/React.createElement(Component2, null);
-
-describe('PortalProvider', () => {
-  let portalProviderAPI;
-  let wrapper;
-  let place;
-  let place2;
-  let handleAnalyticsEvent;
-  let handleAnalyticsEventFromContext;
-
-  const initPortalProvider = () => {
-    handleAnalyticsEvent = jest.fn();
-    handleAnalyticsEventFromContext = jest.fn();
-    wrapper = mount( /*#__PURE__*/React.createElement(AnalyticsListener, {
-      channel: "portalprovidertest",
-      onEvent: handleAnalyticsEventFromContext
-    }, /*#__PURE__*/React.createElement(ContextAdapter, null, /*#__PURE__*/React.createElement(PortalProvider, {
-      onAnalyticsEvent: handleAnalyticsEvent,
-      useAnalyticsContext: true,
-      render: api => {
-        portalProviderAPI = api;
-        return /*#__PURE__*/React.createElement(PortalRenderer, {
-          portalProviderAPI: api
-        });
-      }
-    }))));
-    portalProviderAPI.render(Component, place);
-    wrapper.update();
-  };
-
-  beforeEach(() => {
-    jest.resetAllMocks();
-    place = document.body.appendChild(document.createElement('div'));
-    place.classList.add('place');
-    place2 = document.body.appendChild(document.createElement('div'));
-    place2.classList.add('place2');
-    initPortalProvider();
-  });
-  afterEach(() => {
-    place.parentNode.removeChild(place);
-    place2.parentNode.removeChild(place2);
-  });
-  it('should render a component successfully', () => {
-    expect(mount( /*#__PURE__*/React.createElement(Component, null)).html()).toEqual(place.innerHTML);
-  });
-  it('should render several components successfully', () => {
-    portalProviderAPI.render(Component, place2);
-    wrapper.update();
-    const component = mount( /*#__PURE__*/React.createElement(Component, null));
-    expect(component.html()).toEqual(place.innerHTML);
-    expect(component.html()).toEqual(place2.innerHTML);
-  });
-  it('should destroy a component successfully', () => {
-    portalProviderAPI.remove(place);
-    wrapper.update();
-    expect(unmountComponentAtNode).toBeCalledWith(place);
-  });
-  describe('React throws an error while unmounting child component', () => {
-    const error = new Error('Something happened...');
-    beforeEach(() => {
-      unmountComponentAtNode.mockImplementation(() => {
-        throw error;
-      });
-    });
-    it('should not throw error', () => {
-      expect(() => portalProviderAPI.remove(place)).not.toThrowError();
-    });
-    it('should fire analytics if React throws an error when unmounting', () => {
-      portalProviderAPI.remove(place);
-      expect(handleAnalyticsEvent).toHaveBeenCalledWith({
-        payload: {
-          action: 'failedToUnmount',
-          actionSubject: 'editor',
-          actionSubjectId: 'reactNodeView',
-          attributes: {
-            error,
-            domNodes: {
-              container: 'place',
-              child: 'component'
-            }
-          },
-          eventType: 'operational'
-        }
-      });
-    });
-  });
-  it('should propogate events up from child component', () => {
-    portalProviderAPI.render(ComponentWithAnalytics, place);
-    wrapper.update();
-    expect(handleAnalyticsEventFromContext).toBeCalledTimes(1);
-  });
-});