@zohodesk/dot 1.0.0-temp-195.3 → 1.0.0-temp-198.2

package/es/TagWithIcon/TagWithIcon.module.css

@@ -1,67 +1,67 @@
-.varClass {
-  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
-  --tag_text_color: var(--zdt_tagWithIconGrey_text);
-  --tag_border_color: var(--zdt_tagWithIconGrey_border);
-  --tag_small_fontSize: var(--zd_font_size10);
-  --tag_large_fontSize: var(--zd_font_size12);
-}
-
-.wrapper {
-  composes: varClass;
-  color: var(--tag_text_color);
-  background-color: var(--tag_bg_color);
-}
-
-.small,
-.large {
-  max-width: 100% ;
-  height: var(--zd_size18) ;
-}
-
-.small, .large {
-  border: 1px solid var(--tag_border_color);
-  border-radius: var(--zd_size4);
-  padding: 0 var(--zd_size6) ;
-}
-
-.bold {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.small_text {
-  font-size: var(--tag_small_fontSize);
-}
-
-.large_text {
-  font-size: var(--tag_large_fontSize);
-}
-
-.text {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-[dir=ltr] .iconSpace {
-  margin-right: var(--zd_size4) ;
-}
-
-[dir=rtl] .iconSpace {
-  margin-left: var(--zd_size4) ;
-}
-
-.yellow {
-  --tag_bg_color: var(--zdt_tagWithIconYellow_bg);
-  --tag_text_color: var(--zdt_tagWithIconYellow_text);
-  --tag_border_color: var(--zdt_tagWithIconYellow_border);
-}
-
-.grey {
-  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
-  --tag_text_color: var(--zdt_tagWithIconGrey_text);
-  --tag_border_color: var(--zdt_tagWithIconGrey_border);
-}
-
-.blue {
-  --tag_bg_color: var(--zdt_tagWithIconBlue_bg);
-  --tag_text_color: var(--zdt_tagWithIconBlue_text);
-  --tag_border_color: var(--zdt_tagWithIconBlue_border);
+.varClass {
+  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
+  --tag_text_color: var(--zdt_tagWithIconGrey_text);
+  --tag_border_color: var(--zdt_tagWithIconGrey_border);
+  --tag_small_fontSize: var(--zd_font_size10);
+  --tag_large_fontSize: var(--zd_font_size12);
+}
+
+.wrapper {
+  composes: varClass;
+  color: var(--tag_text_color);
+  background-color: var(--tag_bg_color);
+}
+
+.small,
+.large {
+  max-width: 100% ;
+  height: var(--zd_size18) ;
+}
+
+.small, .large {
+  border: 1px solid var(--tag_border_color);
+  border-radius: var(--zd_size4);
+  padding: 0 var(--zd_size6) ;
+}
+
+.bold {
+  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.small_text {
+  font-size: var(--tag_small_fontSize);
+}
+
+.large_text {
+  font-size: var(--tag_large_fontSize);
+}
+
+.text {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+[dir=ltr] .iconSpace {
+  margin-right: var(--zd_size4) ;
+}
+
+[dir=rtl] .iconSpace {
+  margin-left: var(--zd_size4) ;
+}
+
+.yellow {
+  --tag_bg_color: var(--zdt_tagWithIconYellow_bg);
+  --tag_text_color: var(--zdt_tagWithIconYellow_text);
+  --tag_border_color: var(--zdt_tagWithIconYellow_border);
+}
+
+.grey {
+  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
+  --tag_text_color: var(--zdt_tagWithIconGrey_text);
+  --tag_border_color: var(--zdt_tagWithIconGrey_border);
+}
+
+.blue {
+  --tag_bg_color: var(--zdt_tagWithIconBlue_bg);
+  --tag_text_color: var(--zdt_tagWithIconBlue_text);
+  --tag_border_color: var(--zdt_tagWithIconBlue_border);
 }

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();
+  });
 });