@atlaskit/editor-core 150.0.0 → 151.0.0

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);
-    });
-  });
-});

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

@@ -1,123 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("@atlaskit/editor-test-helpers/enzyme");
-
-var _theme = require("@atlaskit/theme");
-
-var _Palettes = require("../ColorPalette/Palettes");
-
-var _panelBackgroundPalette = require("../ColorPalette/Palettes/panelBackgroundPalette");
-
-var _mockAnalyticsNext = require("@atlaskit/editor-test-helpers/mock-analytics-next");
-
-var _index = _interopRequireDefault(require("./index"));
-
-var _types = require("../../plugins/analytics/types");
-
-var _consts = require("../../plugins/analytics/consts");
-
-var _testUtils = require("react-dom/test-utils");
-
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-describe('color-picker-button', function () {
-  var onChangeMock = jest.fn();
-
-  var getWrapper = function getWrapper() {
-    var placement = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    return (0, _enzyme.mountWithIntl)( /*#__PURE__*/_react.default.createElement(_index.default, {
-      onChange: onChangeMock,
-      colorPalette: _panelBackgroundPalette.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();
-    (0, _testUtils.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: _theme.colors.G75,
-      border: _Palettes.DEFAULT_BORDER_COLOR
-    });
-  });
-  it('analytics', /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var wrapper;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            wrapper = getWrapper('ConfigPanel');
-            selectColor(wrapper, 'Doctor');
-            expect(_mockAnalyticsNext.mockCreateAnalyticsEvent).toHaveBeenCalledWith({
-              action: _types.ACTION.UPDATED,
-              actionSubject: _types.ACTION_SUBJECT.PICKER,
-              actionSubjectId: _types.ACTION_SUBJECT_ID.PICKER_COLOR,
-              attributes: {
-                color: '#FFFFFF',
-                label: 'Doctor',
-                placement: 'ConfigPanel'
-              },
-              eventType: _types.EVENT_TYPE.TRACK
-            });
-            expect(_mockAnalyticsNext.mockFire).toHaveBeenCalledWith(_consts.editorAnalyticsChannel);
-
-          case 4:
-          case "end":
-            return _context.stop();
-        }
-      }
-    }, _callee);
-  })));
-});

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

