@atlaskit/smart-card 22.1.1 → 22.1.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @atlaskit/smart-card
 
+## 22.1.2
+
+### Patch Changes
+
+- [`46059beebbf`](https://bitbucket.org/atlassian/atlassian-frontend/commits/46059beebbf) - - include **tests_external** in build
+  - replace usage of @local-cypress package with @cypress
+  - bump @cypress from ^6.4.0 to ^7.7.0
+  - import cypress types into @atlaskit/in-product-testing tsconfig
+
 ## 22.1.1
 
 ### Patch Changes

package/dist/cjs/__tests_external__/index.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "BlockCardPageObject", {
+  enumerable: true,
+  get: function get() {
+    return _BlockCard.BlockCardPageObject;
+  }
+});
+Object.defineProperty(exports, "EmbedCardPageObject", {
+  enumerable: true,
+  get: function get() {
+    return _EmbedCard.EmbedCardPageObject;
+  }
+});
+Object.defineProperty(exports, "InlineCardPageObject", {
+  enumerable: true,
+  get: function get() {
+    return _InlineCard.InlineCardPageObject;
+  }
+});
+Object.defineProperty(exports, "blockSmartLinkRendersTestCase", {
+  enumerable: true,
+  get: function get() {
+    return _card.blockSmartLinkRendersTestCase;
+  }
+});
+Object.defineProperty(exports, "embedSmartLinkRendersTestCase", {
+  enumerable: true,
+  get: function get() {
+    return _embed.embedSmartLinkRendersTestCase;
+  }
+});
+Object.defineProperty(exports, "inlineSmartLinkRendersTestCase", {
+  enumerable: true,
+  get: function get() {
+    return _inline.inlineSmartLinkRendersTestCase;
+  }
+});
+
+var _InlineCard = require("./page-objects/InlineCard");
+
+var _BlockCard = require("./page-objects/BlockCard");
+
+var _EmbedCard = require("./page-objects/EmbedCard");
+
+var _inline = require("./test-cases/inline");
+
+var _card = require("./test-cases/card");
+
+var _embed = require("./test-cases/embed");

