@atlaskit/editor-core 150.0.2 → 151.1.1

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

@@ -1,296 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _docBuilder = require("@atlaskit/editor-test-helpers/doc-builder");
-
-var _mediaTestHelpers = require("@atlaskit/media-test-helpers");
-
-var _createProsemirrorEditor = require("@atlaskit/editor-test-helpers/create-prosemirror-editor");
-
-var _sendKeyToPm = _interopRequireDefault(require("@atlaskit/editor-test-helpers/send-key-to-pm"));
-
-var _editorCommon = require("@atlaskit/editor-common");
-
-var _hyperlink = _interopRequireDefault(require("../../hyperlink"));
-
-var _ = _interopRequireDefault(require("../"));
-
-var _actions = require("../pm-plugins/linking/actions");
-
-var _checkMediaType = require("../utils/check-media-type");
-
-var _linking = require("../pm-plugins/linking");
-
-var linking = _interopRequireWildcard(require("./linking"));
-
-var _types = require("../../analytics/types");
-
-var analyticUtils = _interopRequireWildcard(require("../../analytics/utils"));
-
-var commands = _interopRequireWildcard(require("../../../commands"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var setUrlToMedia = linking.setUrlToMedia,
-    showLinkingToolbarWithMediaTypeCheck = linking.showLinkingToolbarWithMediaTypeCheck,
-    unlink = linking.unlink;
-jest.mock('../utils/check-media-type', function () {
-  return {
-    checkMediaType: jest.fn()
-  };
-});
-describe('image linking', function () {
-  var createEditor = (0, _createProsemirrorEditor.createProsemirrorEditorFactory)();
-  var preset = new _createProsemirrorEditor.Preset();
-  var mediaProvider = Promise.resolve({
-    viewMediaClientConfig: (0, _mediaTestHelpers.getDefaultMediaClientConfig)()
-  });
-
-  var providerFactory = _editorCommon.ProviderFactory.create({
-    mediaProvider: mediaProvider
-  });
-
-  preset.add([_.default, {
-    allowMediaSingle: true,
-    allowLinking: true
-  }]).add(_hyperlink.default);
-
-  var editor = function editor(doc) {
-    return createEditor({
-      doc: doc,
-      preset: preset,
-      providerFactory: providerFactory
-    });
-  };
-
-  var document = (0, _docBuilder.doc)('{<node>}', (0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
-    id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-    type: 'file',
-    collection: 'MediaServicesSample'
-  })()), (0, _docBuilder.mediaSingle)()((0, _docBuilder.media)({
-    id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-    type: 'file',
-    collection: 'MediaServicesSample'
-  })()));
-  var mockDispatch = jest.fn();
-  afterEach(function () {
-    mockDispatch.mockClear();
-  });
-  describe('analytics', function () {
-    var FIRST_CALL = 0;
-    var ANALYTIC_PAYLOAD = 2;
-    var analyticUtilsSpy = jest.spyOn(analyticUtils, 'addAnalytics');
-    beforeEach(function () {
-      analyticUtilsSpy.mockReset();
-    });
-    afterAll(function () {
-      jest.resetAllMocks();
-    });
-    it('should call analytic when creating a link', function () {
-      var _editor = editor(document),
-          editorView = _editor.editorView;
-
-      setUrlToMedia('http://google.com', _types.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', function () {
-      var googleUrl = 'http://google.com';
-      var documentWithMediaWithLink = (0, _docBuilder.doc)('{<node>}', (0, _docBuilder.mediaSingle)()((0, _docBuilder.a)({
-        href: googleUrl
-      })((0, _docBuilder.media)({
-        id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-        type: 'file',
-        collection: 'MediaServicesSample'
-      })())));
-      it('should add edit analytic when modifying link', function () {
-        var _editor2 = editor(documentWithMediaWithLink),
-            editorView = _editor2.editorView;
-
-        setUrlToMedia('http://random-url.com', _types.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', function () {
-        var _editor3 = editor(documentWithMediaWithLink),
-            editorView = _editor3.editorView;
-
-        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", function () {
-        var _editor4 = editor(documentWithMediaWithLink),
-            editorView = _editor4.editorView;
-
-        setUrlToMedia(googleUrl, _types.INPUT_METHOD.MANUAL)(editorView.state, mockDispatch, editorView);
-        expect(analyticUtilsSpy).not.toBeCalled();
-      });
-    });
-    describe('errors', function () {
-      beforeAll(function () {
-        jest.spyOn(commands, 'createToggleBlockMarkOnRange').mockImplementation(function () {
-          throw new Error('This error should be caught');
-        });
-      });
-      it("should call analytic if there's an error creating a link", function () {
-        var _editor5 = editor(document),
-            editorView = _editor5.editorView;
-
-        try {
-          setUrlToMedia('http://google.com', _types.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', function () {
-    describe('selected media is an image', function () {
-      beforeAll(function () {
-        _checkMediaType.checkMediaType.mockReturnValue(Promise.resolve('image'));
-      });
-      it('call dispatch with correct param with a media is selected', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _editor6, editorView, result, expectTransaction;
-
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _editor6 = editor(document), editorView = _editor6.editorView;
-                _context.next = 3;
-                return (0, _mediaTestHelpers.flushPromises)();
-
-              case 3:
-                result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-                expectTransaction = editorView.state.tr.setMeta(_linking.mediaLinkingPluginKey, {
-                  type: _actions.MediaLinkingActionsTypes.showToolbar
-                });
-                _context.next = 7;
-                return (0, _mediaTestHelpers.flushPromises)();
-
-              case 7:
-                expect(result).toEqual(true);
-                expect(mockDispatch).toHaveBeenCalledWith(expectTransaction);
-
-              case 9:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      })));
-      it('does not call dispatch when selection is not a media single node', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
-        var _editor7, editorView, result;
-
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) {
-            switch (_context2.prev = _context2.next) {
-              case 0:
-                _editor7 = editor(document), editorView = _editor7.editorView;
-                result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-                _context2.next = 4;
-                return (0, _mediaTestHelpers.flushPromises)();
-
-              case 4:
-                expect(result).toEqual(false);
-                expect(mockDispatch).not.toHaveBeenCalled();
-
-              case 6:
-              case "end":
-                return _context2.stop();
-            }
-          }
-        }, _callee2);
-      })));
-      it('does not call dispatch when selection has changed', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
-        var _editor8, editorView, result;
-
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) {
-            switch (_context3.prev = _context3.next) {
-              case 0:
-                _editor8 = editor(document), editorView = _editor8.editorView;
-                result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-                (0, _sendKeyToPm.default)(editorView, 'ArrowDown');
-                _context3.next = 5;
-                return (0, _mediaTestHelpers.flushPromises)();
-
-              case 5:
-                expect(result).toEqual(false);
-                expect(mockDispatch).not.toHaveBeenCalled();
-
-              case 7:
-              case "end":
-                return _context3.stop();
-            }
-          }
-        }, _callee3);
-      })));
-    });
-    describe('selected media is a video', function () {
-      beforeAll(function () {
-        _checkMediaType.checkMediaType.mockReturnValue(Promise.resolve('video'));
-      });
-      it('does not call dispatch', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4() {
-        var _editor9, editorView, result;
-
-        return _regenerator.default.wrap(function _callee4$(_context4) {
-          while (1) {
-            switch (_context4.prev = _context4.next) {
-              case 0:
-                _editor9 = editor(document), editorView = _editor9.editorView;
-                result = showLinkingToolbarWithMediaTypeCheck(editorView.state, mockDispatch, editorView);
-                _context4.next = 4;
-                return (0, _mediaTestHelpers.flushPromises)();
-
-              case 4:
-                expect(result).toEqual(false);
-                expect(mockDispatch).not.toHaveBeenCalled();
-
-              case 6:
-              case "end":
-                return _context4.stop();
-            }
-          }
-        }, _callee4);
-      })));
-    });
-  });
-});

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

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _react2 = require("@testing-library/react");
-
-var _reactIntl = require("react-intl");
-
-var _colors = require("@atlaskit/theme/colors");
-
-var _messages = require("./messages");
-
-var _index = _interopRequireDefault(require("./index"));
-
-var renderWithIntl = function renderWithIntl(component) {
-  return (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_reactIntl.IntlProvider, {
-    locale: "en"
-  }, component));
-};
-
-var onClick = function onClick() {};
-
-describe('CaptionComponent', function () {
-  it('should show a placeholder by default', function () {
-    var _renderWithIntl = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, {
-      onClick: onClick
-    })),
-        getByText = _renderWithIntl.getByText;
-
-    expect(getByText(_messages.messages.placeholder.defaultMessage)).not.toBeNull();
-  });
-  it('should have the placeholder colour as N200', function () {
-    var _renderWithIntl2 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, {
-      onClick: onClick
-    })),
-        container = _renderWithIntl2.container;
-
-    expect(container.firstChild).toHaveStyle("color: ".concat(_colors.N200));
-  });
-  it('placeholder should be centered', function () {
-    var _renderWithIntl3 = renderWithIntl( /*#__PURE__*/_react.default.createElement(_index.default, {
-      onClick: onClick
-    })),
-        container = _renderWithIntl3.container;
-
-    expect(container.firstChild).toHaveStyle("text-align: center");
-  });
-});

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

