@zohodesk/dot 1.5.5 → 1.6.1

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

@@ -1,5 +1,67 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`ImportantNotes rendering the children 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-help-centre    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+    <div
+      class="title grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the className prop 1`] = `
+<DocumentFragment>
+  <div
+    class="section customClass flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-help-centre    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`ImportantNotes rendering the defult props 1`] = `
 <DocumentFragment>
   <div
@@ -26,3 +88,274 @@ exports[`ImportantNotes rendering the defult props 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`ImportantNotes rendering the iconClass 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-info  customIconClass  "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the iconName prop 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-info    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+    <div
+      class="title grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      sample text for notes
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the iconName prop and text and children are empty 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  />
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the iconName prop is null and given text value 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="title grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      sample text for notes
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the iconSize 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-info    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size15);"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the isCover prop is false 1`] = `
+<DocumentFragment>
+  <div
+    class="section  inflex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-help-centre    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the isCover prop is true 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-help-centre    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the text and children prop 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-help-centre    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+    <div
+      class="title grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      sample text for notesSample text for children
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the text and children prop is empty 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-help-centre    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`ImportantNotes rendering the text prop 1`] = `
+<DocumentFragment>
+  <div
+    class="section  flex rowdir top"
+    data-id="containerComponent"
+    data-selector-id="container"
+    data-test-id="containerComponent"
+  >
+    <div
+      class="icon shrinkOff selfStart"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-help-centre    "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+        style="--zd-iconfont-size: var(--zd_font_size14);"
+      />
+    </div>
+    <div
+      class="title grow basis shrinkOff"
+      data-id="boxComponent"
+      data-selector-id="box"
+      data-test-id="boxComponent"
+    >
+      sample text for notes
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Upload/__tests__/Upload.spec.js

@@ -2,10 +2,150 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import Upload from '../Upload';
 describe('Upload', () => {
+  const mockOnRemove = jest.fn();
+  const mockEleRef = jest.fn();
+  const size = ['small', 'medium'];
+  const palette = ['light', 'night'];
   test('rendering the defult props', () => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(Upload, null));
     expect(asFragment()).toMatchSnapshot();
   });
+  test('rendering the isPreview prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreview: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isPreview prop is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreview: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the tooltip prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      tooltip: "Tooltip"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the dataId prop with isPreview isPreviewType are true ', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      dataId: "TestdataId",
+      isPreview: true,
+      isPreviewType: true,
+      onRemove: mockOnRemove
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the dataId prop with isPreviewType is false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      dataId: "TestdataId",
+      isPreview: true,
+      onRemove: mockOnRemove,
+      isPreviewType: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the dataSelectorId prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      dataSelectorId: "selectorId"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the progressValue prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreview: true,
+      progressValue: "90"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the iconName prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: false,
+      iconName: "ZD-close"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the fileSize prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: false,
+      fileSize: "400kb"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the imgSrc prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: true,
+      imgSrc: "http://sampleImageUrl.com"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isPreviewType true prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: true
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the isPreviewType false prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      isPreviewType: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('rendering the onRemove prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      onRemove: mockOnRemove
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(size)('rendering the size of - %s', size => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      size: size
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palette)('rendering the palette of - %s', palette => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(Upload, {
+      palette: palette
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('eleRef prop is a function', () => {
+    render( /*#__PURE__*/React.createElement(Upload, {
+      getRef: mockEleRef
+    }));
+    expect(mockEleRef).toHaveBeenCalled();
+  });
 });