package/dist/cjs/__tests_external__/page-objects/BaseCard.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BaseCardPageObject = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _inProductTesting = require("@atlaskit/in-product-testing");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  (0, _inherits2.default)(BaseCardPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(BaseCardPageObject);
+
+  function BaseCardPageObject(cy, appearance) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, BaseCardPageObject);
+    _this = _super.call(this, cy);
+    _this.cy = cy;
+    _this.appearance = appearance;
+    return _this;
+  }
+
+  (0, _createClass2.default)(BaseCardPageObject, [{
+    key: "_toSelector",
+    value: function _toSelector(appearance, status) {
+      var viewSelector = status.replace(/_/g, '-');
+      return this.toTestId("".concat(appearance, "-card-").concat(viewSelector, "-view"));
+    }
+  }, {
+    key: "expectCardReady",
+    value: function expectCardReady() {
+      var _this2 = this;
+
+      var numOfCards = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      .get(selector, {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('have.length', numOfCards).each(function (element) {
+        _this2.cy.wrap(element) // NOTE: `be.visible` is used to ensure the file is still visible
+        // whilst it is being uploaded.
+        .should('be.visible');
+      });
+    }
+  }, {
+    key: "expectCardNotExists",
+    value: function expectCardNotExists() {
+      var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy.get(selector).should('not.exist');
+    }
+  }, {
+    key: "findCardNth",
+    value: function findCardNth() {
+      var nth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      .get(selector, {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('have.length.at.least', nth).should('be.visible').eq(nth - 1);
+    }
+  }, {
+    key: "assertHrefRendered",
+    value: function assertHrefRendered(url) {
+      return this.cy.get("a[href=\"".concat(url, "\"]"), {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('be.visible');
+    }
+  }, {
+    key: "assertHrefNotRendered",
+    value: function assertHrefNotRendered(url) {
+      return this.cy.get("a[href=\"".concat(url, "\"]"), {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('not.exist');
+    }
+  }, {
+    key: "click",
+    value: function click() {
+      var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
+      return this.findCardNth(1, status).click();
+    }
+  }]);
+  return BaseCardPageObject;
+}(_inProductTesting.InProductTestPageObject);
+
+exports.BaseCardPageObject = BaseCardPageObject;
+(0, _defineProperty2.default)(BaseCardPageObject, "CARD_TIMEOUT", 15000);

package/dist/cjs/__tests_external__/page-objects/BlockCard.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.BlockCardPageObject = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _BaseCard = require("./BaseCard");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var BlockCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  (0, _inherits2.default)(BlockCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(BlockCardPageObject);
+
+  function BlockCardPageObject(cy) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, BlockCardPageObject);
+    _this = _super.call(this, cy, 'block');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return (0, _createClass2.default)(BlockCardPageObject);
+}(_BaseCard.BaseCardPageObject);
+
+exports.BlockCardPageObject = BlockCardPageObject;

package/dist/cjs/__tests_external__/page-objects/EmbedCard.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmbedCardPageObject = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _BaseCard = require("./BaseCard");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var EmbedCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  (0, _inherits2.default)(EmbedCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(EmbedCardPageObject);
+
+  function EmbedCardPageObject(cy) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, EmbedCardPageObject);
+    _this = _super.call(this, cy, 'embed');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return (0, _createClass2.default)(EmbedCardPageObject);
+}(_BaseCard.BaseCardPageObject);
+
+exports.EmbedCardPageObject = EmbedCardPageObject;

package/dist/cjs/__tests_external__/page-objects/InlineCard.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InlineCardPageObject = void 0;
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _BaseCard = require("./BaseCard");
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
+
+var InlineCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  (0, _inherits2.default)(InlineCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(InlineCardPageObject);
+
+  function InlineCardPageObject(cy) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, InlineCardPageObject);
+    _this = _super.call(this, cy, 'inline');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return (0, _createClass2.default)(InlineCardPageObject);
+}(_BaseCard.BaseCardPageObject);
+
+exports.InlineCardPageObject = InlineCardPageObject;

package/dist/cjs/__tests_external__/test-cases/card.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.blockSmartLinkRendersTestCase = void 0;
+
+var _inProductTesting = require("@atlaskit/in-product-testing");
+
+var _BlockCard = require("../page-objects/BlockCard");
+
+var blockSmartLinkRendersTestCase = function blockSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new _inProductTesting.InProductTestCase({
+    title: 'Block Smart Link is visible in the resolved state',
+    id: 'block-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var blockCard = new _BlockCard.BlockCardPageObject(cy);
+      blockCard.assertHrefRendered(url);
+      blockCard.expectCardReady(1, status);
+    }
+  });
+};
+
+exports.blockSmartLinkRendersTestCase = blockSmartLinkRendersTestCase;

package/dist/cjs/__tests_external__/test-cases/embed.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.embedSmartLinkRendersTestCase = void 0;
+
+var _inProductTesting = require("@atlaskit/in-product-testing");
+
+var _EmbedCard = require("../page-objects/EmbedCard");
+
+var embedSmartLinkRendersTestCase = function embedSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new _inProductTesting.InProductTestCase({
+    title: 'Embed Smart Link is visible in the resolved state',
+    id: 'embed-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var embedCard = new _EmbedCard.EmbedCardPageObject(cy);
+      embedCard.assertHrefRendered(url);
+      embedCard.expectCardReady(1, status);
+    }
+  });
+};
+
+exports.embedSmartLinkRendersTestCase = embedSmartLinkRendersTestCase;

package/dist/cjs/__tests_external__/test-cases/inline.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.inlineSmartLinkRendersTestCase = void 0;
+
+var _inProductTesting = require("@atlaskit/in-product-testing");
+
+var _InlineCard = require("../page-objects/InlineCard");
+
+var inlineSmartLinkRendersTestCase = function inlineSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new _inProductTesting.InProductTestCase({
+    title: 'Inline Smart Link is visible in the resolved state',
+    id: 'inline-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var inlineCard = new _InlineCard.InlineCardPageObject(cy);
+      inlineCard.assertHrefRendered(url);
+      inlineCard.expectCardReady(1, status);
+    }
+  });
+};
+
+exports.inlineSmartLinkRendersTestCase = inlineSmartLinkRendersTestCase;

