@zohodesk/dot 1.0.0-beta.266 → 1.0.0-beta.267

package/lib/FlipCard/FlipCard.js

@@ -134,10 +134,12 @@ var FlipCard = /*#__PURE__*/function (_Component) {
         className: "".concat((0, _AvatarSize["default"])(size), "  ").concat(noNeedFlip ? _FlipCardModule["default"].flipNone : isChecked ? _FlipCardModule["default"].notFlip : _FlipCardModule["default"].flip),
         onClick: this.onClick,
         "data-id": ticListContainer,
+        "data-test-id": ticListContainer,
         "data-tour": tourId
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: _FlipCardModule["default"].container,
-        "data-id": ticList
+        "data-id": ticList,
+        "data-test-id": ticList
       }, !noNeedFlip ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         className: "".concat(_FlipCardModule["default"].front, " ").concat(frontClass ? frontClass : '')

package/lib/Image/Image.js

@@ -67,6 +67,7 @@ var Image = /*#__PURE__*/function (_React$Component) {
         alt: alt,
         "data-title": title,
         "data-id": dataId,
+        "data-test-id": dataId,
         className: " ".concat(className, " ").concat(isCover ? _ImageModule["default"].imgFullSize : _ImageModule["default"].imgMaxFullSize, " "),
         onClick: onClick,
         id: htmlId,

package/lib/Link/Link.js

@@ -136,7 +136,8 @@ var Link = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_LinkModule["default"].container, "  ").concat(className ? className : '')
       }, option, {
         rel: rel,
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, others, {
         onClick: this.onCallBack.bind(this, urlOutput, href)
       }, customProps, {

package/lib/Message/Message.js

@@ -126,6 +126,7 @@ function MessageUI(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _MessageModule["default"].message,
     "data-id": "show_".concat(type, "_message"),
+    "data-test-id": "show_".concat(type, "_message"),
     "data-selector-id": dataSelectorId
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: _MessageModule["default"].container
@@ -141,6 +142,7 @@ function MessageUI(props) {
     className: _MessageModule["default"].text,
     onClick: onClick,
     "data-id": "infoMessage",
+    "data-test-id": "infoMessage",
     dangerouslySetInnerHTML: {
       __html: message
     }
@@ -148,7 +150,8 @@ function MessageUI(props) {
     className: _MessageModule["default"].close,
     "data-title": closeTitle,
     onClick: onClose,
-    "data-id": "close_".concat(type, "_message")
+    "data-id": "close_".concat(type, "_message"),
+    "data-test-id": "close_".concat(type, "_message")
   }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
     name: "ZD-closee",
     isBold: true,

package/lib/PlusIcon/PlusIcon.js

@@ -66,6 +66,7 @@ var PlusIcon = /*#__PURE__*/function (_React$Component) {
         className: _PlusIconModule["default"].container,
         onClick: onClick,
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": title
       }, /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], {
         name: iconName,

package/lib/ToastMessage/ToastMessage.js

@@ -183,7 +183,8 @@ function ToastMessageUI(props) {
   }, needClose ? /*#__PURE__*/_react["default"].createElement("button", {
     className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ToastMessageModule["default"].closeIcon),
     onClick: onClose,
-    "data-id": "".concat(dataId, "_closeRight")
+    "data-id": "".concat(dataId, "_closeRight"),
+    "data-test-id": "".concat(dataId, "_closeRight")
   }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
     name: "ZD-close",
     size: "18"

package/lib/Upload/Upload.js

@@ -82,6 +82,7 @@ var Upload = /*#__PURE__*/function (_React$Component) {
         dataSelectorId: dataSelectorId
       }, /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isPreview ? /*#__PURE__*/_react["default"].createElement("div", {
         "data-id": "".concat(dataId, "_attachLoading"),
+        "data-test-id": "".concat(dataId, "_attachLoading"),
         className: _UploadModule["default"].loader,
         style: {
           width: "".concat(progressValue, "%")
@@ -106,7 +107,8 @@ var Upload = /*#__PURE__*/function (_React$Component) {
       }, fileSize))), typeof onRemove !== 'undefined' && onRemove != null ? /*#__PURE__*/_react["default"].createElement("span", {
         className: _UploadModule["default"].uploadclose,
         onClick: onRemove,
-        "data-id": "".concat(dataId, "_deleteUpload")
+        "data-id": "".concat(dataId, "_deleteUpload"),
+        "data-test-id": "".concat(dataId, "_deleteUpload")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-close",
         isBold: true

package/lib/avatar/AvatarCollision/AvatarCollision.js

@@ -77,6 +77,7 @@ var AvatarCollision = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_AvatarCollisionModule["default"].container, " ").concat(isLeft ? _AvatarCollisionModule["default"].off : isIdle ? _AvatarCollisionModule["default"].idle : _AvatarCollisionModule["default"].on),
         onClick: onClick,
         "data-id": "collsionPop",
+        "data-test-id": "collsionPop",
         "data-title": title,
         "data-selector-id": dataSelectorId
       }, AvatarCollisionProps), /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({

package/lib/avatar/AvatarThread/AvatarThread.js

@@ -106,6 +106,7 @@ var AvatarThread = /*#__PURE__*/function (_React$Component) {
         className: "".concat(_AvatarThreadModule["default"].thread, " ").concat(onIconClick ? _AvatarThreadModule["default"].pointer : _AvatarThreadModule["default"].defaultCursor, " ").concat(needBackground ? _AvatarThreadModule["default"].threadBg : '', " ").concat(_AvatarThreadModule["default"]["thread_".concat(size, "_pos")], " ").concat(needBorder ? _AvatarThreadModule["default"]["border_".concat(borderPalette)] : ''),
         "data-title": iconTitle,
         "data-id": iconTitle === 'Remove Follower' && 'removeFollower',
+        "data-test-id": iconTitle === 'Remove Follower' && 'removeFollower',
         onClick: onIconClick
       }, iconName && /*#__PURE__*/_react["default"].createElement("span", {
         className: _AvatarThreadModule["default"].icon

package/lib/avatar/AvatarUser/AvatarUser.js

@@ -100,6 +100,7 @@ var AvatarUser = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_AvatarUserModule["default"].container, " ").concat(_AvatarUserModule["default"][size]),
         "data-id": dataId || name || iconName,
+        "data-test-id": dataId || name || iconName,
         "data-selector-id": dataSelectorId
       }, AvatarUserProps), iconName ? /*#__PURE__*/_react["default"].createElement(_AvatarIcon["default"], _extends({
         name: iconName,
@@ -124,24 +125,28 @@ var AvatarUser = /*#__PURE__*/function (_React$Component) {
       }, AvatarProps)), isPaid ? /*#__PURE__*/_react["default"].createElement("span", {
         "data-title": paidTitle,
         className: _AvatarUserModule["default"].paid,
-        "data-id": "paidUser"
+        "data-id": "paidUser",
+        "data-test-id": "paidUser"
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-paiduser"
       })) : null, isPortal ? /*#__PURE__*/_react["default"].createElement("span", {
         "data-title": portalTitle,
         className: _AvatarUserModule["default"].portal,
-        "data-id": "portalUser"
+        "data-id": "portalUser",
+        "data-test-id": "portalUser"
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-globe1"
       })) : null, isLocked ? /*#__PURE__*/_react["default"].createElement("span", {
         "data-title": lockTitle,
         className: _AvatarUserModule["default"].lock,
-        "data-id": "locked"
+        "data-id": "locked",
+        "data-test-id": "locked"
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-lock01"
       })) : null, needDelete ? /*#__PURE__*/_react["default"].createElement("span", {
         className: _AvatarUserModule["default"]["delete"],
         "data-id": "dltContactPhoto",
+        "data-test-id": "dltContactPhoto",
         onClick: onDelete
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-delete2",

package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js

@@ -88,6 +88,7 @@ var AvatarWithTeam = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("span", _extends({
         className: "".concat(_AvatarWithTeamModule["default"].container, " "),
         "data-id": "avatarWithTeamId",
+        "data-test-id": "avatarWithTeamId",
         "data-selector-id": dataSelectorId
       }, AvatarWithTeamProps), isTeam && teamName ? /*#__PURE__*/_react["default"].createElement(_Avatar["default"], _extends({
         name: name,
@@ -124,6 +125,7 @@ var AvatarWithTeam = /*#__PURE__*/function (_React$Component) {
       }, Avatar2Props)), teamName ? /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_AvatarWithTeamModule["default"].teamAvatar, " ").concat(teamClassName, " "),
         "data-id": "teamNameTestId",
+        "data-test-id": "teamNameTestId",
         "data-title": needTitle ? title : undefined
       }, /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], _extends({
         name: teamName,

package/lib/emptystate/CommonEmptyState/CommonEmptyState.js

@@ -79,7 +79,8 @@ var CommonEmptyState = /*#__PURE__*/function (_Component) {
           descriptionClass = _customClass$descript === void 0 ? '' : _customClass$descript;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_CommonEmptyStateModule["default"].container, " ").concat(_CommonEmptyStateModule["default"][size], " ").concat(className, " ").concat(!isFluid ? _CommonEmptyStateModule["default"].fluid : '', " ").concat(_CommonEmptyStateModule["default"][palette]),
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, getEmptyState ? getEmptyState() : null, title ? /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_CommonEmptyStateModule["default"].title, " ").concat(titleClass)
       }, title) : null, description ? /*#__PURE__*/_react["default"].createElement("div", {

package/lib/emptystate/EditionPage/EditionPage.js

@@ -68,7 +68,8 @@ var EditionPage = /*#__PURE__*/function (_Component) {
           children = _this$props.children;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: _EditionPage["default"].editionContainer,
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: _EditionPage["default"].svg
       }, /*#__PURE__*/_react["default"].createElement(_EmptyCrmPotential["default"], null)), /*#__PURE__*/_react["default"].createElement("div", {
@@ -80,11 +81,13 @@ var EditionPage = /*#__PURE__*/function (_Component) {
       }, information ? "".concat(information, " ") : null, butttonText ? /*#__PURE__*/_react["default"].createElement("span", {
         className: _EditionPage["default"].button,
         "data-id": "".concat(dataId, "_button"),
+        "data-test-id": "".concat(dataId, "_button"),
         onClick: onButtonClick
       }, butttonText) : null), children ? /*#__PURE__*/_react["default"].createElement("div", {
         className: _EditionPage["default"].content
       }, children) : null, footerText ? /*#__PURE__*/_react["default"].createElement("div", {
         "data-id": "".concat(dataId, "_footerText"),
+        "data-test-id": "".concat(dataId, "_footerText"),
         className: _EditionPage["default"].footer
       }, /*#__PURE__*/_react["default"].createElement("div", {
         dangerouslySetInnerHTML: {

package/lib/form/fields/FieldContainer/FieldContainer.js

@@ -99,6 +99,7 @@ var FieldContainer = /*#__PURE__*/function (_PureComponent) {
       }) : null, ePhiStatus ? /*#__PURE__*/_react["default"].createElement("span", {
         "data-title": ePhiTitle,
         "data-id": "".concat(dataId, "_ePHI"),
+        "data-test-id": "".concat(dataId, "_ePHI"),
         className: _FieldsModule["default"].ePhiTag
       }, ePhiText) : null, renderEnd ? renderEnd() : null);
     }

package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -207,6 +207,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
         className: " ".concat(!isReadOnly ? " ".concat(needBorder ? _TagsMultiSelectModule["default"].hasBorder : '', "\n              ").concat(needBorder ? _TagsMultiSelectModule["default"]["borderColor_".concat(borderColor)] : _TagsMultiSelectModule["default"].borderColor_transparent, " ").concat(isPopupReady && needBorder ? _TagsMultiSelectModule["default"].active : '') : '', " ").concat(className),
         onClick: _General.stopBubbling,
         "data-id": "".concat(dataId, "_tagsContainer"),
+        "data-test-id": "".concat(dataId, "_tagsContainer"),
         "data-selector-id": dataSelectorId
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",

package/lib/form/fields/ValidationMessage/ValidationMessage.js

@@ -76,6 +76,7 @@ var ValidationMessage = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         className: "".concat(type === 'primary' ? _ValidationMessageModule["default"].primary : _ValidationMessageModule["default"].secondary),
         "data-id": "errorMsgContainer",
+        "data-test-id": "errorMsgContainer",
         "data-selector-id": dataSelectorId
       }, /*#__PURE__*/_react["default"].createElement(_Label["default"], {
         text: text,

package/lib/form/layout/Field/Field.js

@@ -65,7 +65,8 @@ var Field = /*#__PURE__*/function (_Component) {
           dataId = _this$props.dataId;
       return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(containerClass ? containerClass : '', " ").concat(column == 'single' ? "".concat(_FieldModule["default"].singleColumn) : "".concat(_FieldModule["default"][width], " ")),
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(className ? className : '', " ", "fieldWidth_".concat(width))
       }, children)), rowBreak && /*#__PURE__*/_react["default"].createElement("div", {

package/lib/form/layout/Section/Section.js

@@ -63,12 +63,14 @@ var Section = /*#__PURE__*/function (_Component) {
           formName = _this$props.formName;
       return /*#__PURE__*/_react["default"].createElement("div", {
         "data-id": dataId,
+        "data-test-id": dataId,
         className: containerClass ? containerClass : ''
       }, title && /*#__PURE__*/_react["default"].createElement("div", {
         className: titleClass ? titleClass : ''
       }, title), /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(className ? className : '', " ").concat(column == 'single' ? _ModuleFormSectionModule["default"].singleColumn : ''),
-        "data-id": formName && formName
+        "data-id": formName && formName,
+        "data-test-id": formName && formName
       }, this.props.children));
     }
   }]);

package/lib/layout/SetupDetailLayout/SetupDetailLayout.js

@@ -116,7 +116,8 @@ var SetupDetailLayout = /*#__PURE__*/function (_React$Component) {
         onClick: this.toggleHelpInfo,
         className: _SetupDetailLayoutModule["default"].infoClose,
         "data-title": closeText,
-        "data-id": "".concat(dataId, "_close")
+        "data-id": "".concat(dataId, "_close"),
+        "data-test-id": "".concat(dataId, "_close")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-close"
       }))))), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -183,7 +184,8 @@ var SetupHeader = /*#__PURE__*/function (_Component) {
         className: _SetupDetailLayoutModule["default"].backIcon,
         onClick: onBackClick,
         "data-title": backText,
-        "data-id": "".concat(dataId, "_back")
+        "data-id": "".concat(dataId, "_back"),
+        "data-test-id": "".concat(dataId, "_back")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-back"
       })) : null), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -213,14 +215,16 @@ var SetupHeader = /*#__PURE__*/function (_Component) {
         className: _SetupDetailLayoutModule["default"].helpInfo,
         onClick: openHelpInfo,
         "data-title": infoText,
-        "data-id": "".concat(dataId, "_info")
+        "data-id": "".concat(dataId, "_info"),
+        "data-test-id": "".concat(dataId, "_info")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-info31"
       }))) : /*#__PURE__*/_react["default"].createElement("span", {
         className: "".concat(_SetupDetailLayoutModule["default"].helpInfo, " ").concat(_SetupDetailLayoutModule["default"].mr15),
         onClick: openHelpInfo,
         "data-title": infoText,
-        "data-id": "".concat(dataId, "_info")
+        "data-id": "".concat(dataId, "_info"),
+        "data-test-id": "".concat(dataId, "_info")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-info31"
       }))) : null));

