@atlaskit/smart-card 23.13.0 → 23.13.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/smart-card
 
+## 23.13.1
+
+### Patch Changes
+
+- [`02d341ecf63`](https://bitbucket.org/atlassian/atlassian-frontend/commits/02d341ecf63) - [ux] Fix copy button tooltip to show Copy link, not Download
+
 ## 23.13.0
 
 ### Minor Changes

package/dist/cjs/extractors/common/icon/extractIcon.js

@@ -71,33 +71,39 @@ var extractIconByType = function extractIconByType(type, opts) {
 
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'goal'
+        label: opts.title || 'goal',
+        testId: "task-icon"
       });
 
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/_react.default.createElement(_peopleGroup.default, {
         label: opts.title || 'project',
-        size: "small"
+        size: "small",
+        testId: "project-icon"
       });
 
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/_react.default.createElement(_.default, {
-        label: opts.title || 'commit'
+        label: opts.title || 'commit',
+        testId: "commit-icon"
       });
 
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/_react.default.createElement(_2.default, {
-        label: opts.title || 'pullRequest'
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
       });
 
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/_react.default.createElement(_3.default, {
-        label: opts.title || 'reference'
+        label: opts.title || 'reference',
+        testId: "branch-icon"
       });
 
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/_react.default.createElement(_4.default, {
-        label: opts.title || 'repository'
+        label: opts.title || 'repository',
+        testId: "repo-icon"
       });
 
     case 'atlassian:Task':

package/dist/cjs/extractors/common/icon/extractIconFromDocument.js

@@ -49,37 +49,44 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/_react.default.createElement(_.default, {
-        label: opts.title || 'blog'
+        label: opts.title || 'blog',
+        testId: "blog-icon"
       });
 
     case 'schema:DigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_2.default, {
-        label: opts.title || 'file'
+        label: opts.title || 'file',
+        testId: "file-icon"
       });
 
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'document'
+        label: opts.title || 'document',
+        testId: "document-icon"
       });
 
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_3.default, {
-        label: opts.title || 'presentation'
+        label: opts.title || 'presentation',
+        testId: "presentation-icon"
       });
 
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/_react.default.createElement(_4.default, {
-        label: opts.title || 'spreadsheet'
+        label: opts.title || 'spreadsheet',
+        testId: "spreadsheet-icon"
       });
 
     case 'atlassian:Template':
       return /*#__PURE__*/_react.default.createElement(_documentFilled.default, {
-        label: opts.title || 'template'
+        label: opts.title || 'template',
+        testId: "document-filled-icon"
       });
 
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/_react.default.createElement(_5.default, {
-        label: opts.title || 'undefinedLink'
+        label: opts.title || 'undefinedLink',
+        testId: "document-icon"
       });
   }
 };

package/dist/cjs/extractors/common/icon/extractIconFromTask.js

@@ -35,6 +35,11 @@ var extractIconFromTask = function extractIconFromTask(opts) {
       provider = opts.provider;
   var taskLabel = opts.title || 'task';
 
+  var defaultIcon = /*#__PURE__*/_react.default.createElement(_.default, {
+    label: taskLabel,
+    testId: "default-task-icon"
+  });
+
   if (provider && provider.id === _constants.JIRA_GENERATOR_ID && taskType && taskType.id) {
     var taskTypeId = taskType.id;
     var taskTypeName = taskTypeId.split('#').pop();
@@ -42,59 +47,64 @@ var extractIconFromTask = function extractIconFromTask(opts) {
     switch (taskTypeName) {
       case _constants.JIRA_TASK:
         return /*#__PURE__*/_react.default.createElement(_.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-task-icon"
         });
 
       case _constants.JIRA_SUB_TASK:
         return /*#__PURE__*/_react.default.createElement(_2.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-subtask-icon"
         });
 
       case _constants.JIRA_STORY:
         return /*#__PURE__*/_react.default.createElement(_3.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-story-icon"
         });
 
       case _constants.JIRA_BUG:
         return /*#__PURE__*/_react.default.createElement(_4.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-bug-icon"
         });
 
       case _constants.JIRA_EPIC:
         return /*#__PURE__*/_react.default.createElement(_5.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-epic-icon"
         });
 
       case _constants.JIRA_INCIDENT:
         return /*#__PURE__*/_react.default.createElement(_6.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-incident-icon"
         });
 
       case _constants.JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/_react.default.createElement(_7.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-service-request-icon"
         });
 
       case _constants.JIRA_CHANGE:
         return /*#__PURE__*/_react.default.createElement(_8.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-change-icon"
         });
 
       case _constants.JIRA_PROBLEM:
         return /*#__PURE__*/_react.default.createElement(_9.default, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-problem-icon"
         });
 
       case _constants.JIRA_CUSTOM_TASK_TYPE:
-        return taskType.icon || opts.icon || provider.icon || /*#__PURE__*/_react.default.createElement(_.default, {
-          label: taskLabel
-        });
+        return taskType.icon || opts.icon || provider.icon || defaultIcon;
     }
   }
 
-  return /*#__PURE__*/_react.default.createElement(_.default, {
-    label: taskLabel
-  });
+  return defaultIcon;
 };
 
 exports.extractIconFromTask = extractIconFromTask;

package/dist/cjs/messages.js

@@ -104,7 +104,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
     description: 'continue'
   },
   copy_url_to_clipboard: {
-    id: 'fabric.linking.download',
+    id: 'fabric.linking.copy_url_to_clipboard',
     defaultMessage: 'Copy link',
     description: ''
   },

package/dist/cjs/utils/index.js

@@ -84,7 +84,8 @@ var getIconForFileType = function getIconForFileType(fileMimeType) {
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
   return /*#__PURE__*/_react.default.createElement(Icon, {
-    label: label
+    label: label,
+    testId: "document-file-format-icon"
   });
 };
 

package/dist/cjs/version.json

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

package/dist/cjs/view/EmbedCard/components/ExpandedFrame.js

@@ -89,7 +89,9 @@ var ExpandedFrame = function ExpandedFrame(_ref) {
       "data-testid": testId,
       "data-trello-do-not-use-override": testId,
       "data-is-selected": isSelected,
-      "data-is-visible": isVisible
+      "data-is-visible": isVisible,
+      "data-wrapper-type": "default",
+      "data-is-interactive": isInteractive()
     }, renderHeader(), renderContent());
   }
 };

package/dist/cjs/view/HoverCard/components/HoverCardComponent.js

@@ -173,7 +173,8 @@ var HoverCardComponent = function HoverCardComponent(_ref) {
         onMouseEnter: initShowCard,
         onMouseLeave: initHideCard,
         onMouseMove: setMousePosition,
-        onClick: onChildClick
+        onClick: onChildClick,
+        "data-testid": "hover-card-trigger-wrapper"
       }), children));
     },
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510

package/dist/cjs/view/InlineCard/ErroredView/index.js

@@ -77,7 +77,8 @@ var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         spacing: "none",
         appearance: "subtle-link",
         component: _styled.IconStyledButton,
-        onClick: _this.handleRetry
+        onClick: _this.handleRetry,
+        role: "button"
       }, /*#__PURE__*/_react.default.createElement(_reactIntlNext.FormattedMessage, _messages.messages.try_again, function (formattedMessage) {
         return /*#__PURE__*/_react.default.createElement(_styled.LowercaseAppearance, null, formattedMessage);
       })));
@@ -102,7 +103,8 @@ var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_error.default, {
           label: "error",
           size: "small",
-          primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")")
+          primaryColor: "var(--ds-icon-danger, ".concat(_colors.R300, ")"),
+          testId: "errored-view-default-icon"
         })),
         link: url,
         title: url,

package/dist/cjs/view/InlineCard/ForbiddenView/index.js

@@ -54,7 +54,8 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 var FallbackForbiddenIcon = /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_lockFilled.default, {
   label: "error",
   size: "small",
-  primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")")
+  primaryColor: "var(--ds-icon-danger, ".concat(_colors.R400, ")"),
+  testId: "forbidden-view-fallback-icon"
 }));
 
 var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
@@ -115,7 +116,8 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: _styled.IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, _this.renderForbiddenAccessMessage());
       }
 
@@ -125,7 +127,8 @@ var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: _styled.IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, /*#__PURE__*/_react.default.createElement(_styled2.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
           appearance: 'moved'
         }, _this.renderForbiddenAccessMessage()))));

package/dist/cjs/view/InlineCard/IconAndTitleLayout/index.js