package/dist/cjs/__tests_external__/test-cases/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "22.1.1",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/es2019/__tests_external__/index.js

@@ -0,0 +1,6 @@
+export { InlineCardPageObject } from './page-objects/InlineCard';
+export { BlockCardPageObject } from './page-objects/BlockCard';
+export { EmbedCardPageObject } from './page-objects/EmbedCard';
+export { inlineSmartLinkRendersTestCase } from './test-cases/inline';
+export { blockSmartLinkRendersTestCase } from './test-cases/card';
+export { embedSmartLinkRendersTestCase } from './test-cases/embed';

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

@@ -0,0 +1,61 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import { InProductTestPageObject } from '@atlaskit/in-product-testing';
+export class BaseCardPageObject extends InProductTestPageObject {
+  constructor(cy, appearance) {
+    super(cy);
+    this.cy = cy;
+    this.appearance = appearance;
+  }
+
+  _toSelector(appearance, status) {
+    const viewSelector = status.replace(/_/g, '-');
+    return this.toTestId(`${appearance}-card-${viewSelector}-view`);
+  }
+
+  expectCardReady(numOfCards = 1, status = 'resolved') {
+    const selector = this._toSelector(this.appearance, status);
+
+    return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+    .get(selector, {
+      timeout: BaseCardPageObject.CARD_TIMEOUT
+    }).should('have.length', numOfCards).each(element => {
+      this.cy.wrap(element) // NOTE: `be.visible` is used to ensure the file is still visible
+      // whilst it is being uploaded.
+      .should('be.visible');
+    });
+  }
+
+  expectCardNotExists(status = 'resolved') {
+    const selector = this._toSelector(this.appearance, status);
+
+    return this.cy.get(selector).should('not.exist');
+  }
+
+  findCardNth(nth = 1, status = 'resolved') {
+    const selector = this._toSelector(this.appearance, status);
+
+    return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+    .get(selector, {
+      timeout: BaseCardPageObject.CARD_TIMEOUT
+    }).should('have.length.at.least', nth).should('be.visible').eq(nth - 1);
+  }
+
+  assertHrefRendered(url) {
+    return this.cy.get(`a[href="${url}"]`, {
+      timeout: BaseCardPageObject.CARD_TIMEOUT
+    }).should('be.visible');
+  }
+
+  assertHrefNotRendered(url) {
+    return this.cy.get(`a[href="${url}"]`, {
+      timeout: BaseCardPageObject.CARD_TIMEOUT
+    }).should('not.exist');
+  }
+
+  click(status = 'resolved') {
+    return this.findCardNth(1, status).click();
+  }
+
+}
+
+_defineProperty(BaseCardPageObject, "CARD_TIMEOUT", 15000);

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

@@ -0,0 +1,8 @@
+import { BaseCardPageObject } from './BaseCard';
+export class BlockCardPageObject extends BaseCardPageObject {
+  constructor(cy) {
+    super(cy, 'block');
+    this.cy = cy;
+  }
+
+}

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

@@ -0,0 +1,8 @@
+import { BaseCardPageObject } from './BaseCard';
+export class EmbedCardPageObject extends BaseCardPageObject {
+  constructor(cy) {
+    super(cy, 'embed');
+    this.cy = cy;
+  }
+
+}

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

@@ -0,0 +1,8 @@
+import { BaseCardPageObject } from './BaseCard';
+export class InlineCardPageObject extends BaseCardPageObject {
+  constructor(cy) {
+    super(cy, 'inline');
+    this.cy = cy;
+  }
+
+}

package/dist/es2019/__tests_external__/test-cases/card.js

