@atlaskit/editor-common 69.1.2 → 69.2.2

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

@@ -0,0 +1,28 @@
+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 const switchToBlockSmartLinkTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'switching to a Block Smart Link works',
+  id: 'switch-to-block',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    editorWithSmartLinks.switchAfterInsert('block');
+    blockSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      blockSmartLinkRendersTestCase({
+        url
+      }).assertions(cy);
+    }
+  }
+});

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

@@ -0,0 +1,29 @@
+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 const deleteEmbedSmartLinkTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'able to delete an Embed Smart Link using floating toolbar',
+  id: 'delete-embed-smart-link',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    const embedCard = new EmbedCardPageObject(cy);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    editorWithSmartLinks.switchAfterInsert('embed');
+    embedSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+    editorWithSmartLinks.deleteSmartLink('embed');
+    embedCard.expectCardNotExists();
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      embedCard.expectCardNotExists();
+    }
+  }
+});

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

@@ -0,0 +1,59 @@
+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 const editEmbedSmartLinkTitleTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'editing an Embed Smart Link renders as Blue Link (title)',
+  id: 'embed-smart-link-edit-title',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    const embedCard = new EmbedCardPageObject(cy);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    editorWithSmartLinks.switchAfterInsert('embed');
+    embedSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+    editorWithSmartLinks.changeLinkLabel('Avocorne is watching you 🥑', 'embed');
+    embedCard.assertHrefRendered(url);
+    embedCard.expectCardNotExists();
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      embedCard.assertHrefRendered(url);
+      embedCard.expectCardNotExists();
+    }
+  }
+});
+export const editEmbedSmartLinkUrlTestCase = ({
+  ui,
+  url
+}) => new InProductTestCase({
+  title: 'editing an Embed Smart Link renders as Blue Link (URL)',
+  id: 'embed-smart-link-edit',
+  assertions: cy => {
+    const editor = new EditorPageObject(cy);
+    const editorWithSmartLinks = new EditorSmartLinkPageObject(cy, editor);
+    const embedCard = new EmbedCardPageObject(cy);
+    editorWithSmartLinks.insertSmartLinkByTyping(url);
+    editorWithSmartLinks.switchAfterInsert('embed');
+    embedSmartLinkRendersTestCase({
+      url
+    }).assertions(cy);
+    const newUrl = 'https://avo.corne.com';
+    editorWithSmartLinks.changeLinkUrl(newUrl, 'embed');
+    embedCard.expectCardNotExists();
+    embedCard.assertHrefRendered(newUrl);
+
+    if (ui !== null && ui !== void 0 && ui.publishButton) {
+      const renderer = editor.publish(ui);
+      renderer.expectContentReady();
+      embedCard.assertHrefRendered(newUrl);
+      embedCard.expectCardNotExists();
+    }
+  }
+});

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/messages/codeBlockCopyButton.js

@@ -0,0 +1,13 @@
+import { defineMessages } from 'react-intl-next';
+export const codeBlockCopyButtonMessages = defineMessages({
+  copyCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copyToClipboard',
+    defaultMessage: 'Copy as text',
+    description: 'Copy the content of the code block as text to your clipboard'
+  },
+  copiedCodeToClipboard: {
+    id: 'fabric.editor.codeBlockCopyButton.copiedToClipboard',
+    defaultMessage: 'Copied!',
+    description: 'Copied the content of the code block as text to clipboard'
+  }
+});

package/dist/es2019/messages/index.js

@@ -1,3 +1,4 @@
 export { codeBidiWarningMessages } from './codeBidiWarning';
 export { linkMessages } from './link';
-export { unsupportedContentMessages } from './unsupportedContent';
+export { unsupportedContentMessages } from './unsupportedContent';
+export { codeBlockCopyButtonMessages } from './codeBlockCopyButton';

package/dist/es2019/styles/shared/block-marks.js

@@ -5,8 +5,10 @@ export const blockMarksSharedStyles = css`
    * inside doc, tableCell, tableHeader, blockquote, etc.
    */
   *:not(.fabric-editor-block-mark) >,
-  /* For nested block marks */
-  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type {
+  /* For nested block marks apart from those with indentation mark */
+  *:not(.fabric-editor-block-mark) > div.fabric-editor-block-mark:first-of-type:not(.fabric-editor-indentation-mark),
+  // If first document element has indentation mark remove margin-top
+  .ProseMirror .fabric-editor-indentation-mark:first-of-type:first-child {
     p,
     h1,
     h2,