package/lib/list/Icons/AddNewIcon.js

@@ -61,6 +61,7 @@ var AddNewIcon = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-SE-addTickets",

package/lib/list/Icons/CompleteIcon.js

@@ -62,6 +62,7 @@ var CompleteIcon = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-GN-checkbox",

package/lib/list/Icons/DeleteIcon.js

@@ -62,6 +62,7 @@ var DeleteComponent = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].redHover, " ").concat(className ? className : ''),
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": dataTitle,
         tabIndex: 0
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {

package/lib/list/Icons/EditIcon.js

@@ -62,6 +62,7 @@ var EditIcon = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-GN-edit",

package/lib/list/Icons/ReadUnreadIcon.js

@@ -66,6 +66,7 @@ var ReadUnreadIcon = /*#__PURE__*/function (_React$Component) {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: isRead ? 'ZD-GN-read' : 'ZD-GN-unread',

package/lib/list/Icons/SmartIcon.js

@@ -65,6 +65,7 @@ var SmartIcon = /*#__PURE__*/function (_Component) {
         onClick: onClick,
         className: "".concat(_IconsModule["default"].iconStyle, " ").concat(_IconsModule["default"].blueHover, " ").concat(className ? className : ''),
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": dataTitle
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-TK-peek",

package/lib/list/ListLayout/ListLayout.js

@@ -87,6 +87,7 @@ var ListLayout = /*#__PURE__*/function (_Component) {
         onMouseEnter: onMouseEnter,
         onMouseLeave: onMouseLeave,
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": dataTitle,
         tabIndex: "0",
         role: role,

package/lib/list/SecondaryText/DepartmentText.js

@@ -61,7 +61,8 @@ var DepartmentText = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_SecondaryTextModule["default"].departmentText, " ").concat(className ? className : ''),
         "data-title": dataTitle,
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, text);
     }
   }]);

