@zohodesk/dot 1.4.15 → 1.4.17

package/lib/lookup/Lookup/__tests__/__snapshots__/Lookup.spec.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Lookup rendering isActive is true 1`] = `
+<DocumentFragment>
+  <div
+    class="container index5 snow"
+    data-drag-parent="true"
+    style="z-index: 4;"
+  >
+    <div
+      class="flex cover rowdir hCenter"
+      data-id="reactFreezeLayer"
+      data-selector-id="container"
+      data-test-id="reactFreezeLayer"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Lookup rendering the defult props 1`] = `<DocumentFragment />`;

package/lib/lookup/Section/__tests__/Section.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Section = _interopRequireDefault(require("../Section"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Section', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Section["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/lookup/Section/__tests__/__snapshots__/Section.spec.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Section rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex cover coldir"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    />
+  </div>
+</DocumentFragment>
+`;

package/lib/lookup/header/Close/__tests__/Close.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Close = _interopRequireDefault(require("../Close"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('AlphabeticList', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Close["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/lookup/header/Close/__tests__/__snapshots__/Close.spec.js.snap

@@ -0,0 +1,23 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AlphabeticList rendering the defult props 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="closeButton"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="closeButton"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-cross    "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size11);"
+    />
+  </button>
+</DocumentFragment>
+`;

package/lib/lookup/header/ModuleHeader/__tests__/ModuleHeader.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ModuleHeader = _interopRequireDefault(require("../ModuleHeader"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('ModuleHeader', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ModuleHeader["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/lookup/header/ModuleHeader/__tests__/__snapshots__/ModuleHeader.spec.js.snap

@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ModuleHeader rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container default flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="title"
+      >
+        <span
+          class="title default "
+          data-title=""
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/lookup/header/Search/__tests__/Search.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Search = _interopRequireDefault(require("../Search"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Search', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Search["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap

@@ -0,0 +1,60 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Search rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="searchStyle    flex rowdir vCenter"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="container effect    flex rowdir"
+        data-id="containerComponent"
+        data-selector-id="textBoxIcon"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="grow basis shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <input
+            class="  container small  default  effect  borderColor_default  "
+            data-a11y-autofocus="true"
+            data-id="textBoxIcon"
+            data-selector-id="textBoxIcon"
+            data-test-id="textBoxIcon"
+            maxlength="250"
+            type="text"
+            value=""
+          />
+        </div>
+        <div
+          class="iconContainer  shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <div
+            class="flex cover rowdir"
+            data-id="containerComponent"
+            data-selector-id="container"
+            data-test-id="containerComponent"
+          />
+        </div>
+        <div
+          class="line borderColor_default "
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/lookup/header/TicketHeader/__tests__/TicketHeader.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _TicketHeader = _interopRequireDefault(require("../TicketHeader"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('TicketHeader', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_TicketHeader["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/lookup/header/TicketHeader/__tests__/__snapshots__/TicketHeader.spec.js.snap

@@ -0,0 +1,59 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TicketHeader rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container default undefined container flex rowdir wrap vCenter"
+    data-drag-hook="true"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <div
+        class="innerContainer flex coldir wrap"
+        data-id="lookupView"
+        data-selector-id="container"
+        data-test-id="lookupView"
+      >
+        <div
+          class="title shrinkOff"
+          data-id="boxComponent"
+          data-selector-id="box"
+          data-test-id="boxComponent"
+        >
+          <span
+            class="title default "
+          />
+        </div>
+      </div>
+    </div>
+    <div
+      class="closeContainer"
+    >
+      <button
+        aria-pressed="false"
+        class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+        data-id="close"
+        data-ishtml="false"
+        data-selector-id="iconButton"
+        data-test-id="close"
+      >
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-cross    "
+          data-id="fontIcon"
+          data-selector-id="fontIcon"
+          data-test-id="fontIcon"
+          style="--zd-iconfont-size: var(--zd_font_size11);"
+        />
+      </button>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/lookup/header/Title/__tests__/Titles.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Title = _interopRequireDefault(require("../Title"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Title', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Title["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/lookup/header/Title/__tests__/__snapshots__/Titles.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Title rendering the defult props 1`] = `
+<DocumentFragment>
+  <span
+    class="title default "
+  />
+</DocumentFragment>
+`;

package/lib/lookup/header/ViewDropDown/ViewDropDown.js

@@ -117,7 +117,8 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           searchBoxSize = _this$props.searchBoxSize,
           searchBoxVariant = _this$props.searchBoxVariant,
           searchBoxPlaceHolder = _this$props.searchBoxPlaceHolder,
-          maxLength = _this$props.maxLength;
+          maxLength = _this$props.maxLength,
+          dataId = _this$props.dataId;
       var _this$state = this.state,
           hoverIndex = _this$state.hoverIndex,
           selected = _this$state.selected,
@@ -126,7 +127,9 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           selectedId = _this$state.selectedId;
       var suggestions = this.handleFilterSuggestions();
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: _ViewDropDownModule["default"].container
+        className: _ViewDropDownModule["default"].container,
+        "data-id": dataId,
+        "data-test-id": dataId
       }, /*#__PURE__*/_react["default"].createElement("div", {
         onClick: this.togglePopup,
         ref: getTargetRef
@@ -134,11 +137,14 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
         className: "".concat(_ViewDropDownModule["default"].labelCnt, " ").concat(isPopupOpen ? _ViewDropDownModule["default"].focused : '')
       }, /*#__PURE__*/_react["default"].createElement("span", {
         className: _ViewDropDownModule["default"].labelText,
-        "data-title": selected
+        "data-title": selected,
+        "data-id": "".concat(dataId, "_selectedValue"),
+        "data-test-id": "".concat(dataId, "_selectedValue")
       }, selected), /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7",
-        iconClass: _ViewDropDownModule["default"].arrowIcon
+        iconClass: _ViewDropDownModule["default"].arrowIcon,
+        dataId: "".concat(dataId, "_icon")
       }))), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
         query: this.responsiveFunc,
         responsiveId: "Helmet"