@@ -171,7 +171,8 @@ var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styled.IconTitleWrapper, {
         style: {
           color: titleColor
-        }
+        },
+        "data-testid": testId
       }, link ? /*#__PURE__*/_react.default.createElement(_styled2.LinkAppearance, {
         href: link,
         onClick: this.handleClick,

package/dist/cjs/view/InlineCard/ResolvedView/index.js

@@ -53,6 +53,7 @@ var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
       }
 
       return /*#__PURE__*/_react.default.createElement(_styled.LozengeBlockWrapper, null, /*#__PURE__*/_react.default.createElement(_styled.LozengeWrapper, null, /*#__PURE__*/_react.default.createElement(_lozenge.default, {
+        testId: "inline-card-resolved-view-lozenge",
         appearance: lozenge.appearance || 'default',
         isBold: lozenge.isBold
       }, lozenge.text)));

package/dist/es2019/extractors/common/icon/extractIcon.js

@@ -44,33 +44,39 @@ const extractIconByType = (type, opts) => {
 
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-        label: opts.title || 'goal'
+        label: opts.title || 'goal',
+        testId: "task-icon"
       });
 
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/React.createElement(ProjectIcon, {
         label: opts.title || 'project',
-        size: "small"
+        size: "small",
+        testId: "project-icon"
       });
 
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/React.createElement(CommitIcon, {
-        label: opts.title || 'commit'
+        label: opts.title || 'commit',
+        testId: "commit-icon"
       });
 
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/React.createElement(PullRequestIcon, {
-        label: opts.title || 'pullRequest'
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
       });
 
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/React.createElement(BranchIcon, {
-        label: opts.title || 'reference'
+        label: opts.title || 'reference',
+        testId: "branch-icon"
       });
 
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/React.createElement(RepoIcon, {
-        label: opts.title || 'repository'
+        label: opts.title || 'repository',
+        testId: "repo-icon"
       });
 
     case 'atlassian:Task':

package/dist/es2019/extractors/common/icon/extractIconFromDocument.js

@@ -30,37 +30,44 @@ const documentTypeToIcon = (type, opts) => {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: opts.title || 'blog'
+        label: opts.title || 'blog',
+        testId: "blog-icon"
       });
 
     case 'schema:DigitalDocument':
       return /*#__PURE__*/React.createElement(FileIcon, {
-        label: opts.title || 'file'
+        label: opts.title || 'file',
+        testId: "file-icon"
       });
 
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'document'
+        label: opts.title || 'document',
+        testId: "document-icon"
       });
 
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/React.createElement(PresentationIcon, {
-        label: opts.title || 'presentation'
+        label: opts.title || 'presentation',
+        testId: "presentation-icon"
       });
 
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/React.createElement(SpreadsheetIcon, {
-        label: opts.title || 'spreadsheet'
+        label: opts.title || 'spreadsheet',
+        testId: "spreadsheet-icon"
       });
 
     case 'atlassian:Template':
       return /*#__PURE__*/React.createElement(DocumentFilledIcon, {
-        label: opts.title || 'template'
+        label: opts.title || 'template',
+        testId: "document-filled-icon"
       });
 
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'undefinedLink'
+        label: opts.title || 'undefinedLink',
+        testId: "document-icon"
       });
   }
 };

package/dist/es2019/extractors/common/icon/extractIconFromTask.js

@@ -17,6 +17,10 @@ export const extractIconFromTask = opts => {
     provider
   } = opts;
   const taskLabel = opts.title || 'task';
+  const defaultIcon = /*#__PURE__*/React.createElement(TaskIcon, {
+    label: taskLabel,
+    testId: "default-task-icon"
+  });
 
   if (provider && provider.id === JIRA_GENERATOR_ID && taskType && taskType.id) {
     const taskTypeId = taskType.id;
@@ -25,57 +29,62 @@ export const extractIconFromTask = opts => {
     switch (taskTypeName) {
       case JIRA_TASK:
         return /*#__PURE__*/React.createElement(JiraTaskIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-task-icon"
         });
 
       case JIRA_SUB_TASK:
         return /*#__PURE__*/React.createElement(JiraSubTaskIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-subtask-icon"
         });
 
       case JIRA_STORY:
         return /*#__PURE__*/React.createElement(JiraStoryIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-story-icon"
         });
 
       case JIRA_BUG:
         return /*#__PURE__*/React.createElement(JiraBugIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-bug-icon"
         });
 
       case JIRA_EPIC:
         return /*#__PURE__*/React.createElement(JiraEpicIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-epic-icon"
         });
 
       case JIRA_INCIDENT:
         return /*#__PURE__*/React.createElement(JiraIncidentIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-incident-icon"
         });
 
       case JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/React.createElement(JiraServiceRequestIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-service-request-icon"
         });
 
       case JIRA_CHANGE:
         return /*#__PURE__*/React.createElement(JiraChangeIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-change-icon"
         });
 
       case JIRA_PROBLEM:
         return /*#__PURE__*/React.createElement(JiraProblemIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-problem-icon"
         });
 
       case JIRA_CUSTOM_TASK_TYPE:
-        return taskType.icon || opts.icon || provider.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-          label: taskLabel
-        });
+        return taskType.icon || opts.icon || provider.icon || defaultIcon;
     }
   }
 
-  return /*#__PURE__*/React.createElement(TaskIcon, {
-    label: taskLabel
-  });
+  return defaultIcon;
 };

package/dist/es2019/messages.js

@@ -96,7 +96,7 @@ export const messages = defineMessages({
     description: 'continue'
   },
   copy_url_to_clipboard: {
-    id: 'fabric.linking.download',
+    id: 'fabric.linking.copy_url_to_clipboard',
     defaultMessage: 'Copy link',
     description: ''
   },

package/dist/es2019/utils/index.js

@@ -28,7 +28,8 @@ export const getIconForFileType = fileMimeType => {
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
   return /*#__PURE__*/React.createElement(Icon, {
-    label: label
+    label: label,
+    testId: "document-file-format-icon"
   });
 };
 export const getLabelForFileType = fileMimeType => {

package/dist/es2019/version.json

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

package/dist/es2019/view/EmbedCard/components/ExpandedFrame.js

@@ -66,7 +66,9 @@ export const ExpandedFrame = ({
       "data-testid": testId,
       "data-trello-do-not-use-override": testId,
       "data-is-selected": isSelected,
-      "data-is-visible": isVisible
+      "data-is-visible": isVisible,
+      "data-wrapper-type": "default",
+      "data-is-interactive": isInteractive()
     }, renderHeader(), renderContent());
   }
 };

package/dist/es2019/view/HoverCard/components/HoverCardComponent.js

@@ -137,7 +137,8 @@ export const HoverCardComponent = ({
       onMouseEnter: initShowCard,
       onMouseLeave: initHideCard,
       onMouseMove: setMousePosition,
-      onClick: onChildClick
+      onClick: onChildClick,
+      "data-testid": "hover-card-trigger-wrapper"
     }), children)),
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510
 

package/dist/es2019/view/InlineCard/ErroredView/index.js

@@ -34,7 +34,8 @@ export class InlineCardErroredView extends React.Component {
         spacing: "none",
         appearance: "subtle-link",
         component: IconStyledButton,
-        onClick: this.handleRetry
+        onClick: this.handleRetry,
+        role: "button"
       }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again, formattedMessage => {
         return /*#__PURE__*/React.createElement(LowercaseAppearance, null, formattedMessage);
       })));
@@ -56,7 +57,8 @@ export class InlineCardErroredView extends React.Component {
       icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
         label: "error",
         size: "small",
-        primaryColor: `var(--ds-icon-danger, ${R300})`
+        primaryColor: `var(--ds-icon-danger, ${R300})`,
+        testId: "errored-view-default-icon"
       })),
       link: url,
       title: url,

package/dist/es2019/view/InlineCard/ForbiddenView/index.js

@@ -15,7 +15,8 @@ import { LozengeWrapper, LozengeBlockWrapper } from '../IconAndTitleLayout/style
 const FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
-  primaryColor: `var(--ds-icon-danger, ${R400})`
+  primaryColor: `var(--ds-icon-danger, ${R400})`,
+  testId: "forbidden-view-fallback-icon"
 }));
 export class InlineCardForbiddenView extends React.Component {
   constructor(...args) {
@@ -73,7 +74,8 @@ export class InlineCardForbiddenView extends React.Component {
           appearance: "subtle-link",
           onClick: this.handleRetry,
           component: IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, this.renderForbiddenAccessMessage());
       }
 
@@ -83,7 +85,8 @@ export class InlineCardForbiddenView extends React.Component {
           appearance: "subtle-link",
           onClick: this.handleRetry,
           component: IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
           appearance: 'moved'
         }, this.renderForbiddenAccessMessage()))));

package/dist/es2019/view/InlineCard/IconAndTitleLayout/index.js