package/lib/list/SecondaryText/PriorityText.js

@@ -64,7 +64,8 @@ var PriorityText = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_SecondaryTextModule["default"].priorityText, " ").concat(_SecondaryTextModule["default"][color], " ").concat(className ? className : ''),
         "data-title": dataTitle,
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, text);
     }
   }]);

package/lib/list/SecondaryText/SecondaryText.js

@@ -69,6 +69,7 @@ var SecondaryText = /*#__PURE__*/function (_Component) {
         className: "".concat(_SecondaryTextModule["default"].secondaryText, " ").concat(className ? className : ''),
         "data-title": dataTitle,
         "data-id": dataId,
+        "data-test-id": dataId,
         onClick: onClick
       }, SecondaryTextProps), text);
     }

package/lib/list/SecondaryText/StatusText.js

@@ -65,7 +65,8 @@ var StatusText = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_SecondaryTextModule["default"].statusText, " ").concat(_SecondaryTextModule["default"][color], " ").concat(_SecondaryTextModule["default"]["font_".concat(fontWeight)], " ").concat(className ? className : ''),
         "data-title": dataTitle,
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, text);
     }
   }]);

package/lib/list/SecondaryText/TicketId.js

@@ -78,6 +78,7 @@ var TicketId = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement("div", _extends({
         className: "".concat(_SecondaryTextModule["default"].ticketId, " ").concat(isLink ? _SecondaryTextModule["default"].ticketIdLink : '', " ").concat(className ? className : ''),
         "data-id": dataId,
+        "data-test-id": dataId,
         "data-title": dataTitle,
         onClick: !isLink && onClick
       }, TicketIdProps), isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({

package/lib/list/Subject/Subject.js

@@ -89,7 +89,8 @@ var Subject = /*#__PURE__*/function (_Component) {
       }, LinkProps), children ? children : text) : /*#__PURE__*/_react["default"].createElement("span", _extends({
         className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)]),
         "data-title": text,
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, TextProps), text));
     }
   }]);

