@atlaskit/editor-core 150.0.3 → 151.0.0

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

@@ -1,230 +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';
-
-var dummyFormatMessage = function dummyFormatMessage(messageDescriptor) {
-  return messageDescriptor.defaultMessage || '';
-};
-
-var changePanelTypespy = jest.spyOn(actions, 'changePanelType');
-describe('getToolbarItems', function () {
-  var providerFactory = new ProviderFactory();
-  providerFactory.setProvider('emojiProvider', Promise.resolve(getTestEmojiResource()));
-  var panelPreset = new Preset().add([panelPlugin, {
-    UNSAFE_allowCustomPanel: true
-  }]);
-  var itemsWithCustomPanelEnabled = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, true, providerFactory, PanelType.INFO);
-  afterEach(function () {
-    jest.clearAllMocks();
-  });
-  it('should return 7 items when isCustomPanelEnabled is false', function () {
-    var items = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, false, providerFactory);
-    expect(items).toHaveLength(7);
-  });
-  describe('if isCustomPanelEnabled is true', function () {
-    it('should return 11 items', function () {
-      expect(itemsWithCustomPanelEnabled).toHaveLength(11);
-    });
-    it('should contain emoji and color picker button', function () {
-      var emojiButton = itemsWithCustomPanelEnabled.find(function (item) {
-        return item.type === 'select' && item.selectType === 'emoji';
-      });
-      var colorButton = itemsWithCustomPanelEnabled.find(function (item) {
-        return item.type === 'select' && item.selectType === 'color';
-      });
-      expect(emojiButton).not.toBeUndefined();
-      expect(colorButton).not.toBeUndefined();
-    });
-  });
-  describe('custom panel toolbar items', function () {
-    var createEditor = createProsemirrorEditorFactory();
-
-    var _createEditor = createEditor({
-      doc: doc(panel({
-        panelType: 'info'
-      })(p('{<>}'))),
-      preset: panelPreset,
-      providerFactory: providerFactory
-    }),
-        editorView = _createEditor.editorView;
-
-    it("should call changePanelType when clicked on emoji picker\n          with changed emoji", function () {
-      var emojiPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
-        return 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\n          with changed color", function () {
-      var colorPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
-        return 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", function () {
-      var removeEmojiButton = itemsWithCustomPanelEnabled.find(function (item) {
-        return 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", function () {
-      var _createEditor2 = createEditor({
-        doc: doc(panel({
-          panelType: 'custom'
-        })(p('{<>}'))),
-        preset: panelPreset,
-        providerFactory: providerFactory
-      }),
-          editorView = _createEditor2.editorView;
-
-      var toolbarItems = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, true, providerFactory, PanelType.CUSTOM);
-      var removeEmojiButton = toolbarItems.find(function (item) {
-        return 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", function () {
-      var toolbarItems = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, true, providerFactory, PanelType.CUSTOM, '#ABF5D1', '');
-      var removeEmojiButton = toolbarItems.find(function (item) {
-        return 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", function () {
-      var toolbarItems = getToolbarItems(dummyFormatMessage, defaultSchema.nodes.panel, true, providerFactory, PanelType.CUSTOM, '#ABF5D1', ':smiley:');
-      var removeEmojiButton = toolbarItems.find(function (item) {
-        return item.type === 'button' && item.id === 'editor.panel.removeEmoji';
-      });
-      expect(removeEmojiButton.disabled).toBe(false);
-    });
-  });
-  describe('analytics for custom panels', function () {
-    var createEditor = createProsemirrorEditorFactory();
-    var createAnalyticsEvent = jest.fn(function () {
-      return {
-        fire: function fire() {}
-      };
-    });
-    var editorView;
-    beforeEach(function () {
-      var _createEditor3 = createEditor({
-        doc: doc(panel({
-          panelType: 'info'
-        })(p('{<>}'))),
-        preset: panelPreset.add([analyticsPlugin, {
-          createAnalyticsEvent: createAnalyticsEvent
-        }]),
-        providerFactory: providerFactory,
-        pluginKey: emojiPluginKey
-      });
-
-      editorView = _createEditor3.editorView;
-    });
-    it('Should trigger analytics when background color is changed', function () {
-      var colorPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
-        return item.type === 'select' && item.selectType === 'color';
-      });
-      colorPickerConfig.onChange({
-        label: 'Mintie',
-        value: '#ABF5D1',
-        border: DEFAULT_BORDER_COLOR
-      })(editorView.state, editorView.dispatch);
-      var 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', function () {
-      var emojiPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
-        return item.type === 'select' && item.selectType === 'emoji';
-      });
-      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
-      var 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', function () {
-      var removeEmojiButton = itemsWithCustomPanelEnabled.find(function (item) {
-        return item.type === 'button' && item.id === 'editor.panel.removeEmoji';
-      });
-      var emojiPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
-        return item.type === 'select' && item.selectType === 'emoji';
-      });
-      emojiPickerConfig.onChange(':smiley:')(editorView.state, editorView.dispatch);
-      removeEmojiButton.onClick(editorView.state, editorView.dispatch);
-      var 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', function () {
-      var colorPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
-        return 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', function () {
-      var emojiPickerConfig = itemsWithCustomPanelEnabled.find(function (item) {
-        return 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/esm/ui/ColorPickerButton/index.test.js

@@ -1,107 +0,0 @@
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-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', function () {
-  var onChangeMock = jest.fn();
-
-  var getWrapper = function getWrapper() {
-    var placement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    return mountWithIntl( /*#__PURE__*/React.createElement(ColorPickerButton, {
-      onChange: onChangeMock,
-      colorPalette: panelBackgroundPalette,
-      placement: placement
-    }));
-  };
-
-  var selectColor = function selectColor(wrapper, colorLabel) {
-    // show popup
-    wrapper.find('button').simulate('click'); // select purple
-
-    wrapper.find('Color').findWhere(function (node) {
-      return node.prop('label') === colorLabel;
-    }).find('button').simulate('click');
-  };
-
-  afterEach(function () {
-    jest.clearAllMocks();
-  });
-  it('should render a button', function () {
-    var 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', function () {
-    var 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', function () {
-    var wrapper = getWrapper(); // show the popup
-
-    wrapper.find('button').simulate('click'); // make sure the popup and picker are shown
-
-    expect(wrapper.find('Popup')).toHaveLength(1);
-    var colorPalette = wrapper.find('InjectIntl(ColorPalette)').instance();
-    act(function () {
-      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', function () {
-    var 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', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var wrapper;
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            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);
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-});

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

@@ -1,129 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-jest.mock('react-dom', function () {
-  return _objectSpread(_objectSpread({}, 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';
-
-var Component = function Component() {
-  return /*#__PURE__*/React.createElement("div", {
-    className: "component"
-  }, "My component");
-};
-
-var Component2 = function Component2() {
-  var _useAnalyticsEvents = useAnalyticsEvents(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
-  var event = createAnalyticsEvent({});
-  event.fire('portalprovidertest');
-  return /*#__PURE__*/React.createElement("div", null, "Component 2");
-};
-
-var ComponentWithAnalytics = function ComponentWithAnalytics() {
-  return /*#__PURE__*/React.createElement(Component2, null);
-};
-
-describe('PortalProvider', function () {
-  var portalProviderAPI;
-  var wrapper;
-  var place;
-  var place2;
-  var handleAnalyticsEvent;
-  var handleAnalyticsEventFromContext;
-
-  var initPortalProvider = function 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: function render(api) {
-        portalProviderAPI = api;
-        return /*#__PURE__*/React.createElement(PortalRenderer, {
-          portalProviderAPI: api
-        });
-      }
-    }))));
-    portalProviderAPI.render(Component, place);
-    wrapper.update();
-  };
-
-  beforeEach(function () {
-    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(function () {
-    place.parentNode.removeChild(place);
-    place2.parentNode.removeChild(place2);
-  });
-  it('should render a component successfully', function () {
-    expect(mount( /*#__PURE__*/React.createElement(Component, null)).html()).toEqual(place.innerHTML);
-  });
-  it('should render several components successfully', function () {
-    portalProviderAPI.render(Component, place2);
-    wrapper.update();
-    var 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', function () {
-    portalProviderAPI.remove(place);
-    wrapper.update();
-    expect(unmountComponentAtNode).toBeCalledWith(place);
-  });
-  describe('React throws an error while unmounting child component', function () {
-    var error = new Error('Something happened...');
-    beforeEach(function () {
-      unmountComponentAtNode.mockImplementation(function () {
-        throw error;
-      });
-    });
-    it('should not throw error', function () {
-      expect(function () {
-        return portalProviderAPI.remove(place);
-      }).not.toThrowError();
-    });
-    it('should fire analytics if React throws an error when unmounting', function () {
-      portalProviderAPI.remove(place);
-      expect(handleAnalyticsEvent).toHaveBeenCalledWith({
-        payload: {
-          action: 'failedToUnmount',
-          actionSubject: 'editor',
-          actionSubjectId: 'reactNodeView',
-          attributes: {
-            error: error,
-            domNodes: {
-              container: 'place',
-              child: 'component'
-            }
-          },
-          eventType: 'operational'
-        }
-      });
-    });
-  });
-  it('should propogate events up from child component', function () {
-    portalProviderAPI.render(ComponentWithAnalytics, place);
-    wrapper.update();
-    expect(handleAnalyticsEventFromContext).toBeCalledTimes(1);
-  });
-});