@atlaskit/editor-common 69.2.1 → 69.2.2

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

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

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/embed/insert.js

@@ -0,0 +1,28 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { embedSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export const switchToEmbedSmartLinkTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'switching to an Embed Smart Link works',
+  id: 'switch-to-embed',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    editorWithSmartLinks.switchAfterInsert('embed');
+    embedSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      embedSmartLinkRendersTestCase({
+        url
+      }).assertions(cy);
+    }
+  }
+});

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/inline/delete.js

@@ -0,0 +1,28 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject, inlineSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export const deleteInlineSmartLinkTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'able to delete an Inline Smart Link using floating toolbar',
+  id: 'delete-inline-smart-link',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    const inlineCard = new InlineCardPageObject(cy);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    inlineSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+    editorWithSmartLinks.deleteSmartLink();
+    inlineCard.expectCardNotExists();
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      inlineCard.expectCardNotExists();
+    }
+  }
+});

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/inline/edit.js

@@ -0,0 +1,57 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject, inlineSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export const editInlineSmartLinkTitleTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'editing an Inline Smart Link renders as Blue Link (title)',
+  id: 'inline-smart-link-edit-title',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    const inlineCard = new InlineCardPageObject(cy);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    inlineSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+    editorWithSmartLinks.changeLinkLabel('Avocorne is watching you 🥑');
+    inlineCard.assertHrefRendered(url);
+    inlineCard.expectCardNotExists();
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      inlineCard.assertHrefRendered(url);
+      inlineCard.expectCardNotExists();
+    }
+  }
+});
+export const editInlineSmartLinkUrlTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'editing an Inline Smart Link renders as Blue Link (URL)',
+  id: 'inline-smart-link-edit',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    const inlineCard = new InlineCardPageObject(cy);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    inlineSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+    const newUrl = 'https://avo.corne.com';
+    editorWithSmartLinks.changeLinkUrl(newUrl);
+    inlineCard.expectCardNotExists();
+    inlineCard.assertHrefRendered(newUrl);
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      inlineCard.assertHrefRendered(newUrl);
+      inlineCard.expectCardNotExists();
+    }
+  }
+});

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/inline/index.js

@@ -0,0 +1,9 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { deleteInlineSmartLinkTestCase } from './delete';
+import { editInlineSmartLinkTitleTestCase, editInlineSmartLinkUrlTestCase } from './edit';
+import { insertInlineSmartLinkTestCase } from './insert';
+import { unlinkInlineSmartLinkTestCase } from './unlink';
+export const inlineSmartLinksTestCollection = opts => new InProductTestCollection({
+  title: '@atlaskit/editor-core -> Inline Smart Links, happy paths',
+  testCases: [insertInlineSmartLinkTestCase(opts), editInlineSmartLinkTitleTestCase(opts), editInlineSmartLinkUrlTestCase(opts), unlinkInlineSmartLinkTestCase(opts), deleteInlineSmartLinkTestCase(opts)]
+});

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/inline/insert.js

@@ -0,0 +1,27 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { inlineSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export const insertInlineSmartLinkTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'inserting an Inline Smart Link works',
+  id: 'inline-smart-link-insert',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    inlineSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      inlineSmartLinkRendersTestCase({
+        url
+      }).assertions(cy);
+    }
+  }
+});

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/inline/unlink.js

@@ -0,0 +1,30 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject, inlineSmartLinkRendersTestCase } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export const unlinkInlineSmartLinkTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'unlinking an Inline Smart Link works',
+  id: 'inline-smart-link-unlink',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    const inlineCard = new InlineCardPageObject(cy);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    inlineSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+    editorWithSmartLinks.unlink();
+    inlineCard.expectCardNotExists();
+    inlineCard.assertHrefNotRendered(url);
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      inlineCard.expectCardNotExists();
+      inlineCard.assertHrefNotRendered(url);
+    }
+  }
+});

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/types.js

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

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/url/index.js

@@ -0,0 +1,6 @@
+import { InProductTestCollection } from '@atlaskit/in-product-testing';
+import { switchToUrlTestCase } from './insert';
+export const blueLinksTestCollection = opts => new InProductTestCollection({
+  title: '@atlaskit/editor-core -> Blue Links, happy paths',
+  testCases: [switchToUrlTestCase(opts)]
+});

package/dist/es2019/__tests_external__/cases/smart-links/test-cases/url/insert.js

@@ -0,0 +1,25 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject } from '@atlaskit/smart-card/in-product';
+import { EditorPageObject } from '../../../../page-objects/Editor';
+import { EditorSmartLinkPageObject } from '../../../../page-objects/EditorSmartLink';
+export const switchToUrlTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'switching to a Blue Link works',
+  id: 'switch-to-url',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    const inlineCard = new InlineCardPageObject(cy);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    editorWithSmartLinks.switchAfterInsert('url');
+    inlineCard.assertHrefRendered(url);
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      inlineCard.assertHrefRendered(url);
+    }
+  }
+});