@@ -1,139 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _enzyme = require("enzyme");
-
-var _analyticsNext = require("@atlaskit/analytics-next");
-
-var _ = require("./");
-
-var _contextAdapter = require("../../nodeviews/context-adapter");
-
-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) { (0, _defineProperty2.default)(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()
-  });
-});
-
-var Component = function Component() {
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "component"
-  }, "My component");
-};
-
-var Component2 = function Component2() {
-  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
-      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
-
-  var event = createAnalyticsEvent({});
-  event.fire('portalprovidertest');
-  return /*#__PURE__*/_react.default.createElement("div", null, "Component 2");
-};
-
-var ComponentWithAnalytics = function ComponentWithAnalytics() {
-  return /*#__PURE__*/_react.default.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 = (0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(_analyticsNext.AnalyticsListener, {
-      channel: "portalprovidertest",
-      onEvent: handleAnalyticsEventFromContext
-    }, /*#__PURE__*/_react.default.createElement(_contextAdapter.ContextAdapter, null, /*#__PURE__*/_react.default.createElement(_.PortalProvider, {
-      onAnalyticsEvent: handleAnalyticsEvent,
-      useAnalyticsContext: true,
-      render: function render(api) {
-        portalProviderAPI = api;
-        return /*#__PURE__*/_react.default.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((0, _enzyme.mount)( /*#__PURE__*/_react.default.createElement(Component, null)).html()).toEqual(place.innerHTML);
-  });
-  it('should render several components successfully', function () {
-    portalProviderAPI.render(Component, place2);
-    wrapper.update();
-    var component = (0, _enzyme.mount)( /*#__PURE__*/_react.default.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(_reactDom.unmountComponentAtNode).toBeCalledWith(place);
-  });
-  describe('React throws an error while unmounting child component', function () {
-    var error = new Error('Something happened...');
-    beforeEach(function () {
-      _reactDom.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);
-  });
-});

package/dist/es2019/plugins/caption/nodeviews/index.test.js

@@ -1,122 +0,0 @@
-import { createEditorFactory } from '@atlaskit/editor-test-helpers/create-editor';
-import { caption, doc, media, mediaSingle, p } from '@atlaskit/editor-test-helpers/doc-builder';
-import { setNodeSelection, setTextSelection } from '../../../utils';
-import { render } from '@testing-library/react';
-import { getSchemaBasedOnStage } from '@atlaskit/adf-schema';
-import captionNodeView from '.';
-jest.mock('../../base/pm-plugins/react-nodeview', () => ({
-  stateKey: {
-    getState: () => ({
-      subscribe: jest.fn(),
-      unsubscribe: jest.fn()
-    })
-  }
-}));
-const createEditorTestingLibrary = createEditorFactory(render);
-
-const editor = doc => createEditorTestingLibrary({
-  doc,
-  editorProps: {
-    media: {
-      allowMediaSingle: true,
-      featureFlags: {
-        captions: true
-      }
-    }
-  }
-});
-
-const mediaNodeAttrs = {
-  id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-  type: 'file',
-  collection: 'MediaServicesSample',
-  width: 250,
-  height: 250
-};
-describe('caption', () => {
-  it('should render caption children', () => {
-    const CAPTION_TEXT = 'this is a very cool caption';
-    const {
-      wrapper: {
-        getByText
-      }
-    } = editor(doc(mediaSingle()(media(mediaNodeAttrs)(), caption(CAPTION_TEXT))));
-    expect(getByText(CAPTION_TEXT)).not.toBeNull();
-  });
-  it("should show a placeholder if there's no children", () => {
-    const {
-      wrapper: {
-        getByText
-      }
-    } = editor(doc('{<node>}', // node selection
-    mediaSingle()(media(mediaNodeAttrs)())));
-    expect(getByText('Add a caption')).not.toBeNull();
-  });
-  it('should not show a placeholder when selecting away from media single', () => {
-    const {
-      wrapper: {
-        queryByText,
-        getByText
-      },
-      editorView
-    } = editor(doc('{<node>}', // node selection
-    mediaSingle()(media(mediaNodeAttrs)()), p('this is a random piece of text')));
-    expect(getByText('Add a caption')).not.toBeNull();
-    setTextSelection(editorView, 13, 14);
-    expect(queryByText('Add a caption')).toBeNull();
-  });
-  it('should show a placeholder when selecting a media single', () => {
-    const {
-      wrapper: {
-        queryByText,
-        getByText
-      },
-      editorView
-    } = editor(doc('{node}', // node selection
-    mediaSingle()(media(mediaNodeAttrs)()), p('this is a random p{<>}iece of text')));
-    expect(queryByText('Add a caption')).toBeNull();
-    setNodeSelection(editorView, 0);
-    expect(getByText('Add a caption')).not.toBeNull();
-  });
-});
-describe('nodeview updating based on child count', () => {
-  const portalProviderAPI = {
-    render(component) {
-      component();
-    },
-
-    remove() {}
-
-  };
-  const eventDispatcher = {};
-  const node = caption('hi')(getSchemaBasedOnStage('stage0'));
-  const view = {
-    state: {
-      selection: {
-        from: 0,
-        to: 0,
-        $anchor: {
-          pos: 0
-        },
-        $head: {
-          pos: 20
-        }
-      }
-    }
-  };
-  const getPos = jest.fn();
-  it('does not update if the childCount has not changed', () => {
-    const nodeView = captionNodeView(portalProviderAPI, eventDispatcher)(node, view, getPos); // ensure that if it falls through to the default it returns false
-
-    nodeView['_viewShouldUpdate'] = jest.fn(_node => false);
-    expect(nodeView.viewShouldUpdate(node)).toBeFalsy();
-  });
-  it('updates if the childCount has changed', () => {
-    const nodeView = captionNodeView(portalProviderAPI, eventDispatcher)(node, view, getPos); // when captions is in full schema, use defaultSchema
-
-    const newNode = caption()(getSchemaBasedOnStage('stage0')); // ensure that if it falls through to the default it returns false
-
-    nodeView['_viewShouldUpdate'] = jest.fn(_node => false);
-    expect(nodeView.viewShouldUpdate(newNode)).toBeTruthy();
-  });
-});