@@ -129,7 +129,8 @@ export class IconAndTitleLayout extends React.Component {
     return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
       style: {
         color: titleColor
-      }
+      },
+      "data-testid": testId
     }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
       href: link,
       onClick: this.handleClick,

package/dist/es2019/view/InlineCard/ResolvedView/index.js

@@ -15,6 +15,7 @@ export class InlineCardResolvedView extends React.Component {
     }
 
     return /*#__PURE__*/React.createElement(LozengeBlockWrapper, null, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+      testId: "inline-card-resolved-view-lozenge",
       appearance: lozenge.appearance || 'default',
       isBold: lozenge.isBold
     }, lozenge.text)));

package/dist/esm/extractors/common/icon/extractIcon.js

@@ -47,33 +47,39 @@ var extractIconByType = function extractIconByType(type, opts) {
 
     case 'atlassian:Goal':
       return opts.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-        label: opts.title || 'goal'
+        label: opts.title || 'goal',
+        testId: "task-icon"
       });
 
     case 'atlassian:Project':
       return opts.icon || /*#__PURE__*/React.createElement(ProjectIcon, {
         label: opts.title || 'project',
-        size: "small"
+        size: "small",
+        testId: "project-icon"
       });
 
     case 'atlassian:SourceCodeCommit':
       return /*#__PURE__*/React.createElement(CommitIcon, {
-        label: opts.title || 'commit'
+        label: opts.title || 'commit',
+        testId: "commit-icon"
       });
 
     case 'atlassian:SourceCodePullRequest':
       return /*#__PURE__*/React.createElement(PullRequestIcon, {
-        label: opts.title || 'pullRequest'
+        label: opts.title || 'pullRequest',
+        testId: "pull-request-icon"
       });
 
     case 'atlassian:SourceCodeReference':
       return /*#__PURE__*/React.createElement(BranchIcon, {
-        label: opts.title || 'reference'
+        label: opts.title || 'reference',
+        testId: "branch-icon"
       });
 
     case 'atlassian:SourceCodeRepository':
       return /*#__PURE__*/React.createElement(RepoIcon, {
-        label: opts.title || 'repository'
+        label: opts.title || 'repository',
+        testId: "repo-icon"
       });
 
     case 'atlassian:Task':

package/dist/esm/extractors/common/icon/extractIconFromDocument.js

@@ -30,37 +30,44 @@ var documentTypeToIcon = function documentTypeToIcon(type, opts) {
   switch (type) {
     case 'schema:BlogPosting':
       return /*#__PURE__*/React.createElement(BlogIcon, {
-        label: opts.title || 'blog'
+        label: opts.title || 'blog',
+        testId: "blog-icon"
       });
 
     case 'schema:DigitalDocument':
       return /*#__PURE__*/React.createElement(FileIcon, {
-        label: opts.title || 'file'
+        label: opts.title || 'file',
+        testId: "file-icon"
       });
 
     case 'schema:TextDigitalDocument':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'document'
+        label: opts.title || 'document',
+        testId: "document-icon"
       });
 
     case 'schema:PresentationDigitalDocument':
       return /*#__PURE__*/React.createElement(PresentationIcon, {
-        label: opts.title || 'presentation'
+        label: opts.title || 'presentation',
+        testId: "presentation-icon"
       });
 
     case 'schema:SpreadsheetDigitalDocument':
       return /*#__PURE__*/React.createElement(SpreadsheetIcon, {
-        label: opts.title || 'spreadsheet'
+        label: opts.title || 'spreadsheet',
+        testId: "spreadsheet-icon"
       });
 
     case 'atlassian:Template':
       return /*#__PURE__*/React.createElement(DocumentFilledIcon, {
-        label: opts.title || 'template'
+        label: opts.title || 'template',
+        testId: "document-filled-icon"
       });
 
     case 'atlassian:UndefinedLink':
       return /*#__PURE__*/React.createElement(DocumentIcon, {
-        label: opts.title || 'undefinedLink'
+        label: opts.title || 'undefinedLink',
+        testId: "document-icon"
       });
   }
 };

package/dist/esm/extractors/common/icon/extractIconFromTask.js