package/dist/es2019/__tests_external__/cases/types.js

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

package/dist/es2019/__tests_external__/index.js

@@ -0,0 +1,4 @@
+export { EditorPageObject } from './page-objects/Editor';
+export { fundamentalsTestCollection } from './cases/fundamentals/collection';
+export { inlineSmartLinksTestCollection, blockSmartLinksTestCollection, embedSmartLinksTestCollection, blueLinksTestCollection } from './cases/smart-links';
+export { mediaTestCollection } from './cases/media/test-cases';

package/dist/es2019/__tests_external__/page-objects/Editor.js

@@ -0,0 +1,29 @@
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { RendererPageObject } from './Renderer';
+export class EditorPageObject extends InProductTestPageObject {
+  getEditorArea() {
+    return this.cy.get('div.ProseMirror', {
+      timeout: 30000
+    });
+  }
+
+  getTitleArea() {
+    return this.cy.get('[data-test-id="editor-title"]');
+  }
+
+  publish(opts) {
+    if (opts !== null && opts !== void 0 && opts.publishButton) {
+      this.cy.get(opts.publishButton).click();
+      return new RendererPageObject(this.cy);
+    }
+
+    throw Error('No publish button selector supplied!');
+  }
+
+  upload(fixtures) {
+    return this.getEditorArea().attachFile(fixtures, {
+      subjectType: 'drag-n-drop'
+    });
+  }
+
+}

package/dist/es2019/__tests_external__/page-objects/EditorMedia.js

@@ -0,0 +1,51 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { MediaCardPageObject } from '@atlaskit/media-card/in-product';
+export class EditorMediaPageObject extends InProductTestPageObject {
+  constructor(cy) {
+    super(cy);
+
+    _defineProperty(this, "testIds", {
+      altTextButton: 'alt-text-edit-button',
+      altTextInput: 'alt-text-input',
+      captionPlaceholder: 'caption-placeholder',
+      caption: 'media-caption'
+    });
+
+    this.cy = cy;
+  }
+
+  addAltTextToImage(altText, cardNumber = 1) {
+    const mediaCard = new MediaCardPageObject(this.cy);
+    mediaCard.findCardNth(cardNumber).click();
+    this.getAltTextButton().click();
+    this.getAltTextInput().type(`${altText}{enter}`);
+  }
+
+  addCaptionToImage(captionText, cardNumber = 1) {
+    const mediaCard = new MediaCardPageObject(this.cy);
+    mediaCard.findCardNth(cardNumber).click();
+    this.getCaptionInput().type(`${captionText}{enter}`);
+  }
+
+  assertCaptionText(captionText) {
+    return this.cy.get(this.toTestId(this.testIds.caption)).should('have.text', captionText);
+  }
+
+  assertAltText(altText) {
+    return this.cy.get('.mediaView-content-wrap').should('have.attr', 'alt', altText);
+  }
+
+  getAltTextButton() {
+    return this.cy.get(this.toTestId(this.testIds.altTextButton)).should('be.visible');
+  }
+
+  getAltTextInput() {
+    return this.cy.get(this.toTestId(this.testIds.altTextInput)).should('be.visible');
+  }
+
+  getCaptionInput() {
+    return this.cy.get(this.toTestId(this.testIds.captionPlaceholder)).should('be.visible');
+  }
+
+}

package/dist/es2019/__tests_external__/page-objects/EditorSmartLink.js

