@zohodesk/dot 1.5.4 → 1.6.0

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

@@ -1,5 +1,109 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Upload rendering the dataId prop with isPreview isPreviewType are true  1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="TestdataId"
+    data-selector-id="upload"
+    data-test-id="TestdataId"
+  >
+    <div
+      class="loader"
+      data-id="TestdataId_attachLoading"
+      data-test-id="TestdataId_attachLoading"
+    />
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="TestdataId_fileName"
+      data-test-id="TestdataId_fileName"
+    />
+    <div
+      class="overlay"
+    />
+    <span
+      class="uploadclose"
+      data-id="TestdataId_deleteUpload"
+      data-test-id="TestdataId_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the dataId prop with isPreviewType is false 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="TestdataId"
+    data-selector-id="upload"
+    data-test-id="TestdataId"
+  >
+    <div
+      class="loader"
+      data-id="TestdataId_attachLoading"
+      data-test-id="TestdataId_attachLoading"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="TestdataId_openNewTab"
+      data-selector-id="box"
+      data-test-id="TestdataId_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+    <span
+      class="uploadclose"
+      data-id="TestdataId_deleteUpload"
+      data-test-id="TestdataId_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the dataSelectorId prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="selectorId"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`Upload rendering the defult props 1`] = `
 <DocumentFragment>
   <div
@@ -22,3 +126,358 @@ exports[`Upload rendering the defult props 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`Upload rendering the fileSize prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      >
+        400kb
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the iconName prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e  fileIcon  "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the imgSrc prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="upload_fileName"
+      data-test-id="upload_fileName"
+      src="http://sampleImageUrl.com"
+    />
+    <div
+      class="overlay"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreview prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="loader"
+      data-id="upload_attachLoading"
+      data-test-id="upload_attachLoading"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreview prop is false 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreviewType false prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreviewType true prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="upload_fileName"
+      data-test-id="upload_fileName"
+    />
+    <div
+      class="overlay"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the onRemove prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+    <span
+      class="uploadclose"
+      data-id="upload_deleteUpload"
+      data-test-id="upload_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the palette of - light 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the palette of - night 1`] = `
+<DocumentFragment>
+  <div
+    class="container night medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the progressValue prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="loader"
+      data-id="upload_attachLoading"
+      data-test-id="upload_attachLoading"
+      style="width: 90%;"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the size of - medium 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the size of - small 1`] = `
+<DocumentFragment>
+  <div
+    class="container light small 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the tooltip prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+    data-title="Tooltip"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Upload/props/propTypes.js

@@ -10,7 +10,7 @@ export const propTypes = {
   isPreviewType: PropTypes.bool,
   onClick: PropTypes.func,
   onRemove: PropTypes.func,
-  progressValue: PropTypes.string,
+  progressValue: PropTypes.number,
   size: PropTypes.oneOf(['small', 'medium']),
   tooltip: PropTypes.string,
   palette: PropTypes.oneOf(['light', 'night'])

package/es/alert/AlertHeader/__tests__/AlertHeader.spec.js

@@ -2,10 +2,118 @@ import React from 'react';
 import { render } from '@testing-library/react';
 import AlertHeader from '../AlertHeader';
 describe('AlertHeader', () => {
-  test('rendering the defult props', () => {
+  const mockOnClose = jest.fn();
+  const iconTypes = ['delete', 'alert', 'remoteAssist', 'splitTicket', 'update'];
+  const palettes = ['default', 'primary', 'danger'];
+  test('renders with default props', () => {
     const {
       asFragment
     } = render( /*#__PURE__*/React.createElement(AlertHeader, null));
     expect(asFragment()).toMatchSnapshot();
   });
+  test('renders with title', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Custom Icon Class"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(palettes)('renders with palette - %s', palette => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      palette: palette
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with needIcon false', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      needIcon: false
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test.each(iconTypes)('renders with iconType - %s', iconType => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      iconType: iconType
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with onClose function and closeTitle', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      title: "Closable Alert",
+      onClose: mockOnClose,
+      closeTitle: "Close Alert"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders iconName is provided', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      iconName: "ZD-plus"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with breakChildren prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      breakChildren: true
+    }, /*#__PURE__*/React.createElement("div", null, "Child Content with Break")));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with children content', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, null, /*#__PURE__*/React.createElement("div", null, "Child Content")));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with custom iconClass', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      iconClass: "custom-icon-class"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders with dataId prop', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      dataId: "alertDataId"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders iconType and iconSize is fales', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      iconType: "alert"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders iconType and iconSize is true', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      iconType: "alert",
+      iconSize: "16"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
+  test('renders falls back when neither iconName nor matching iconType is available', () => {
+    const {
+      asFragment
+    } = render( /*#__PURE__*/React.createElement(AlertHeader, {
+      iconType: "nonexistentType"
+    }));
+    expect(asFragment()).toMatchSnapshot();
+  });
 });