@atlaskit/editor-common 69.2.1 → 69.2.2

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

@@ -0,0 +1,218 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject, EmbedCardPageObject, InlineCardPageObject } from '@atlaskit/smart-card/in-product';
+export var EditorSmartLinkPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  _inherits(EditorSmartLinkPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(EditorSmartLinkPageObject);
+
+  function EditorSmartLinkPageObject(cy, editor) {
+    var _this;
+
+    _classCallCheck(this, EditorSmartLinkPageObject);
+
+    _this = _super.call(this, cy);
+
+    _defineProperty(_assertThisInitialized(_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(_assertThisInitialized(_this), "ariaLabels", {
+      editLink: 'Edit link',
+      deleteLink: 'Remove',
+      unlinkLink: 'Unlink'
+    });
+
+    _this.cy = cy;
+    _this.editor = editor;
+    return _this;
+  }
+
+  _createClass(EditorSmartLinkPageObject, [{
+    key: "getViewSwitcher",
+    value: function getViewSwitcher() {
+      return this.cy.get(this.toTestId(this.testIds.viewSwitcher));
+    }
+  }, {
+    key: "openViewSwitcher",
+    value: function openViewSwitcher() {
+      return this.getViewSwitcher().click();
+    }
+  }, {
+    key: "getViewSwitcherOption",
+    value: function getViewSwitcherOption() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '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 `".concat(type, "`: unknown Smart Link view switcher option!"));
+          }
+      }
+    }
+  }, {
+    key: "selectViewSwitcherOption",
+    value: function selectViewSwitcherOption() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+      var viewSwitcherOption = this.getViewSwitcherOption(type);
+      return viewSwitcherOption.click();
+    }
+  }, {
+    key: "insertSmartLinkByTyping",
+    value: function insertSmartLinkByTyping(url) {
+      return this.editor.getEditorArea().focus().type("".concat(url, " {enter}"), {
+        delay: 0
+      });
+    }
+  }, {
+    key: "switchAfterInsert",
+    value: function switchAfterInsert() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+      // NOTE: inline inserted by default for all Smart Links.
+      var inlineCard = new InlineCardPageObject(this.cy);
+      inlineCard.click();
+      this.openViewSwitcher();
+      this.selectViewSwitcherOption(type);
+    }
+  }, {
+    key: "getSmartLink",
+    value: function getSmartLink() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '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);
+          }
+      }
+    }
+  }, {
+    key: "getEditLinkButton",
+    value: function getEditLinkButton() {
+      return this.cy.get(this.toAriaLabel(this.ariaLabels.editLink));
+    }
+  }, {
+    key: "openEditLinkMenu",
+    value: function openEditLinkMenu() {
+      var button = this.getEditLinkButton();
+      return button.click();
+    }
+  }, {
+    key: "changeLinkLabel",
+    value: function changeLinkLabel(title) {
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'inline';
+      var smartLink = this.getSmartLink(type);
+      smartLink.click();
+      this.openEditLinkMenu();
+      this.typeIntoLabelField(title);
+    }
+  }, {
+    key: "changeLinkUrl",
+    value: function changeLinkUrl(url) {
+      var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'inline';
+      this.getSmartLink(type).click();
+      this.openEditLinkMenu();
+      this.typeIntoUrlField(url);
+    }
+  }, {
+    key: "typeIntoLabelField",
+    value: function typeIntoLabelField(title) {
+      var titleField = this.cy.get(this.toTestId(this.testIds.linkLabel)).focus();
+      titleField.clear();
+      titleField.type("".concat(title, "{enter}"), {
+        delay: 0
+      });
+    }
+  }, {
+    key: "typeIntoUrlField",
+    value: function typeIntoUrlField(url) {
+      var urlField = this.cy.get(this.toTestId(this.testIds.linkUrl)).focus();
+      urlField.clear();
+      urlField.type("".concat(url, "{enter}"), {
+        delay: 0
+      });
+    }
+  }, {
+    key: "deleteSmartLink",
+    value: function deleteSmartLink() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+      this.getSmartLink(type).click();
+      this.clickDeleteIcon();
+    }
+  }, {
+    key: "clickDeleteIcon",
+    value: function clickDeleteIcon() {
+      var ariaLabelSelector = this.toAriaLabel(this.ariaLabels.deleteLink);
+      var deleteButtonSelector = "button".concat(ariaLabelSelector);
+      return this.cy.get(deleteButtonSelector).click();
+    }
+  }, {
+    key: "unlink",
+    value: function unlink() {
+      var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'inline';
+      this.getSmartLink(type).click();
+      this.clickUnlinkIcon();
+    }
+  }, {
+    key: "clickUnlinkIcon",
+    value: function clickUnlinkIcon() {
+      var ariaLabelSelector = this.toAriaLabel(this.ariaLabels.unlinkLink);
+      var unlinkButtonSelector = "button".concat(ariaLabelSelector);
+      return this.cy.get(unlinkButtonSelector).click();
+    }
+  }]);
+
+  return EditorSmartLinkPageObject;
+}(InProductTestPageObject);

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

@@ -0,0 +1,45 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+export var RendererPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  _inherits(RendererPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(RendererPageObject);
+
+  function RendererPageObject() {
+    _classCallCheck(this, RendererPageObject);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(RendererPageObject, [{
+    key: "getContent",
+    value: function getContent() {
+      return this.cy.get('.ak-renderer-document');
+    }
+  }, {
+    key: "expectContentReady",
+    value: function expectContentReady() {
+      return this.cy.get('.ak-renderer-document').should('be.visible');
+    }
+  }, {
+    key: "expectMediaSingleRenders",
+    value: function expectMediaSingleRenders(numOfMedia) {
+      var _this = this;
+
+      return this.cy.get('.rich-media-item').should('have.length', numOfMedia).each(function (element) {
+        _this.cy.wrap(element).should('have.attr', 'data-layout', 'center').should('have.attr', 'data-node-type', 'mediaSingle').should('be.visible');
+      });
+    }
+  }]);
+
+  return RendererPageObject;
+}(InProductTestPageObject);

package/dist/esm/version.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-common",
-  "version": "69.2.1",
+  "version": "69.2.2",
   "description": "A package that contains common classes and components for editor and renderer",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -99,11 +99,10 @@
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@testing-library/react": "^8.0.1",
+    "@testing-library/react": "^12.1.5",
     "@types/raf-schd": "^4.0.1",
     "cypress-file-upload": "^5.0.2",
     "enzyme": "^3.10.0",
-    "local-cypress": "^1.2.1",
     "raf-stub": "^2.0.1",
     "react": "^16.8.0",
     "react-test-renderer": "^16.8.0",