@@ -154,7 +160,8 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           animationStyle: animationStyle,
           size: "large",
           alignBox: "row",
-          isResponsivePadding: true
+          isResponsivePadding: true,
+          dataId: "".concat(dataId, "_dropbox")
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true
         }, /*#__PURE__*/_react["default"].createElement(_Card.Card, null, needSearch ? /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_DropDownSearch["default"], {
@@ -165,13 +172,15 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           size: searchBoxSize,
           variant: searchBoxVariant,
           placeHolder: searchBoxPlaceHolder,
-          maxLength: maxLength
+          maxLength: maxLength,
+          dataId: "".concat(dataId, "_search")
         })) : null, /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
           shrink: true,
           eleRef: _this2.suggestionContainerRef,
           customClass: !tabletMode && dropBoxSize ? _ViewDropDownModule["default"][dropBoxSize] : ''
         }, suggestions.length ? /*#__PURE__*/_react["default"].createElement("div", {
-          className: _ViewDropDownModule["default"].listItemContainer
+          className: _ViewDropDownModule["default"].listItemContainer,
+          "data-id": "".concat(dataId, "_Options")
         }, suggestions.map(function () {
           var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
           var index = arguments.length > 1 ? arguments[1] : undefined;

package/lib/lookup/header/ViewDropDown/__test__/ViewDropDown.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ViewDropDown = _interopRequireDefault(require("../ViewDropDown"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('ViewDropDown', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_ViewDropDown["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/lookup/header/ViewDropDown/__test__/__snapshots__/ViewDropDown.spec.js.snap

@@ -0,0 +1,32 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ViewDropDown rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+    data-id="ViewDropDown"
+    data-test-id="ViewDropDown"
+  >
+    <div>
+      <div
+        class="labelCnt "
+      >
+        <span
+          class="labelText"
+          data-id="ViewDropDown_selectedValue"
+          data-test-id="ViewDropDown_selectedValue"
+          data-title=""
+        />
+        <i
+          aria-hidden="true"
+          class="zd_font_icons basic icon-down  arrowIcon  "
+          data-id="ViewDropDown_icon"
+          data-selector-id="fontIcon"
+          data-test-id="ViewDropDown_icon"
+          style="--zd-iconfont-size: var(--zd_font_size7);"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/lib/lookup/header/ViewDropDown/props/defaultProps.js

@@ -9,6 +9,7 @@ var defaultProps = {
   needLocalSearch: true,
   needSearch: true,
   textField: 'text',
-  valueField: 'id'
+  valueField: 'id',
+  dataId: 'ViewDropDown'
 };
 exports.defaultProps = defaultProps;

package/lib/lookup/header/ViewDropDown/props/propTypes.js

@@ -15,6 +15,7 @@ var propTypes = {
   searchBoxPlaceHolder: _propTypes["default"].string,
   searchEmptyMessage: _propTypes["default"].string,
   dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
+  dataId: _propTypes["default"].string,
 
   /**** Popup props ****/
   isPopupOpen: _propTypes["default"].bool,

package/lib/setup/header/Button/__tests__/Button.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Button', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Button["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/setup/header/Button/__tests__/__snapshots__/Button.spec.js.snap

@@ -0,0 +1,17 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Button rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container"
+  >
+    <button
+      class="bold primaryfilled medium"
+      data-id="buttonComp"
+      data-selector-id="button"
+      data-test-id="buttonComp"
+      type="button"
+    />
+  </div>
+</DocumentFragment>
+`;

package/lib/setup/header/Link/__tests__/Link.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Link = _interopRequireDefault(require("../Link"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Link', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Link["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/setup/header/Link/__tests__/__snapshots__/Link.spec.js.snap

@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Link rendering the defult props 1`] = `
+<DocumentFragment>
+  <a
+    class="link container"
+    href="javascript:void(0);"
+    rel="noopener noreferrer"
+    target="_blank"
+  >
+    <div
+      class="icon shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-newtab fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size10);"
+      />
+    </div>
+    <div
+      class="text grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    />
+  </a>
+</DocumentFragment>
+`;

package/lib/setup/header/Search/Search.js

@@ -89,10 +89,13 @@ var Search = /*#__PURE__*/function (_React$Component) {
           value = _this$props.value,
           onChange = _this$props.onChange,
           onKeyPress = _this$props.onKeyPress,
-          customClass = _this$props.customClass;
+          customClass = _this$props.customClass,
+          dataId = _this$props.dataId;
       var isFocus = this.state.isFocus;
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: "".concat(_SearchModule["default"].container, " ").concat(isFocus ? _SearchModule["default"].active : '', " ").concat(customClass)
+        className: "".concat(_SearchModule["default"].container, " ").concat(isFocus ? _SearchModule["default"].active : '', " ").concat(customClass),
+        "data-id": "".concat(dataId, "_search"),
+        "data-test-id": "".concat(dataId, "_search")
       }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
         placeHolder: placeHolder,
         customClass: _SearchModule["default"].input,
@@ -105,7 +108,9 @@ var Search = /*#__PURE__*/function (_React$Component) {
         onBlur: this.onBlur
       }), value != '' && value ? /*#__PURE__*/_react["default"].createElement("span", {
         className: _SearchModule["default"].icon,
-        onClick: this.onBlur
+        onClick: this.onBlur,
+        "data-id": "".concat(dataId, "_clear"),
+        "data-test-id": "".concat(dataId, "_clear")
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-close",
         size: "19"

package/lib/setup/header/Search/__tests__/Search.spec.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _Search = _interopRequireDefault(require("../Search"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+describe('Search', function () {
+  test('rendering the defult props', function () {
+    var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Search["default"], null)),
+        asFragment = _render.asFragment;
+
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/lib/setup/header/Search/__tests__/__snapshots__/Search.spec.js.snap

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Search rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container  "
+    data-id="search_search"
+    data-test-id="search_search"
+  >
+    <input
+      class="  basic borderColor_default  input"
+      data-id="textBox"
+      data-selector-id="textBox"
+      data-test-id="textBox"
+      maxlength="150"
+      placeholder="Search"
+      type="text"
+      value=""
+    />
+  </div>
+</DocumentFragment>
+`;

package/lib/setup/header/Search/props/defaultProps.js

@@ -7,6 +7,7 @@ exports.defaultProps = void 0;
 var defaultProps = {
   placeHolder: 'Search',
   maxLength: 150,
-  customClass: ''
+  customClass: '',
+  dataId: 'search'
 };
 exports.defaultProps = defaultProps;

package/lib/setup/header/Search/props/propTypes.js

@@ -17,6 +17,7 @@ var propTypes = {
   onFocus: _propTypes["default"].func,
   onKeyPress: _propTypes["default"].func,
   placeHolder: _propTypes["default"].string,
-  value: _propTypes["default"].string
+  value: _propTypes["default"].string,
+  dataId: _propTypes["default"].string
 };
 exports.propTypes = propTypes;