@zohodesk/components 1.2.34 → 1.2.35

package/es/Select/__tests__/GroupSelect.spec.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import GroupSelect from '../GroupSelect';
+describe('GroupSelect', () => {
+  test('rendering the defult props', () => {
+    const mockOnChange = jest.fn();
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(GroupSelect, {
+      selectedOption: {
+        selectedOption: []
+      },
+      selected: "Groupselecet",
+      emptyMessage: "GroupEmptyMsg",
+      onChange: mockOnChange
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+});

package/es/Select/__tests__/Select.spec.js

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

package/es/Select/__tests__/SelectWithAvatar.spec.js

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

package/es/Select/__tests__/SelectWithIcon.spec.js

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

package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap

@@ -0,0 +1,90 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GroupSelect rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container box_medium   "
+    data-id="selectComponent"
+    data-selector-id="groupSelect"
+    data-test-id="selectComponent"
+  >
+    <div
+      class=""
+      data-id="GroupSelect"
+      data-test-id="GroupSelect"
+    >
+      <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
+            aria-controls="1"
+            aria-expanded="false"
+            aria-haspopup="true"
+            aria-owns="1"
+            aria-readonly="true"
+            autocomplete="off"
+            class="  container medium  default  effect  borderColor_default  "
+            data-id="GroupSelect_textBox"
+            data-selector-id="textBoxIcon"
+            data-test-id="GroupSelect_textBox"
+            maxlength="250"
+            placeholder=""
+            readonly=""
+            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 coldir both"
+                data-id="downIcon"
+                data-selector-id="container"
+                data-test-id="downIcon"
+              >
+                <i
+                  aria-hidden="true"
+                  class="zd_font_icons basic icon-down  arrowIcon  "
+                  data-id="fontIcon"
+                  data-selector-id="fontIcon"
+                  data-test-id="fontIcon"
+                  style="--zd-iconfont-size: var(--zd_font_size7);"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="line borderColor_default "
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

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

@@ -0,0 +1,97 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Select rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container box_medium   "
+    data-selector-id="select"
+  >
+    <div
+      class=""
+      data-id="selectComponent"
+      data-test-id="selectComponent"
+    >
+      <div
+        class="container effect  input  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-expanded="false"
+            aria-haspopup="true"
+            aria-label="click to select options"
+            aria-owns="1"
+            aria-readonly="true"
+            autocomplete="off"
+            class=" pointer container medium  default  effect  borderColor_default inputDotted "
+            data-id="selectComponent_textBox"
+            data-selector-id="textBoxIcon"
+            data-test-id="selectComponent_textBox"
+            maxlength="250"
+            placeholder=""
+            readonly=""
+            role="Menuitem"
+            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 both"
+                data-id="containerComponent"
+                data-selector-id="container"
+                data-test-id="containerComponent"
+              >
+                <div
+                  aria-hidden="true"
+                  class="arrowIcon flex cover coldir both"
+                  data-id="selectComponent_downIcon"
+                  data-selector-id="container"
+                  data-test-id="selectComponent_downIcon"
+                >
+                  <i
+                    aria-hidden="true"
+                    class="zd_font_icons basic icon-down    "
+                    data-id="fontIcon"
+                    data-selector-id="fontIcon"
+                    data-test-id="fontIcon"
+                    style="--zd-iconfont-size: var(--zd_font_size7);"
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div
+          class="line borderColor_default "
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SelectWithAvatar rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="wrapper    effect "
+    data-id="selectWithAvatar"
+    data-selector-id="selectWithAvatar"
+    data-test-id="selectWithAvatar"
+  >
+    <div
+      class="container medium borderColor_default   hasBorder flex cover 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"
+      >
+        <input
+          aria-activedescendant=""
+          aria-controls="1"
+          aria-expanded="false"
+          aria-haspopup="true"
+          aria-owns="1"
+          aria-readonly="true"
+          autocomplete="off"
+          class=" pointer container medium  default  effect  borderColor_default  "
+          data-id="textBox"
+          data-selector-id="textBox"
+          data-test-id="textBox"
+          placeholder=""
+          readonly=""
+          role="combobox"
+          type="text"
+          value=""
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap

@@ -0,0 +1,108 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`SelectWithIcon rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container box_medium  "
+    data-selector-id="selectWithIcon"
+  >
+    <div
+      class=""
+      data-id="selectWithIcon"
+      data-test-id="selectWithIcon"
+    >
+      <div
+        class="flex cover rowdir"
+        data-id="containerComponent"
+        data-selector-id="container"
+        data-test-id="containerComponent"
+      >
+        <div
+          class="leftIcon  flex cover coldir both"
+          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  input iconSelect  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-expanded="false"
+                aria-haspopup="true"
+                aria-label="click to select options"
+                aria-owns="1"
+                aria-readonly="true"
+                autocomplete="off"
+                class=" pointer container medium  default  effect  borderColor_default  "
+                data-id="selectWithIcon_textBox"
+                data-selector-id="textBoxIcon"
+                data-test-id="selectWithIcon_textBox"
+                maxlength="250"
+                readonly=""
+                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 coldir both"
+                    data-id="selectWithIcon_downIcon"
+                    data-selector-id="container"
+                    data-test-id="selectWithIcon_downIcon"
+                  >
+                    <i
+                      aria-hidden="true"
+                      class="zd_font_icons basic icon-down    "
+                      data-id="fontIcon"
+                      data-selector-id="fontIcon"
+                      data-test-id="fontIcon"
+                      style="--zd-iconfont-size: var(--zd_font_size7);"
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div
+              class="line borderColor_default "
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Tab/__tests__/Tab.spec.js

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

package/es/Tab/__tests__/TabContent.spec.js

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

package/es/Tab/__tests__/TabContentWrapper.spec.js

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

package/es/Tab/__tests__/TabWrapper.spec.js

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

package/es/Tab/__tests__/Tabs.spec.js

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

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

@@ -0,0 +1,22 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tab rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    aria-selected="false"
+    class="tab horizontal basisAuto shrinkOff"
+    data-id="tabMenu_Tab"
+    data-selector-id="tab"
+    data-test-id="tabMenu_Tab"
+    role="link"
+    tabindex="0"
+  >
+    <div
+      class="textContainer flex cover rowdir both"
+      data-id="containerComponent"
+      data-selector-id="container"
+      data-test-id="containerComponent"
+    />
+  </div>
+</DocumentFragment>
+`;

package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap

@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TabContent rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="container flex cover coldir"
+    data-id="tabContent_TabContent"
+    data-scroll="true"
+    data-selector-id="tabContent"
+    data-test-id="tabContent_TabContent"
+    role="tabpanel"
+    tabindex="-1"
+  >
+    <div>
+      Test
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TabContentWrapper rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="grow basis shrinkOff"
+    data-id="boxComponent"
+    data-selector-id="tabContentWrapper"
+    data-test-id="boxComponent"
+  />
+</DocumentFragment>
+`;

package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap

@@ -0,0 +1,20 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TabWrapper rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="flex cover coldir"
+    data-id="containerComponent"
+    data-selector-id="tabWrapper"
+    data-test-id="containerComponent"
+  >
+    <div
+      align="vertical"
+      selectedtab="0"
+      type="alpha"
+    >
+      Test
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Tabs rendering the defult props 1`] = `
+<DocumentFragment>
+  <div
+    class="shrinkOff"
+    data-id="boxComponent"
+    data-selector-id="tabs"
+    data-test-id="boxComponent"
+  >
+    <div
+      class="tab 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
+          class="flex cover coldir"
+          data-id="containerComponent"
+          data-selector-id="container"
+          data-test-id="containerComponent"
+        />
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Tag/__tests__/Tag.spec.js

@@ -56,9 +56,9 @@ describe('Tag component', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
-  test.each(palette)('Should render active - %s', palette => {
-    size.map(sz => {
-      closePalette.map(cp => {
+  size.map(sz => {
+    closePalette.map(cp => {
+      test.each(palette)(`Should render active - palette %s, size ${sz} , closePalette ${cp}`, palette => {
         const mockOnRemove = jest.fn();
         const {
           asFragment