@@ -0,0 +1,14 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject } from '../page-objects/BlockCard';
+export const blockSmartLinkRendersTestCase = ({
+  url,
+  status = 'resolved'
+}) => new InProductTestCase({
+  title: 'Block Smart Link is visible in the resolved state',
+  id: 'block-smart-link-resolved',
+  assertions: cy => {
+    const blockCard = new BlockCardPageObject(cy);
+    blockCard.assertHrefRendered(url);
+    blockCard.expectCardReady(1, status);
+  }
+});

package/dist/es2019/__tests_external__/test-cases/embed.js

@@ -0,0 +1,14 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EmbedCardPageObject } from '../page-objects/EmbedCard';
+export const embedSmartLinkRendersTestCase = ({
+  url,
+  status = 'resolved'
+}) => new InProductTestCase({
+  title: 'Embed Smart Link is visible in the resolved state',
+  id: 'embed-smart-link-resolved',
+  assertions: cy => {
+    const embedCard = new EmbedCardPageObject(cy);
+    embedCard.assertHrefRendered(url);
+    embedCard.expectCardReady(1, status);
+  }
+});

package/dist/es2019/__tests_external__/test-cases/inline.js

@@ -0,0 +1,14 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject } from '../page-objects/InlineCard';
+export const inlineSmartLinkRendersTestCase = ({
+  url,
+  status = 'resolved'
+}) => new InProductTestCase({
+  title: 'Inline Smart Link is visible in the resolved state',
+  id: 'inline-smart-link-resolved',
+  assertions: cy => {
+    const inlineCard = new InlineCardPageObject(cy);
+    inlineCard.assertHrefRendered(url);
+    inlineCard.expectCardReady(1, status);
+  }
+});

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

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

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "22.1.1",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/esm/__tests_external__/index.js

@@ -0,0 +1,6 @@
+export { InlineCardPageObject } from './page-objects/InlineCard';
+export { BlockCardPageObject } from './page-objects/BlockCard';
+export { EmbedCardPageObject } from './page-objects/EmbedCard';
+export { inlineSmartLinkRendersTestCase } from './test-cases/inline';
+export { blockSmartLinkRendersTestCase } from './test-cases/card';
+export { embedSmartLinkRendersTestCase } from './test-cases/embed';

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