@@ -0,0 +1,168 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject, EmbedCardPageObject, InlineCardPageObject } from '@atlaskit/smart-card/in-product';
+export class EditorSmartLinkPageObject extends InProductTestPageObject {
+  constructor(cy, editor) {
+    super(cy);
+
+    _defineProperty(this, "testIds", {
+      viewSwitcher: 'link-toolbar-appearance-button',
+      displayUrlOption: 'url-appearance',
+      displayInlineOption: 'inline-appearance',
+      displayCardOption: 'block-appearance',
+      displayEmbedOption: 'embed-appearance',
+      linkUrl: 'link-url',
+      linkLabel: 'link-label'
+    });
+
+    _defineProperty(this, "ariaLabels", {
+      editLink: 'Edit link',
+      deleteLink: 'Remove',
+      unlinkLink: 'Unlink'
+    });
+
+    this.cy = cy;
+    this.editor = editor;
+  }
+
+  getViewSwitcher() {
+    return this.cy.get(this.toTestId(this.testIds.viewSwitcher));
+  }
+
+  openViewSwitcher() {
+    return this.getViewSwitcher().click();
+  }
+
+  getViewSwitcherOption(type = 'inline') {
+    switch (type) {
+      case 'url':
+        {
+          return this.cy.get(this.toTestId(this.testIds.displayUrlOption));
+        }
+
+      case 'inline':
+        {
+          return this.cy.get(this.toTestId(this.testIds.displayInlineOption));
+        }
+
+      case 'block':
+        {
+          return this.cy.get(this.toTestId(this.testIds.displayCardOption));
+        }
+
+      case 'embed':
+        {
+          return this.cy.get(this.toTestId(this.testIds.displayEmbedOption));
+        }
+
+      default:
+        {
+          throw Error(`Attempted to switch to \`${type}\`: unknown Smart Link view switcher option!`);
+        }
+    }
+  }
+
+  selectViewSwitcherOption(type = 'inline') {
+    const viewSwitcherOption = this.getViewSwitcherOption(type);
+    return viewSwitcherOption.click();
+  }
+
+  insertSmartLinkByTyping(url) {
+    return this.editor.getEditorArea().focus().type(`${url} {enter}`, {
+      delay: 0
+    });
+  }
+
+  switchAfterInsert(type = 'inline') {
+    // NOTE: inline inserted by default for all Smart Links.
+    const inlineCard = new InlineCardPageObject(this.cy);
+    inlineCard.click();
+    this.openViewSwitcher();
+    this.selectViewSwitcherOption(type);
+  }
+
+  getSmartLink(type = 'inline') {
+    switch (type) {
+      case 'inline':
+        {
+          return new InlineCardPageObject(this.cy);
+        }
+
+      case 'block':
+        {
+          return new BlockCardPageObject(this.cy);
+        }
+
+      case 'embed':
+        {
+          return new EmbedCardPageObject(this.cy);
+        }
+
+      case 'url':
+        {
+          return new InlineCardPageObject(this.cy);
+        }
+    }
+  }
+
+  getEditLinkButton() {
+    return this.cy.get(this.toAriaLabel(this.ariaLabels.editLink));
+  }
+
+  openEditLinkMenu() {
+    const button = this.getEditLinkButton();
+    return button.click();
+  }
+
+  changeLinkLabel(title, type = 'inline') {
+    const smartLink = this.getSmartLink(type);
+    smartLink.click();
+    this.openEditLinkMenu();
+    this.typeIntoLabelField(title);
+  }
+
+  changeLinkUrl(url, type = 'inline') {
+    this.getSmartLink(type).click();
+    this.openEditLinkMenu();
+    this.typeIntoUrlField(url);
+  }
+
+  typeIntoLabelField(title) {
+    const titleField = this.cy.get(this.toTestId(this.testIds.linkLabel)).focus();
+    titleField.clear();
+    titleField.type(`${title}{enter}`, {
+      delay: 0
+    });
+  }
+
+  typeIntoUrlField(url) {
+    const urlField = this.cy.get(this.toTestId(this.testIds.linkUrl)).focus();
+    urlField.clear();
+    urlField.type(`${url}{enter}`, {
+      delay: 0
+    });
+  }
+
+  deleteSmartLink(type = 'inline') {
+    this.getSmartLink(type).click();
+    this.clickDeleteIcon();
+  }
+
+  clickDeleteIcon() {
+    const ariaLabelSelector = this.toAriaLabel(this.ariaLabels.deleteLink);
+    const deleteButtonSelector = `button${ariaLabelSelector}`;
+    return this.cy.get(deleteButtonSelector).click();
+  }
+
+  unlink(type = 'inline') {
+    this.getSmartLink(type).click();
+    this.clickUnlinkIcon();
+  }
+
+  clickUnlinkIcon() {
+    const ariaLabelSelector = this.toAriaLabel(this.ariaLabels.unlinkLink);
+    const unlinkButtonSelector = `button${ariaLabelSelector}`;
+    return this.cy.get(unlinkButtonSelector).click();
+  }
+
+}

package/dist/es2019/__tests_external__/page-objects/Renderer.js

@@ -0,0 +1,17 @@
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+export class RendererPageObject extends InProductTestPageObject {
+  getContent() {
+    return this.cy.get('.ak-renderer-document');
+  }
+
+  expectContentReady() {
+    return this.cy.get('.ak-renderer-document').should('be.visible');
+  }
+
+  expectMediaSingleRenders(numOfMedia) {
+    return this.cy.get('.rich-media-item').should('have.length', numOfMedia).each(element => {
+      this.cy.wrap(element).should('have.attr', 'data-layout', 'center').should('have.attr', 'data-node-type', 'mediaSingle').should('be.visible');
+    });
+  }
+
+}

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/editor-common",
-	"version": "69.2.1",
+	"version": "69.2.2",
 	"sideEffects": false
 }

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