@atlaskit/editor-common 69.2.1 → 69.3.0

package/dist/es2019/with-plugin-state/index.js

@@ -0,0 +1,263 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import PropTypes from 'prop-types';
+const DEFAULT_SAMPLING_RATE = 100;
+const DEFAULT_SLOW_THRESHOLD = 4;
+
+/**
+ * Wraps component in a high order component that watches state changes of given plugins
+ * and passes those states to the wrapped component.
+ *
+ * Example:
+ * <WithPluginState
+ *   eventDispatcher={eventDispatcher}
+ *   editorView={editorView}
+ *   plugins={{
+ *     hyperlink: hyperlinkPluginKey
+ *   }}
+ *   render={renderComponent}
+ * />
+ *
+ * renderComponent: ({ hyperlink }) => React.Component;
+ */
+class WithPluginState extends React.Component {
+  constructor(...args) {
+    super(...args);
+
+    _defineProperty(this, "listeners", {});
+
+    _defineProperty(this, "debounce", null);
+
+    _defineProperty(this, "notAppliedState", {});
+
+    _defineProperty(this, "isSubscribed", false);
+
+    _defineProperty(this, "state", this.getPluginsStates(this.props.plugins, this.getEditorView(this.props, this.context)));
+
+    _defineProperty(this, "handlePluginStateChange", (propName, pluginName, performanceOptions, skipEqualityCheck) => pluginState => {
+      // skipEqualityCheck is being used for old plugins since they are mutating plugin state instead of creating a new one
+      if (this.state[propName] !== pluginState || skipEqualityCheck) {
+        this.updateState({
+          stateSubset: {
+            [propName]: pluginState
+          },
+          pluginName,
+          performanceOptions
+        });
+      }
+    });
+
+    _defineProperty(this, "updateState", ({
+      stateSubset,
+      pluginName,
+      performanceOptions
+    }) => {
+      this.notAppliedState = { ...this.notAppliedState,
+        ...stateSubset
+      };
+
+      if (this.debounce) {
+        window.clearTimeout(this.debounce);
+      }
+
+      const debounce = this.props.debounce !== false ? fn => window.setTimeout(fn, 0) : fn => fn();
+      this.debounce = debounce(() => {
+        // TODO: ED-15580
+        //const measure = `🦉${pluginName}::WithPluginState`;
+        //performanceOptions.trackingEnabled && startMeasure(measure);
+        //              () => {
+        //  performanceOptions.trackingEnabled &&
+        //    stopMeasure(measure, (duration) => {
+        //      // Each WithPluginState component will fire analytics event no more than once every `samplingLimit` times
+        //      if (
+        //        ++this.callsCount % performanceOptions.samplingRate === 0 &&
+        //        duration > performanceOptions.slowThreshold
+        //      ) {
+        //        const editorView = this.getEditorView();
+        //        this.dispatchAnalyticsEvent({
+        //          action: ACTION.WITH_PLUGIN_STATE_CALLED,
+        //          actionSubject: ACTION_SUBJECT.EDITOR,
+        //          eventType: EVENT_TYPE.OPERATIONAL,
+        //          attributes: {
+        //            plugin: pluginName,
+        //            duration,
+        //            participants: getParticipantsCount(
+        //              editorView && editorView.state,
+        //            ),
+        //          },
+        //        });
+        //      }
+        //    });
+        //}
+        this.setState(this.notAppliedState);
+        this.debounce = null;
+        this.notAppliedState = {};
+      });
+    });
+
+    _defineProperty(this, "onContextUpdate", () => {
+      this.subscribe(this.props);
+    });
+  }
+
+  getEditorView(maybeProps, maybeContext) {
+    const props = maybeProps || this.props;
+    const context = maybeContext || this.context;
+    return props.editorView || context && context.editorActions && context.editorActions._privateGetEditorView() || context && context.editorSharedConfig && context.editorSharedConfig.editorView;
+  }
+
+  getEventDispatcher(maybeProps) {
+    const props = maybeProps || this.props;
+    return props.eventDispatcher || this.context && this.context.editorActions && this.context.editorActions._privateGetEventDispatcher() || this.context && this.context.editorSharedConfig && this.context.editorSharedConfig.eventDispatcher;
+  }
+
+  // TODO: ED-15580
+  //private dispatchAnalyticsEvent = (payload: AnalyticsEventPayload) => {
+  //  const eventDispatcher = this.getEventDispatcher();
+  //  if (eventDispatcher) {
+  //    const dispatch: AnalyticsDispatch = createDispatch(eventDispatcher);
+  //    dispatch(analyticsEventKey, {
+  //      payload,
+  //    });
+  //  }
+  //};
+  getPluginsStates(plugins, editorView) {
+    if (!editorView || !plugins) {
+      return {};
+    }
+
+    const keys = Object.keys(plugins);
+    return keys.reduce((acc, propName) => {
+      const pluginKey = plugins[propName];
+
+      if (!pluginKey) {
+        return acc;
+      }
+
+      acc[propName] = pluginKey.getState(editorView.state);
+      return acc;
+    }, {});
+  }
+
+  subscribe(props) {
+    const plugins = props.plugins;
+    const eventDispatcher = this.getEventDispatcher(props);
+    const editorView = this.getEditorView(props);
+
+    if (!eventDispatcher || !editorView || this.isSubscribed) {
+      return;
+    } // TODO: ED-15580
+    //const analyticsPlugin = analyticsPluginKey.getState(editorView.state);
+    //const uiTracking =
+    //  analyticsPlugin && analyticsPlugin.performanceTracking
+    //    ? analyticsPlugin.performanceTracking.uiTracking || {}
+    //    : {};
+    //const trackingEnabled = uiTracking.enabled === true;
+    //const samplingRate = uiTracking.samplingRate || DEFAULT_SAMPLING_RATE;
+    //const slowThreshold = uiTracking.slowThreshold || DEFAULT_SLOW_THRESHOLD;
+
+
+    const trackingEnabled = false;
+    const samplingRate = DEFAULT_SAMPLING_RATE;
+    const slowThreshold = DEFAULT_SLOW_THRESHOLD;
+    this.isSubscribed = true;
+    const pluginsStates = this.getPluginsStates(plugins, editorView);
+    this.setState(pluginsStates);
+    Object.keys(plugins).forEach(propName => {
+      const pluginKey = plugins[propName];
+
+      if (!pluginKey) {
+        return;
+      }
+
+      const pluginName = pluginKey.key;
+      const pluginState = pluginsStates[propName];
+      const isPluginWithSubscribe = pluginState && pluginState.subscribe;
+      const handler = this.handlePluginStateChange(propName, pluginName, {
+        samplingRate,
+        slowThreshold,
+        trackingEnabled
+      }, isPluginWithSubscribe);
+
+      if (isPluginWithSubscribe) {
+        pluginState.subscribe(handler);
+      } else {
+        eventDispatcher.on(pluginKey.key, handler);
+      }
+
+      this.listeners[pluginKey.key] = {
+        handler,
+        pluginKey
+      };
+    });
+  }
+
+  unsubscribe() {
+    const eventDispatcher = this.getEventDispatcher();
+    const editorView = this.getEditorView();
+
+    if (!eventDispatcher || !editorView || !this.isSubscribed) {
+      return;
+    }
+
+    Object.keys(this.listeners).forEach(key => {
+      const pluginState = this.listeners[key].pluginKey.getState(editorView.state);
+
+      if (pluginState && pluginState.unsubscribe) {
+        pluginState.unsubscribe(this.listeners[key].handler);
+      } else {
+        eventDispatcher.off(key, this.listeners[key].handler);
+      }
+    });
+    this.listeners = [];
+  }
+
+  subscribeToContextUpdates(context) {
+    if (context && context.editorActions) {
+      context.editorActions._privateSubscribe(this.onContextUpdate);
+    }
+  }
+
+  unsubscribeFromContextUpdates(context) {
+    if (context && context.editorActions) {
+      context.editorActions._privateUnsubscribe(this.onContextUpdate);
+    }
+  }
+
+  componentDidMount() {
+    this.subscribe(this.props);
+    this.subscribeToContextUpdates(this.context);
+  }
+
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    if (!this.isSubscribed) {
+      this.subscribe(nextProps);
+    }
+  }
+
+  componentWillUnmount() {
+    if (this.debounce) {
+      window.clearTimeout(this.debounce);
+    }
+
+    this.unsubscribeFromContextUpdates(this.context);
+    this.unsubscribe();
+  }
+
+  render() {
+    const {
+      render
+    } = this.props;
+    return render(this.state);
+  }
+
+}
+
+_defineProperty(WithPluginState, "displayName", 'WithPluginState');
+
+_defineProperty(WithPluginState, "contextTypes", {
+  editorActions: PropTypes.object,
+  editorSharedConfig: PropTypes.object
+});
+
+export { WithPluginState };