@@ -15,6 +15,10 @@ export var extractIconFromTask = function extractIconFromTask(opts) {
   var taskType = opts.taskType,
       provider = opts.provider;
   var taskLabel = opts.title || 'task';
+  var defaultIcon = /*#__PURE__*/React.createElement(TaskIcon, {
+    label: taskLabel,
+    testId: "default-task-icon"
+  });
 
   if (provider && provider.id === JIRA_GENERATOR_ID && taskType && taskType.id) {
     var taskTypeId = taskType.id;
@@ -23,57 +27,62 @@ export var extractIconFromTask = function extractIconFromTask(opts) {
     switch (taskTypeName) {
       case JIRA_TASK:
         return /*#__PURE__*/React.createElement(JiraTaskIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-task-icon"
         });
 
       case JIRA_SUB_TASK:
         return /*#__PURE__*/React.createElement(JiraSubTaskIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-subtask-icon"
         });
 
       case JIRA_STORY:
         return /*#__PURE__*/React.createElement(JiraStoryIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-story-icon"
         });
 
       case JIRA_BUG:
         return /*#__PURE__*/React.createElement(JiraBugIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-bug-icon"
         });
 
       case JIRA_EPIC:
         return /*#__PURE__*/React.createElement(JiraEpicIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-epic-icon"
         });
 
       case JIRA_INCIDENT:
         return /*#__PURE__*/React.createElement(JiraIncidentIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-incident-icon"
         });
 
       case JIRA_SERVICE_REQUEST:
         return /*#__PURE__*/React.createElement(JiraServiceRequestIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-service-request-icon"
         });
 
       case JIRA_CHANGE:
         return /*#__PURE__*/React.createElement(JiraChangeIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-change-icon"
         });
 
       case JIRA_PROBLEM:
         return /*#__PURE__*/React.createElement(JiraProblemIcon, {
-          label: taskLabel
+          label: taskLabel,
+          testId: "jira-problem-icon"
         });
 
       case JIRA_CUSTOM_TASK_TYPE:
-        return taskType.icon || opts.icon || provider.icon || /*#__PURE__*/React.createElement(TaskIcon, {
-          label: taskLabel
-        });
+        return taskType.icon || opts.icon || provider.icon || defaultIcon;
     }
   }
 
-  return /*#__PURE__*/React.createElement(TaskIcon, {
-    label: taskLabel
-  });
+  return defaultIcon;
 };

package/dist/esm/messages.js

@@ -96,7 +96,7 @@ export var messages = defineMessages({
     description: 'continue'
   },
   copy_url_to_clipboard: {
-    id: 'fabric.linking.download',
+    id: 'fabric.linking.copy_url_to_clipboard',
     defaultMessage: 'Copy link',
     description: ''
   },

package/dist/esm/utils/index.js

@@ -49,7 +49,8 @@ export var getIconForFileType = function getIconForFileType(fileMimeType) {
   }); // because we're using dynamic loading here, TS will not be able to infer the type
 
   return /*#__PURE__*/React.createElement(Icon, {
-    label: label
+    label: label,
+    testId: "document-file-format-icon"
   });
 };
 export var getLabelForFileType = function getLabelForFileType(fileMimeType) {

package/dist/esm/version.json

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

package/dist/esm/view/EmbedCard/components/ExpandedFrame.js

@@ -77,7 +77,9 @@ export var ExpandedFrame = function ExpandedFrame(_ref) {
       "data-testid": testId,
       "data-trello-do-not-use-override": testId,
       "data-is-selected": isSelected,
-      "data-is-visible": isVisible
+      "data-is-visible": isVisible,
+      "data-wrapper-type": "default",
+      "data-is-interactive": isInteractive()
     }, renderHeader(), renderContent());
   }
 };

package/dist/esm/view/HoverCard/components/HoverCardComponent.js

@@ -148,7 +148,8 @@ export var HoverCardComponent = function HoverCardComponent(_ref) {
         onMouseEnter: initShowCard,
         onMouseLeave: initHideCard,
         onMouseMove: setMousePosition,
-        onClick: onChildClick
+        onClick: onChildClick,
+        "data-testid": "hover-card-trigger-wrapper"
       }), children));
     },
     zIndex: 511 // Temporary fix for Confluence inline comment on editor mod has z-index of 500, Jira issue view has z-index of 510

package/dist/esm/view/InlineCard/ErroredView/index.js

@@ -54,7 +54,8 @@ export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         spacing: "none",
         appearance: "subtle-link",
         component: IconStyledButton,