@@ -0,0 +1,101 @@
+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";
+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';
+export var BaseCardPageObject = /*#__PURE__*/function (_InProductTestPageObj) {
+  _inherits(BaseCardPageObject, _InProductTestPageObj);
+
+  var _super = _createSuper(BaseCardPageObject);
+
+  function BaseCardPageObject(cy, appearance) {
+    var _this;
+
+    _classCallCheck(this, BaseCardPageObject);
+
+    _this = _super.call(this, cy);
+    _this.cy = cy;
+    _this.appearance = appearance;
+    return _this;
+  }
+
+  _createClass(BaseCardPageObject, [{
+    key: "_toSelector",
+    value: function _toSelector(appearance, status) {
+      var viewSelector = status.replace(/_/g, '-');
+      return this.toTestId("".concat(appearance, "-card-").concat(viewSelector, "-view"));
+    }
+  }, {
+    key: "expectCardReady",
+    value: function expectCardReady() {
+      var _this2 = this;
+
+      var numOfCards = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      .get(selector, {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('have.length', numOfCards).each(function (element) {
+        _this2.cy.wrap(element) // NOTE: `be.visible` is used to ensure the file is still visible
+        // whilst it is being uploaded.
+        .should('be.visible');
+      });
+    }
+  }, {
+    key: "expectCardNotExists",
+    value: function expectCardNotExists() {
+      var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy.get(selector).should('not.exist');
+    }
+  }, {
+    key: "findCardNth",
+    value: function findCardNth() {
+      var nth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+      var status = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'resolved';
+
+      var selector = this._toSelector(this.appearance, status);
+
+      return this.cy // NOTE: `timeout` used since Smart Links rely on a network response.
+      .get(selector, {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('have.length.at.least', nth).should('be.visible').eq(nth - 1);
+    }
+  }, {
+    key: "assertHrefRendered",
+    value: function assertHrefRendered(url) {
+      return this.cy.get("a[href=\"".concat(url, "\"]"), {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('be.visible');
+    }
+  }, {
+    key: "assertHrefNotRendered",
+    value: function assertHrefNotRendered(url) {
+      return this.cy.get("a[href=\"".concat(url, "\"]"), {
+        timeout: BaseCardPageObject.CARD_TIMEOUT
+      }).should('not.exist');
+    }
+  }, {
+    key: "click",
+    value: function click() {
+      var status = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'resolved';
+      return this.findCardNth(1, status).click();
+    }
+  }]);
+
+  return BaseCardPageObject;
+}(InProductTestPageObject);
+
+_defineProperty(BaseCardPageObject, "CARD_TIMEOUT", 15000);

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

@@ -0,0 +1,28 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+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 { BaseCardPageObject } from './BaseCard';
+export var BlockCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  _inherits(BlockCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(BlockCardPageObject);
+
+  function BlockCardPageObject(cy) {
+    var _this;
+
+    _classCallCheck(this, BlockCardPageObject);
+
+    _this = _super.call(this, cy, 'block');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return _createClass(BlockCardPageObject);
+}(BaseCardPageObject);

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

@@ -0,0 +1,28 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+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 { BaseCardPageObject } from './BaseCard';
+export var EmbedCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  _inherits(EmbedCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(EmbedCardPageObject);
+
+  function EmbedCardPageObject(cy) {
+    var _this;
+
+    _classCallCheck(this, EmbedCardPageObject);
+
+    _this = _super.call(this, cy, 'embed');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return _createClass(EmbedCardPageObject);
+}(BaseCardPageObject);

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

@@ -0,0 +1,28 @@
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+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 { BaseCardPageObject } from './BaseCard';
+export var InlineCardPageObject = /*#__PURE__*/function (_BaseCardPageObject) {
+  _inherits(InlineCardPageObject, _BaseCardPageObject);
+
+  var _super = _createSuper(InlineCardPageObject);
+
+  function InlineCardPageObject(cy) {
+    var _this;
+
+    _classCallCheck(this, InlineCardPageObject);
+
+    _this = _super.call(this, cy, 'inline');
+    _this.cy = cy;
+    return _this;
+  }
+
+  return _createClass(InlineCardPageObject);
+}(BaseCardPageObject);

package/dist/esm/__tests_external__/test-cases/card.js

@@ -0,0 +1,16 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { BlockCardPageObject } from '../page-objects/BlockCard';
+export var blockSmartLinkRendersTestCase = function blockSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new InProductTestCase({
+    title: 'Block Smart Link is visible in the resolved state',
+    id: 'block-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var blockCard = new BlockCardPageObject(cy);
+      blockCard.assertHrefRendered(url);
+      blockCard.expectCardReady(1, status);
+    }
+  });
+};

package/dist/esm/__tests_external__/test-cases/embed.js

@@ -0,0 +1,16 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { EmbedCardPageObject } from '../page-objects/EmbedCard';
+export var embedSmartLinkRendersTestCase = function embedSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new InProductTestCase({
+    title: 'Embed Smart Link is visible in the resolved state',
+    id: 'embed-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var embedCard = new EmbedCardPageObject(cy);
+      embedCard.assertHrefRendered(url);
+      embedCard.expectCardReady(1, status);
+    }
+  });
+};

package/dist/esm/__tests_external__/test-cases/inline.js

@@ -0,0 +1,16 @@
+import { InProductTestCase } from '@atlaskit/in-product-testing';
+import { InlineCardPageObject } from '../page-objects/InlineCard';
+export var inlineSmartLinkRendersTestCase = function inlineSmartLinkRendersTestCase(_ref) {
+  var url = _ref.url,
+      _ref$status = _ref.status,
+      status = _ref$status === void 0 ? 'resolved' : _ref$status;
+  return new InProductTestCase({
+    title: 'Inline Smart Link is visible in the resolved state',
+    id: 'inline-smart-link-resolved',
+    assertions: function assertions(cy) {
+      var inlineCard = new InlineCardPageObject(cy);
+      inlineCard.assertHrefRendered(url);
+      inlineCard.expectCardReady(1, status);
+    }
+  });
+};

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

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

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/smart-card",
-	"version": "22.1.1",
+	"version": "22.1.2",
 	"sideEffects": false
 }

package/dist/types/view/Card/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { CardAppearance, CardPlatform, CardProps } from './types';
 import { WrappedComponentProps } from 'react-intl-next';
-export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "id" | "placeholder" | "onError" | "onClick" | "analyticsContext" | "key" | "url" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
+export declare const Card: React.ForwardRefExoticComponent<Pick<Omit<React.PropsWithChildren<import("react-intl-next").WithIntlProps<CardProps & WrappedComponentProps<"intl">>>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & React.RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "data" | "appearance" | "testId" | "isSelected" | "inheritDimensions" | "id" | "placeholder" | "onError" | "onClick" | "analyticsContext" | "key" | "ui" | "showActions" | "showHoverPreview" | "onResolve" | "platform" | "isFrameVisible" | "embedIframeRef" | "inlinePreloaderStyle" | "importer" | "container" | "analyticsEvents" | "forwardedRef"> & React.RefAttributes<any>>;
 export type { CardAppearance, CardProps, CardPlatform };

package/dist/types/view/HoverCard/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { HoverCardProps } from './types';
-export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "children" | "id" | "analyticsContext" | "key" | "url"> & import("react").RefAttributes<any>>;
+export declare const HoverCard: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").PropsWithChildren<HoverCardProps>, keyof import("@atlaskit/analytics-next").WithAnalyticsEventsProps> & import("react").RefAttributes<any> & import("@atlaskit/analytics-next").WithContextProps, "url" | "children" | "id" | "analyticsContext" | "key"> & import("react").RefAttributes<any>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "22.1.1",
+  "version": "22.1.2",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -27,13 +27,13 @@
     "@atlaskit/avatar": "^21.0.0",
     "@atlaskit/avatar-group": "^9.0.0",
     "@atlaskit/button": "^16.3.0",
-    "@atlaskit/dropdown-menu": "^11.4.0",
+    "@atlaskit/dropdown-menu": "^11.5.0",
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/icon-file-type": "^6.3.0",
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/linking-common": "^1.7.0",
+    "@atlaskit/linking-common": "^1.8.0",
     "@atlaskit/logo": "^13.9.0",
     "@atlaskit/lozenge": "^11.2.0",
     "@atlaskit/media-common": "^2.16.0",
@@ -58,7 +58,7 @@
     "uuid": "^3.1.0"
   },
   "peerDependencies": {
-    "@atlaskit/link-provider": "^1.2.4",
+    "@atlaskit/link-provider": "^1.2.6",
     "react": "^16.8.0",
     "react-dom": "^16.8.0",
     "react-intl-next": "npm:react-intl@^5.18.1"
@@ -87,10 +87,10 @@
     "@atlaskit/toggle": "^12.5.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@testing-library/jest-dom": "^4.1.0",
-    "@testing-library/react": "^8.0.1",
-    "@testing-library/react-hooks": "^1.0.4",
-    "@testing-library/user-event": "10.4.0",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^12.1.5",
+    "@testing-library/react-hooks": "^1.1.0",
+    "@testing-library/user-event": "^13.5.0",
     "@types/enzyme": "^3.1.15",
     "@types/lorem-ipsum": "^1.0.2",
     "@types/react": "^16.8.0",

package/report.api.md

@@ -268,6 +268,7 @@ export declare const Card: React_2.ForwardRefExoticComponent<
     > &
       React_2.RefAttributes<any> &
       WithContextProps,
+    | 'url'
     | 'children'
     | 'data'
     | 'appearance'
@@ -280,7 +281,6 @@ export declare const Card: React_2.ForwardRefExoticComponent<
     | 'onClick'
     | 'analyticsContext'
     | 'key'
-    | 'url'
     | 'ui'
     | 'showActions'
     | 'showHoverPreview'