@@ -1,250 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-var _schema = _interopRequireDefault(require("@atlaskit/editor-test-helpers/schema"));
-
-var _editorCommon = require("@atlaskit/editor-common");
-
-var _getTestEmojiResource = require("@atlaskit/util-data-test/get-test-emoji-resource");
-
-var _toolbar = require("./toolbar");
-
-var actions = _interopRequireWildcard(require("../panel/actions"));
-
-var _Palettes = require("../../ui/ColorPalette/Palettes");
-
-var _createProsemirrorEditor = require("@atlaskit/editor-test-helpers/create-prosemirror-editor");
-
-var _ = _interopRequireDefault(require("."));
-
-var _docBuilder = require("@atlaskit/editor-test-helpers/doc-builder");
-
-var _adfSchema = require("@atlaskit/adf-schema");
-
-var _analytics = _interopRequireWildcard(require("../analytics"));
-
-var _emoji = require("../emoji");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-var dummyFormatMessage = function dummyFormatMessage(messageDescriptor) {
-  return messageDescriptor.defaultMessage || '';
-};
-
-var changePanelTypespy = jest.spyOn(actions, 'changePanelType');
-describe('getToolbarItems', function () {
-  var providerFactory = new _editorCommon.ProviderFactory();
-  providerFactory.setProvider('emojiProvider', Promise.resolve((0, _getTestEmojiResource.getTestEmojiResource)()));
-  var panelPreset = new _createProsemirrorEditor.Preset().add([_.default, {
-    UNSAFE_allowCustomPanel: true
-  }]);
-  var itemsWithCustomPanelEnabled = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.nodes.panel, true, providerFactory, _adfSchema.PanelType.INFO);
-  afterEach(function () {
-    jest.clearAllMocks();
-  });
-  it('should return 7 items when isCustomPanelEnabled is false', function () {
-    var items = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.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 = (0, _createProsemirrorEditor.createProsemirrorEditorFactory)();
-
-    var _createEditor = createEditor({
-      doc: (0, _docBuilder.doc)((0, _docBuilder.panel)({
-        panelType: 'info'
-      })((0, _docBuilder.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(_adfSchema.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: _Palettes.DEFAULT_BORDER_COLOR
-      })(editorView.state);
-      expect(changePanelTypespy).toBeCalledWith(_adfSchema.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(_adfSchema.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: (0, _docBuilder.doc)((0, _docBuilder.panel)({
-          panelType: 'custom'
-        })((0, _docBuilder.p)('{<>}'))),
-        preset: panelPreset,
-        providerFactory: providerFactory
-      }),
-          editorView = _createEditor2.editorView;
-
-      var toolbarItems = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.nodes.panel, true, providerFactory, _adfSchema.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 = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.nodes.panel, true, providerFactory, _adfSchema.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 = (0, _toolbar.getToolbarItems)(dummyFormatMessage, _schema.default.nodes.panel, true, providerFactory, _adfSchema.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 = (0, _createProsemirrorEditor.createProsemirrorEditorFactory)();
-    var createAnalyticsEvent = jest.fn(function () {
-      return {
-        fire: function fire() {}
-      };
-    });
-    var editorView;
-    beforeEach(function () {
-      var _createEditor3 = createEditor({
-        doc: (0, _docBuilder.doc)((0, _docBuilder.panel)({
-          panelType: 'info'
-        })((0, _docBuilder.p)('{<>}'))),
-        preset: panelPreset.add([_analytics.default, {
-          createAnalyticsEvent: createAnalyticsEvent
-        }]),
-        providerFactory: providerFactory,
-        pluginKey: _emoji.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: _Palettes.DEFAULT_BORDER_COLOR
-      })(editorView.state, editorView.dispatch);
-      var payload = {
-        action: _analytics.ACTION.CHANGED_BACKGROUND_COLOR,
-        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
-        attributes: expect.objectContaining({
-          newColor: '#ABF5D1',
-          previousColor: '#DEEBFF'
-        }),
-        eventType: _analytics.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: _analytics.ACTION.CHANGED_ICON,
-        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
-        attributes: expect.objectContaining({
-          newIcon: ':smiley:',
-          previousIcon: ''
-        }),
-        eventType: _analytics.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: _analytics.ACTION.REMOVE_ICON,
-        actionSubject: _analytics.ACTION_SUBJECT.PANEL,
-        actionSubjectId: _analytics.ACTION_SUBJECT_ID.PANEL,
-        attributes: expect.objectContaining({
-          icon: ':smiley:'
-        }),
-        eventType: _analytics.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: _Palettes.DEFAULT_BORDER_COLOR
-      })(editorView.state, editorView.dispatch);
-      colorPickerConfig.onChange({
-        label: 'Mintie',
-        value: '#ABF5D1',
-        border: _Palettes.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);
-    });
-  });
-});