package/lib/list/TagNew/TagNew.js

@@ -64,7 +64,8 @@ var TagNew = /*#__PURE__*/function (_Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: "".concat(_TagNewModule["default"].tagStyle, " ").concat(animate ? _TagNewModule["default"].bounceIn : '', " ").concat(className ? className : ''),
         onClick: onClick,
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, text);
     }
   }]);

package/lib/list/UserTime/UserTime.js

@@ -81,6 +81,7 @@ var UserTime = /*#__PURE__*/function (_Component) {
         className: "".concat(_UserTimeModule["default"].container, " ").concat(containerClass ? containerClass : ''),
         "data-title": title,
         "data-id": dataId,
+        "data-test-id": dataId,
         "aria-label": title,
         tabIndex: "0"
       }, icon && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {

package/lib/lookup/EmptyPage/EmptyPage.js

@@ -100,7 +100,8 @@ var EmptyPage = /*#__PURE__*/function (_Component) {
           title = _this$props.title;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: _LookupEmptyPageModule["default"].container,
-        "data-id": "empty_".concat(type)
+        "data-id": "empty_".concat(type),
+        "data-test-id": "empty_".concat(type)
       }, this.renderEmptyState(type), /*#__PURE__*/_react["default"].createElement("div", {
         className: _LookupEmptyPageModule["default"].contentDiv
       }, title));