package/dist/es2019/with-plugin-state/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/__tests_external__/cases/fundamentals/collection.js

@@ -0,0 +1,9 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { editorIsPresentTestCase } from './test-cases/editor-is-present';
+import { editorTypingTestCase } from './test-cases/editor-typing';
+export var fundamentalsTestCollection = function fundamentalsTestCollection(opts) {
+  return new InProductTestCollection({
+    title: '@atlaskit/editor-core -> Editor fundamentals happy path tests',
+    testCases: [editorIsPresentTestCase(opts), editorTypingTestCase(opts)]
+  });
+};

package/dist/esm/__tests_external__/cases/fundamentals/test-cases/editor-is-present.js

@@ -0,0 +1,14 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EditorPageObject } from '../../../page-objects/Editor';
+export var editorIsPresentTestCase = function editorIsPresentTestCase(testOptions) {
+  return new InProductTestCase({
+    testOptions: testOptions,
+    title: 'content-area, title of Editor are visible',
+    id: 'editor-is-present',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      editor.getTitleArea().should('be.visible');
+      editor.getEditorArea().should('be.visible');
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/fundamentals/test-cases/editor-typing.js

@@ -0,0 +1,25 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EditorPageObject } from '../../../page-objects/Editor';
+import { RendererPageObject } from '../../../page-objects/Renderer';
+export var editorTypingTestCase = function editorTypingTestCase(opts) {
+  return new InProductTestCase({
+    title: 'typing in Editor works',
+    id: 'editor-typing',
+    assertions: function assertions(cy) {
+      var _opts$ui;
+
+      var editor = new EditorPageObject(cy);
+      editor.getEditorArea().type('abcdef');
+      editor.getEditorArea().contains('abcdef');
+
+      if (!opts || !((_opts$ui = opts.ui) !== null && _opts$ui !== void 0 && _opts$ui.publishButton)) {
+        return;
+      }
+
+      var publishButton = opts.ui.publishButton;
+      var renderer = new RendererPageObject(cy);
+      cy.get(publishButton).click();
+      renderer.getContent().contains('abcdef');
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/media/test-cases/alt-text.js

@@ -0,0 +1,32 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { MediaCardPageObject } from '@atlaskit/media-card/in-product';
+import { EditorPageObject } from '../../../page-objects/Editor';
+import { EditorMediaPageObject } from '../../../page-objects/EditorMedia';
+export var addAltTextMediaTestCase = function addAltTextMediaTestCase(_ref) {
+  var ui = _ref.ui,
+      fixtures = _ref.fixtures;
+  return new InProductTestCase({
+    title: 'adding alt text to Media works',
+    id: 'media-alt-text',
+    precondition: function precondition() {
+      return fixtures.length > 0;
+    },
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorMedia = new EditorMediaPageObject(cy);
+      var mediaCard = new MediaCardPageObject(cy);
+      editor.upload(fixtures);
+      mediaCard.expectCardReady(fixtures.length);
+      var altText = 'Corne **loves** avocados';
+      editorMedia.addAltTextToImage(altText);
+      editorMedia.assertAltText(altText);
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        renderer.expectMediaSingleRenders(fixtures.length);
+        mediaCard.assertAltText(altText);
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/media/test-cases/caption.js

@@ -0,0 +1,31 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { MediaCardPageObject } from '@atlaskit/media-card/in-product';
+import { EditorPageObject } from '../../../page-objects/Editor';
+import { EditorMediaPageObject } from '../../../page-objects/EditorMedia';
+export var addCaptionMediaTestCase = function addCaptionMediaTestCase(_ref) {
+  var ui = _ref.ui,
+      fixtures = _ref.fixtures;
+  return new InProductTestCase({
+    title: 'adding caption to Media works',
+    id: 'media-caption',
+    precondition: function precondition() {
+      return fixtures.length > 0;
+    },
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorMedia = new EditorMediaPageObject(cy);
+      var mediaCard = new MediaCardPageObject(cy);
+      editor.upload(fixtures);
+      mediaCard.expectCardReady(fixtures.length);
+      var captionText = 'Corne loves avocados';
+      editorMedia.addCaptionToImage(captionText);
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        renderer.expectMediaSingleRenders(fixtures.length);
+        editorMedia.assertCaptionText(captionText);
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/media/test-cases/index.js

@@ -0,0 +1,10 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { addAltTextMediaTestCase } from './alt-text';
+import { addCaptionMediaTestCase } from './caption';
+import { uploadMediaTestCase } from './upload';
+export var mediaTestCollection = function mediaTestCollection(opts) {
+  return new InProductTestCollection({
+    title: '@atlaskit/editor-core -> Media, happy paths',
+    testCases: [uploadMediaTestCase(opts), addAltTextMediaTestCase(opts), addCaptionMediaTestCase(opts)]
+  });
+};

package/dist/esm/__tests_external__/cases/media/test-cases/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/__tests_external__/cases/media/test-cases/upload.js

@@ -0,0 +1,26 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { MediaCardPageObject } from '@atlaskit/media-card/in-product';
+import { EditorPageObject } from '../../../page-objects/Editor';
+export var uploadMediaTestCase = function uploadMediaTestCase(_ref) {
+  var ui = _ref.ui,
+      fixtures = _ref.fixtures;
+  return new InProductTestCase({
+    title: 'media upload and publish works',
+    id: 'media-file-upload',
+    precondition: function precondition() {
+      return fixtures.length > 0;
+    },
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var mediaCard = new MediaCardPageObject(cy);
+      editor.upload(fixtures);
+      mediaCard.expectCardReady(fixtures.length);
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        renderer.expectMediaSingleRenders(fixtures.length);
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/smart-links/index.js

@@ -0,0 +1,4 @@
+export { inlineSmartLinksTestCollection } from './test-cases/inline';
+export { blockSmartLinksTestCollection } from './test-cases/block';
+export { embedSmartLinksTestCollection } from './test-cases/embed';
+export { blueLinksTestCollection } from './test-cases/url';

package/dist/esm/__tests_external__/cases/smart-links/test-cases/block/delete.js

@@ -0,0 +1,30 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject, blockSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export var deleteBlockSmartLinkTestCase = function deleteBlockSmartLinkTestCase(_ref) {
+  var ui = _ref.ui,
+      url = _ref.url;
+  return new InProductTestCase({
+    title: 'able to delete a Block Smart Link using floating toolbar',
+    id: 'delete-block-smart-link',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+      var blockCard = new BlockCardPageObject(cy);
+      editorWithSmartLinks.insertSmartLinkByTyping(url);
+      editorWithSmartLinks.switchAfterInsert('block');
+      blockSmartLinkRendersTestCase({
+        url: url
+      }).assertions(cy);
+      editorWithSmartLinks.deleteSmartLink('block');
+      blockCard.expectCardNotExists();
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        blockCard.expectCardNotExists();
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/smart-links/test-cases/block/edit.js

@@ -0,0 +1,61 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject, blockSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export var editBlockSmartLinkTitleTestCase = function editBlockSmartLinkTitleTestCase(_ref) {
+  var ui = _ref.ui,
+      url = _ref.url;
+  return new InProductTestCase({
+    title: 'editing a Block Smart Link renders as Blue Link (title)',
+    id: 'block-smart-link-edit-title',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+      var blockCard = new BlockCardPageObject(cy);
+      editorWithSmartLinks.insertSmartLinkByTyping(url);
+      editorWithSmartLinks.switchAfterInsert('block');
+      blockSmartLinkRendersTestCase({
+        url: url
+      }).assertions(cy);
+      editorWithSmartLinks.changeLinkLabel('Avocorne is watching you 🥑', 'block');
+      blockCard.assertHrefRendered(url);
+      blockCard.expectCardNotExists();
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        blockCard.assertHrefRendered(url);
+        blockCard.expectCardNotExists();
+      }
+    }
+  });
+};
+export var editBlockSmartLinkUrlTestCase = function editBlockSmartLinkUrlTestCase(_ref2) {
+  var ui = _ref2.ui,
+      url = _ref2.url;
+  return new InProductTestCase({
+    title: 'editing a Block Smart Link renders as Blue Link (URL)',
+    id: 'block-smart-link-edit',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+      var blockCard = new BlockCardPageObject(cy);
+      editorWithSmartLinks.insertSmartLinkByTyping(url);
+      editorWithSmartLinks.switchAfterInsert('block');
+      blockSmartLinkRendersTestCase({
+        url: url
+      }).assertions(cy);
+      var newUrl = 'https://avo.corne.com';
+      editorWithSmartLinks.changeLinkUrl(newUrl, 'block');
+      blockCard.expectCardNotExists();
+      blockCard.assertHrefRendered(newUrl);
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        blockCard.assertHrefRendered(newUrl);
+        blockCard.expectCardNotExists();
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/smart-links/test-cases/block/index.js

@@ -0,0 +1,10 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { deleteBlockSmartLinkTestCase } from './delete';
+import { editBlockSmartLinkTitleTestCase, editBlockSmartLinkUrlTestCase } from './edit';
+import { switchToBlockSmartLinkTestCase } from './insert';
+export var blockSmartLinksTestCollection = function blockSmartLinksTestCollection(opts) {
+  return new InProductTestCollection({
+    title: '@atlaskit/editor-core -> Block Smart Links, happy paths',
+    testCases: [switchToBlockSmartLinkTestCase(opts), editBlockSmartLinkTitleTestCase(opts), editBlockSmartLinkUrlTestCase(opts), deleteBlockSmartLinkTestCase(opts)]
+  });
+};

package/dist/esm/__tests_external__/cases/smart-links/test-cases/block/insert.js

@@ -0,0 +1,29 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { blockSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export var switchToBlockSmartLinkTestCase = function switchToBlockSmartLinkTestCase(_ref) {
+  var ui = _ref.ui,
+      url = _ref.url;
+  return new InProductTestCase({
+    title: 'switching to a Block Smart Link works',
+    id: 'switch-to-block',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+      editorWithSmartLinks.insertSmartLinkByTyping(url);
+      editorWithSmartLinks.switchAfterInsert('block');
+      blockSmartLinkRendersTestCase({
+        url: url
+      }).assertions(cy);
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        blockSmartLinkRendersTestCase({
+          url: url
+        }).assertions(cy);
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/smart-links/test-cases/embed/delete.js

@@ -0,0 +1,30 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EmbedCardPageObject, embedSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export var deleteEmbedSmartLinkTestCase = function deleteEmbedSmartLinkTestCase(_ref) {
+  var ui = _ref.ui,
+      url = _ref.url;
+  return new InProductTestCase({
+    title: 'able to delete an Embed Smart Link using floating toolbar',
+    id: 'delete-embed-smart-link',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+      var embedCard = new EmbedCardPageObject(cy);
+      editorWithSmartLinks.insertSmartLinkByTyping(url);
+      editorWithSmartLinks.switchAfterInsert('embed');
+      embedSmartLinkRendersTestCase({
+        url: url
+      }).assertions(cy);
+      editorWithSmartLinks.deleteSmartLink('embed');
+      embedCard.expectCardNotExists();
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        embedCard.expectCardNotExists();
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/smart-links/test-cases/embed/edit.js

@@ -0,0 +1,61 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EmbedCardPageObject, embedSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export var editEmbedSmartLinkTitleTestCase = function editEmbedSmartLinkTitleTestCase(_ref) {
+  var ui = _ref.ui,
+      url = _ref.url;
+  return new InProductTestCase({
+    title: 'editing an Embed Smart Link renders as Blue Link (title)',
+    id: 'embed-smart-link-edit-title',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+      var embedCard = new EmbedCardPageObject(cy);
+      editorWithSmartLinks.insertSmartLinkByTyping(url);
+      editorWithSmartLinks.switchAfterInsert('embed');
+      embedSmartLinkRendersTestCase({
+        url: url
+      }).assertions(cy);
+      editorWithSmartLinks.changeLinkLabel('Avocorne is watching you 🥑', 'embed');
+      embedCard.assertHrefRendered(url);
+      embedCard.expectCardNotExists();
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        embedCard.assertHrefRendered(url);
+        embedCard.expectCardNotExists();
+      }
+    }
+  });
+};
+export var editEmbedSmartLinkUrlTestCase = function editEmbedSmartLinkUrlTestCase(_ref2) {
+  var ui = _ref2.ui,
+      url = _ref2.url;
+  return new InProductTestCase({
+    title: 'editing an Embed Smart Link renders as Blue Link (URL)',
+    id: 'embed-smart-link-edit',
+    assertions: function assertions(cy) {
+      var editor = new EditorPageObject(cy);
+      var editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+      var embedCard = new EmbedCardPageObject(cy);
+      editorWithSmartLinks.insertSmartLinkByTyping(url);
+      editorWithSmartLinks.switchAfterInsert('embed');
+      embedSmartLinkRendersTestCase({
+        url: url
+      }).assertions(cy);
+      var newUrl = 'https://avo.corne.com';
+      editorWithSmartLinks.changeLinkUrl(newUrl, 'embed');
+      embedCard.expectCardNotExists();
+      embedCard.assertHrefRendered(newUrl);
+
+      if (ui !== null && ui !== void 0 && ui.publishButton) {
+        var renderer = editor.publish(ui);
+        renderer.expectContentReady();
+        embedCard.assertHrefRendered(newUrl);
+        embedCard.expectCardNotExists();
+      }
+    }
+  });
+};

package/dist/esm/__tests_external__/cases/smart-links/test-cases/embed/index.js

@@ -0,0 +1,10 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { deleteEmbedSmartLinkTestCase } from './delete';
+import { editEmbedSmartLinkTitleTestCase, editEmbedSmartLinkUrlTestCase } from './edit';
+import { switchToEmbedSmartLinkTestCase } from './insert';
+export var embedSmartLinksTestCollection = function embedSmartLinksTestCollection(opts) {
+  return new InProductTestCollection({
+    title: '@atlaskit/editor-core -> Embed Smart Links, happy paths',
+    testCases: [switchToEmbedSmartLinkTestCase(opts), editEmbedSmartLinkTitleTestCase(opts), editEmbedSmartLinkUrlTestCase(opts), deleteEmbedSmartLinkTestCase(opts)]
+  });
+};