@zohodesk/components 1.2.33 → 1.2.35

package/es/MultiSelect/__tests__/EmptyState.spec.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import EmptyState from '../EmptyState';
+describe('EmptyState', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(EmptyState, {
+      searchString: [],
+      suggestions: [],
+      options: []
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/MultiSelect/__tests__/MultiSelect.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import MultiSelect from '../MultiSelect';
+describe('MultiSelect', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(MultiSelect, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import MultiSelectHeader from '../MultiSelectHeader';
+describe('MultiSelectHeader', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(MultiSelectHeader, {
+      suggestions: [Option]
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the basic value', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(MultiSelectHeader, {
+      suggestions: [1, 2, 3]
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import MultiSelectWithAvatar from '../MultiSelectWithAvatar';
+describe('MultiSelectWithAvatar', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(MultiSelectWithAvatar, null));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/MultiSelect/__tests__/SelectedOptions.spec.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import SelectedOptions from '../SelectedOptions';
+describe('SelectedOptions', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(SelectedOptions, {
+      selectedOptions: []
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the basic select options', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(SelectedOptions, {
+      highLightedSelectOptions: [],
+      selectedOptions: [{
+        value: 'SelectedObject1'
+      }, {
+        value: 'SelectedObject2'
+      }, {
+        value: 'SelectedObject3'
+      }]
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/MultiSelect/__tests__/Suggestions.spec.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import Suggestions from '../Suggestions';
+describe('Suggestions', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Suggestions, {
+      suggestions: []
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AdvancedGroupMultiSelect rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper  effect"
+    data-id="multiSelect"
+    data-selector-id="advancedGroupMultiSelect"
+    data-test-id="multiSelect"
+  >
+    <div
+      class="container medium  hasBorder borderColor_default  flex cover rowdir wrap vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="wrapper grow basisAuto shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <span
+          class=" custmSpan custmSpanMedium 
+              "
+        />
+        <div
+          class="container effect  custmInputWrapper  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
+              aria-controls="1"
+              aria-describedby="2"
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-owns="1"
+              autocomplete="off"
+              class="  container medium  default  effect  borderColor_default  "
+              data-id="multiSelect_textBox"
+              data-selector-id="textBoxIcon"
+              data-test-id="multiSelect_textBox"
+              maxlength="250"
+              role="combobox"
+              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>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap

@@ -0,0 +1,74 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`AdvancedMultiSelect rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper   effect "
+    data-id="multiSelectComp"
+    data-selector-id="advancedMultiSelect"
+    data-test-id="multiSelectComp"
+  >
+    <div
+      class="container medium  hasBorder borderColor_default flex cover rowdir wrap vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="wrapper grow basisAuto shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <span
+          class=" custmSpan custmSpanMedium 
+              "
+        />
+        <div
+          class="container effect  custmInputWrapper  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
+              aria-controls="1"
+              aria-describedby="2"
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-owns="1"
+              autocomplete="off"
+              class="  container medium  default  effect  borderColor_default  "
+              data-id="textBoxIcon"
+              data-selector-id="textBoxIcon"
+              data-test-id="textBoxIcon"
+              maxlength="250"
+              role="combobox"
+              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>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EmptyState rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=" default"
+    data-id="empty_noOptnsMsg"
+    data-test-id="empty_noOptnsMsg"
+    role="alert"
+  />
+</DocumentFragment>
+`;

package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap

@@ -0,0 +1,86 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MultiSelect rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper     effect"
+    data-id="multiSelect"
+    data-selector-id="multiSelect"
+    data-test-id="multiSelect"
+  >
+    <div
+      class="container medium borderColor_default   hasBorder flex cover rowdir wrap vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="wrapper grow basisAuto shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <span
+          class=" custmSpan custmSpanMedium 
+          "
+        />
+        <div
+          class="container effect  custmInputWrapper  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
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-required="true"
+              autocomplete="off"
+              class="  container medium  default  effect  borderColor_default  "
+              data-id="multiSelect_textBox"
+              data-selector-id="textBoxIcon"
+              data-test-id="multiSelect_textBox"
+              maxlength="250"
+              role="combobox"
+              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
+                class="icon  shrinkOff"
+                data-id="boxComponent"
+                data-selector-id="box"
+                data-test-id="boxComponent"
+              >
+                <div
+                  class="flex cover rowdir vCenter"
+                  data-id="containerComponent"
+                  data-selector-id="container"
+                  data-test-id="containerComponent"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MultiSelectHeader rendering the basic value 1`] = `
+<DocumentFragment>
+  <li
+    class="list medium  default     withBorder selectAll flex rowdir vCenter"
+    data-a11y-inset-focus="true"
+    data-id="MultiSelectHeader_selectAll"
+    data-selector-id="listItemWithIcon"
+    data-test-id="MultiSelectHeader_selectAll"
+    role="option"
+    tabindex="0"
+  >
+    <div
+      aria-hidden="true"
+      class="iconBox shrinkOff"
+      data-id="MultiSelectHeader_selectAll_Icon"
+      data-selector-id="box"
+      data-test-id="MultiSelectHeader_selectAll_Icon"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-androidd    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size15);"
+      />
+    </div>
+    <div
+      class="value grow basis shrinkOn"
+      data-id="MultiSelectHeader_selectAll_Text"
+      data-selector-id="box"
+      data-test-id="MultiSelectHeader_selectAll_Text"
+    >
+      List
+    </div>
+  </li>
+</DocumentFragment>
+`;
+
+exports[`MultiSelectHeader rendering the defult props 1`] = `<DocumentFragment />`;

package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap

@@ -0,0 +1,85 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MultiSelectWithAvatar rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class=" wrapper     effect"
+    data-id="multiSelectWithAvatar"
+    data-selector-id="multiSelectWithAvatar"
+    data-test-id="multiSelectWithAvatar"
+  >
+    <div
+      class="container medium borderColor_default  undefined hasBorder flex cover rowdir wrap vCenter"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    >
+      <div
+        class="wrapper grow basisAuto shrinkOn"
+        data-id="boxComponent"
+        data-selector-id="box"
+        data-test-id="boxComponent"
+      >
+        <span
+          class=" custmSpan custmSpanMedium 
+          "
+        />
+        <div
+          class="container effect  custmInputWrapper  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
+              aria-expanded="false"
+              aria-haspopup="true"
+              aria-required="true"
+              class="  container medium  default  effect  borderColor_default  "
+              data-id="multiSelectWithAvatar_textBox"
+              data-selector-id="textBoxIcon"
+              data-test-id="multiSelectWithAvatar_textBox"
+              maxlength="250"
+              role="combobox"
+              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
+                class="icon  shrinkOff"
+                data-id="boxComponent"
+                data-selector-id="box"
+                data-test-id="boxComponent"
+              >
+                <div
+                  class="flex cover rowdir vCenter"
+                  data-id="containerComponent"
+                  data-selector-id="container"
+                  data-test-id="containerComponent"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap

@@ -0,0 +1,80 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SelectedOptions rendering the basic select options 1`] = `
+<DocumentFragment>
+  <div
+    class="tag medium shrinkOff"
+    data-id="boxComponent"
+    data-selector-id="box"
+    data-test-id="boxComponent"
+  >
+    <div
+      aria-labelledby="1"
+      class="container effect    medium lgRadius danger   "
+      data-id="tag_Tag"
+      data-selector-id="tag"
+      data-test-id="tag_Tag"
+      data-title="SelectedObject1"
+      tabindex="0"
+    >
+      <div
+        aria-hidden="true"
+        class="text mediumtext"
+        id="1"
+      >
+        SelectedObject1
+      </div>
+    </div>
+  </div>
+  <div
+    class="tag medium shrinkOff"
+    data-id="boxComponent"
+    data-selector-id="box"
+    data-test-id="boxComponent"
+  >
+    <div
+      aria-labelledby="2"
+      class="container effect    medium lgRadius danger   "
+      data-id="tag_Tag"
+      data-selector-id="tag"
+      data-test-id="tag_Tag"
+      data-title="SelectedObject2"
+      tabindex="0"
+    >
+      <div
+        aria-hidden="true"
+        class="text mediumtext"
+        id="2"
+      >
+        SelectedObject2
+      </div>
+    </div>
+  </div>
+  <div
+    class="tag medium shrinkOff"
+    data-id="boxComponent"
+    data-selector-id="box"
+    data-test-id="boxComponent"
+  >
+    <div
+      aria-labelledby="3"
+      class="container effect    medium lgRadius danger   "
+      data-id="tag_Tag"
+      data-selector-id="tag"
+      data-test-id="tag_Tag"
+      data-title="SelectedObject3"
+      tabindex="0"
+    >
+      <div
+        aria-hidden="true"
+        class="text mediumtext"
+        id="3"
+      >
+        SelectedObject3
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`SelectedOptions rendering the defult props 1`] = `<DocumentFragment />`;

package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Suggestions rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="flex coldir"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+    tabindex="0"
+  >
+    <div
+      class="shrinkOff"
+      data-id="undefined"
+      data-selector-id="box"
+      data-test-id="undefined"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/PopOver/__tests__/PopOver.spec.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import PopOver from '../PopOver';
+describe('PopOver', () => {
+  test('rendering the defult props', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(PopOver, null, /*#__PURE__*/React.createElement("div", null, "Test")));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`PopOver rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="popup"
+  >
+    <div>
+      Test
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Radio/__tests__/Radio.spec.js

@@ -41,7 +41,7 @@ describe('Radio', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
-  test('rendering the Checked is true', () => {
+  test.each(palette)('rendering the Checked is true for palette - %s', palette => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(Radio, {
@@ -51,7 +51,7 @@ describe('Radio', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
-  test('rendering the disabled is true', () => {
+  test.each(palette)('rendering the disabled is true for palette - %s', palette => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(Radio, {
@@ -218,15 +218,12 @@ describe('Radio', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
-  test('eleRef prop is a function', () => {
-    // Create a mock function
+  test('getRef prop is a function', () => {
     const mockEleRef = jest.fn();
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(Radio, {
-      eleRef: mockEleRef
+    render( /*#__PURE__*/React.createElement(Radio, {
+      getRef: mockEleRef
     }));
-    expect(asFragment()).toMatchSnapshot();
+    expect(mockEleRef).toHaveBeenCalled();
   });
   test('renders with different onClick props', () => {
     const onClickFunction = jest.fn();