package/lib/lookup/Lookup/Lookup.js

@@ -117,7 +117,8 @@ var Lookup = /*#__PURE__*/function (_Component) {
         "aria-modal": ariaModal,
         id: htmlId,
         className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
-        "data-id": dataId
+        "data-id": dataId,
+        "data-test-id": dataId
       }, children);
 
       return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {

package/lib/setup/table/Text/Text.js

@@ -82,6 +82,7 @@ var Text = /*#__PURE__*/function (_React$Component) {
         textComponent = /*#__PURE__*/_react["default"].createElement("div", {
           "data-title": title,
           "data-id": dataId,
+          "data-test-id": dataId,
           className: classNameCheck,
           onClick: onClick
         }, text);

package/lib/version2/GlobalNotification/GlobalNotification.js

@@ -155,6 +155,7 @@ function GlobalNotificationUI(props) {
   return /*#__PURE__*/_react["default"].createElement("div", _extends({
     className: "".concat(_GlobalNotificationModule["default"].message, " ").concat(type ? _GlobalNotificationModule["default"][type] : ''),
     "data-id": "show_".concat(type, "_message"),
+    "data-test-id": "show_".concat(type, "_message"),
     tabIndex: 0,
     "data-selector-id": dataSelectorId
   }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -174,6 +175,7 @@ function GlobalNotificationUI(props) {
     className: _GlobalNotificationModule["default"].text,
     onClick: onClick,
     "data-id": "infoMessage",
+    "data-test-id": "infoMessage",
     dangerouslySetInnerHTML: {
       __html: message
     }

package/lib/version2/notification/DesktopNotification/DesktopNotification.js

@@ -157,7 +157,8 @@ function DesktopNotificationUI(props) {
     paddingLeftSize: "xmedium"
   }, submitText ? /*#__PURE__*/_react["default"].createElement("div", {
     onClick: onClickSubmit,
-    "data-id": "".concat(dataId, "_submitButton")
+    "data-id": "".concat(dataId, "_submitButton"),
+    "data-test-id": "".concat(dataId, "_submitButton")
   }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     align: "vertical",
     alignBox: "row"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.266",
+  "version": "1.0.0-beta.267",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,