-        onClick: _this.handleRetry
+        onClick: _this.handleRetry,
+        role: "button"
       }, /*#__PURE__*/React.createElement(FormattedMessage, messages.try_again, function (formattedMessage) {
         return /*#__PURE__*/React.createElement(LowercaseAppearance, null, formattedMessage);
       })));
@@ -80,7 +81,8 @@ export var InlineCardErroredView = /*#__PURE__*/function (_React$Component) {
         icon: icon || /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(ErrorIcon, {
           label: "error",
           size: "small",
-          primaryColor: "var(--ds-icon-danger, ".concat(R300, ")")
+          primaryColor: "var(--ds-icon-danger, ".concat(R300, ")"),
+          testId: "errored-view-default-icon"
         })),
         link: url,
         title: url,

package/dist/esm/view/InlineCard/ForbiddenView/index.js

@@ -26,7 +26,8 @@ import { LozengeWrapper, LozengeBlockWrapper } from '../IconAndTitleLayout/style
 var FallbackForbiddenIcon = /*#__PURE__*/React.createElement(AKIconWrapper, null, /*#__PURE__*/React.createElement(LockIcon, {
   label: "error",
   size: "small",
-  primaryColor: "var(--ds-icon-danger, ".concat(R400, ")")
+  primaryColor: "var(--ds-icon-danger, ".concat(R400, ")"),
+  testId: "forbidden-view-fallback-icon"
 }));
 export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
   _inherits(InlineCardForbiddenView, _React$Component);
@@ -90,7 +91,8 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, _this.renderForbiddenAccessMessage());
       }
 
@@ -100,7 +102,8 @@ export var InlineCardForbiddenView = /*#__PURE__*/function (_React$Component) {
           appearance: "subtle-link",
           onClick: _this.handleRetry,
           component: IconStyledButton,
-          testId: "button-connect-other-account"
+          testId: "button-connect-other-account",
+          role: "button"
         }, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
           appearance: 'moved'
         }, _this.renderForbiddenAccessMessage()))));

package/dist/esm/view/InlineCard/IconAndTitleLayout/index.js

@@ -151,7 +151,8 @@ export var IconAndTitleLayout = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconTitleWrapper, {
         style: {
           color: titleColor
-        }
+        },
+        "data-testid": testId
       }, link ? /*#__PURE__*/React.createElement(LinkAppearance, {
         href: link,
         onClick: this.handleClick,

package/dist/esm/view/InlineCard/ResolvedView/index.js

@@ -35,6 +35,7 @@ export var InlineCardResolvedView = /*#__PURE__*/function (_React$Component) {
       }
 
       return /*#__PURE__*/React.createElement(LozengeBlockWrapper, null, /*#__PURE__*/React.createElement(LozengeWrapper, null, /*#__PURE__*/React.createElement(Lozenge, {
+        testId: "inline-card-resolved-view-lozenge",
         appearance: lozenge.appearance || 'default',
         isBold: lozenge.isBold
       }, lozenge.text)));

package/dist/types/extractors/common/__mocks__/withIntl.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const withIntl: (child: React.ReactNode) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/smart-card",
-  "version": "23.13.0",
+  "version": "23.13.1",
   "description": "Smart card component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -33,7 +33,7 @@
     "@atlaskit/icon-object": "^6.2.0",
     "@atlaskit/icon-priority": "^6.3.0",
     "@atlaskit/in-product-testing": "^0.1.0",
-    "@atlaskit/linking-common": "^1.19.0",
+    "@atlaskit/linking-common": "^1.20.0",
     "@atlaskit/logo": "^13.10.0",
     "@atlaskit/lozenge": "^11.3.0",
     "@atlaskit/media-common": "^2.18.0",
@@ -91,13 +91,11 @@
     "@testing-library/react": "^12.1.5",
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.4.3",
-    "@types/enzyme": "^3.1.15",
     "@types/lorem-ipsum": "^1.0.2",
     "@types/react": "^16.8.0",
     "@types/react-loadable": "^5.4.1",
     "abortcontroller-polyfill": "^1.1.9",
     "brace": "^0.11.1",
-    "enzyme": "^3.10.0",
     "jest-emotion": "^10.0.32",
     "jest-extended": "^0.11.2",
     "jsdom": "^16.2.2",

package/dist/types/extractors/common/__mocks__/render.d.ts

@@ -1,2 +0,0 @@
-import React from 'react';
-export declare const render: (child: React.ReactNode) => JSX.Element;