@atlaskit/editor-core 150.0.1 → 151.1.0

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

package/dist/es2019/plugins/caption/pm-plugins/keymap.test.js

@@ -1,193 +0,0 @@
-import { sendKeyToPm } from '@atlaskit/editor-test-helpers/send-key-to-pm';
-import { createEditorFactory } from '@atlaskit/editor-test-helpers/create-editor';
-import { caption, doc, media, mediaSingle, p, panel } from '@atlaskit/editor-test-helpers/doc-builder';
-import { NodeSelection, TextSelection } from 'prosemirror-state';
-import { findParentNodeOfType } from 'prosemirror-utils';
-import { GapCursorSelection } from '../../selection/gap-cursor/selection';
-const createEditorTestingLibrary = createEditorFactory();
-
-const editor = doc => createEditorTestingLibrary({
-  doc,
-  editorProps: {
-    allowPanel: true,
-    media: {
-      allowMediaSingle: true,
-      featureFlags: {
-        captions: true
-      }
-    }
-  }
-});
-
-describe('caption keymap', () => {
-  it('should go to caption on tab', () => {
-    const {
-      editorView
-    } = editor(doc('{<node>}', mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('Hello'))));
-    sendKeyToPm(editorView, 'Tab');
-    const captionParentNode = findParentNodeOfType(editorView.state.schema.nodes.caption)(editorView.state.selection);
-    expect(editorView.state.selection instanceof TextSelection).toBe(true);
-    expect(captionParentNode).toBeDefined();
-  });
-  it('should select caption on arrow down', () => {
-    const {
-      editorView
-    } = editor(doc('{<node>}', mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('Hello')), p('')));
-    sendKeyToPm(editorView, 'ArrowDown');
-    const captionParentNode = findParentNodeOfType(editorView.state.schema.nodes.caption)(editorView.state.selection);
-    expect(editorView.state.selection instanceof TextSelection).toBe(true);
-    expect(captionParentNode).toBeDefined();
-  });
-  it('should select media from paragraph below on arrow up', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle({
-      layout: 'center'
-    })(media({
-      id: 'abc',
-      type: 'file',
-      collection: 'xyz'
-    })(), caption('hello')), p('{<>}something')));
-    sendKeyToPm(editorView, 'ArrowUp');
-    expect(editorView.state.selection instanceof NodeSelection).toBe(true);
-    expect(editorView.state.selection.from).toBe(0);
-  });
-  it('should select media from caption on arrow up', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle({
-      layout: 'center'
-    })(media({
-      id: 'abc',
-      type: 'file',
-      collection: 'xyz'
-    })(), caption('he{<>}llo')), p('something')));
-    sendKeyToPm(editorView, 'ArrowUp');
-    expect(editorView.state.selection instanceof NodeSelection).toBe(true);
-    expect(editorView.state.selection.from).toBe(0);
-  });
-  it('should select media from caption on shift + tab', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle({
-      layout: 'center'
-    })(media({
-      id: 'abc',
-      type: 'file',
-      collection: 'xyz'
-    })(), caption('he{<>}llo')), p('something')));
-    sendKeyToPm(editorView, 'Shift-Tab');
-    expect(editorView.state.selection instanceof NodeSelection).toBe(true);
-    expect(editorView.state.selection.from).toBe(0);
-  });
-  it('should create paragraph below caption on arrow down', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle({
-      layout: 'center'
-    })(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hello{<>}'))));
-    sendKeyToPm(editorView, 'ArrowDown');
-    expect(editorView.state.doc).toEqualDocument(doc(mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hello')), p()));
-  });
-  it('should create paragraph below caption on enter', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle({
-      layout: 'center'
-    })(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hello{<>}'))));
-    sendKeyToPm(editorView, 'Enter');
-    expect(editorView.state.doc).toEqualDocument(doc(mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hello')), p()));
-  });
-  it('should not create paragraph below panel on enter', () => {
-    const {
-      editorView
-    } = editor(doc(panel()(p('text{<>}'))));
-    sendKeyToPm(editorView, 'Enter');
-    expect(editorView.state.doc).toEqualDocument(doc(panel()(p('text'), p())));
-  });
-  it('should move to paragraph below caption on arrow down', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle({
-      layout: 'center'
-    })(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hel{<>}lo')), p('something')));
-    sendKeyToPm(editorView, 'ArrowDown');
-    expect(editorView.state).toEqualDocumentAndSelection(doc(mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hello')), p('{<>}something')));
-  });
-  it('should move to paragraph below caption on enter', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle({
-      layout: 'center'
-    })(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('he{<>}llo')), p('something')));
-    sendKeyToPm(editorView, 'Enter');
-    expect(editorView.state).toEqualDocumentAndSelection(doc(mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('hello')), p('{<>}something')));
-  });
-  it('should gap cursor parent media single on left arrow', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('{<>}Hello')), p('')));
-    sendKeyToPm(editorView, 'ArrowLeft');
-    expect(editorView.state.selection).toBeInstanceOf(GapCursorSelection);
-    expect(editorView.state).toEqualDocumentAndSelection(doc('{<gap|>}', mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('Hello')), p('')));
-  });
-  it('should not gap cursor parent media single on left arrow when not at start', () => {
-    const {
-      editorView
-    } = editor(doc(mediaSingle()(media({
-      id: 'a559980d-cd47-43e2-8377-27359fcb905f',
-      type: 'file',
-      collection: 'MediaServicesSample'
-    })(), caption('H{<>}ello')), p('')));
-    sendKeyToPm(editorView, 'ArrowLeft');
-    expect(editorView.state.selection).not.toBeInstanceOf(GapCursorSelection);
-  });
-});