@zohodesk/components 1.0.0 → 1.1.1

package/es/DateTime/__tests__/DateWidget.spec.js

@@ -1,75 +0,0 @@
-/* eslint-disable no-undef */
-
-/*eslint-disable no-unused-vars*/
-import DateWidget from '../DateWidget';
-import React from 'react';
-const defaultProps = {
-  children: null,
-  closePopupOnly: jest.fn(),
-  dateTimeSelect: jest.fn(),
-  defaultPosition: 'top',
-  displayFormat: 'M/D/YYYY',
-  getContainerRef: jest.fn(),
-  getRef: jest.fn(),
-  getTargetRef: jest.fn(),
-  id: '',
-  isDateTime: true,
-  isDisabled: true,
-  isPopupOpen: true,
-  isPopupReady: true,
-  isReadOnly: true,
-  max: '',
-  maxErrorText: '',
-  min: '',
-  minErrorText: '',
-  onFailValidation: jest.fn(),
-  onPassValidation: jest.fn(),
-  onSelect: jest.fn(),
-  placeholder: '',
-  position: 'bottomLeft',
-  removeClose: jest.fn(),
-  textBoxSize: 'xmedium',
-  textBoxVariant: 'primary',
-  timeZone: '',
-  togglePopup: jest.fn(),
-  validation: {
-    validate: true,
-    validateOn: '',
-    rulesOrder: [''],
-    rules: {},
-    messages: {}
-  },
-  value: ''
-};
-describe('DateWidgetComponent testing', () => {
-  it('Should not  render dateTime if isReadOnly is true', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DateWidget, Object.assign({}, defaultProps, {
-      isReadOnly: true
-    }));
-    let dropboxComponent = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dateWidget_dateBoxContainer');
-    expect(dropboxComponent.length).toBe(0);
-  }); // it('Should render dateTime if isReadOnly is false', () => {
-  //   const { props, renderedDOM } = setup(DateWidget, Object.assign({}, defaultProps, { isReadOnly: false }));
-  //   let dropboxComponent = TestUtils.scryRenderedComponentsWithTestid(
-  //     renderedDOM,
-  //     'dropBox'
-  //   );
-  //   expect(dropboxComponent.length).toBe(4);
-  // });
-
-  it('Should render children if children is given', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DateWidget, defaultProps, /*#__PURE__*/React.createElement("div", {
-      "data-id": "children"
-    })));
-    let children = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dateWidget_disabled');
-    expect(children.length).toBe(1);
-  });
-  it('Should not render children if children is not given', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DateWidget, defaultProps));
-    let children = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dateWidget_disabled');
-    expect(children.length).toBe(1);
-  });
-});

package/es/DropBox/__tests__/DropBox.spec.js

@@ -1,81 +0,0 @@
-import React from 'react';
-import DropBox from '../DropBox';
-const defaultProps = {
-  onClick: jest.fn()
-};
-describe('DropBox component', () => {
-  it('Should Arrow element visible', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropBox, {
-      onClick: jest.fn(),
-      isArrow: true
-    }));
-    let x = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dropBox_arrow');
-    expect(x.length).toBe(1);
-  });
-  it('Should Arrow element disable', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropBox, {
-      onClick: jest.fn(),
-      isArrow: false
-    }));
-    let x = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dropbox_arrow');
-    expect(x.length).toBe(0);
-  });
-  it('Should call onclick container function', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DropBox, defaultProps);
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'dropBox_subcontainer');
-    TestUtils.Simulate.click(component);
-    expect(props.onClick).toHaveBeenCalled();
-  });
-  it('Should check render proper class name(hidden)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropBox, {
-      isActive: false,
-      isArrow: true
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'hidden');
-    expect(x.length).toBe(1);
-  });
-  it('Should check render proper class name(size)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropBox, {
-      isArrow: true,
-      size: 'xsmall'
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'xsmall');
-    expect(x.length).toBe(1);
-  });
-  it('Should check render proper class name(boxPosition)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropBox, {
-      boxPosition: 'bottomRight'
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'bottomEnd');
-    expect(x.length).toBe(1);
-  });
-  it('Should check render proper class name(isAnimate & isActive)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropBox, {
-      isArrow: true,
-      isAnimate: true,
-      isActive: true
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'fadeInScale');
-    expect(x.length).toBe(1);
-  });
-  it('Should check render proper class name(isAnimate & isActive)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropBox, {
-      isArrow: true,
-      isAnimate: true,
-      isActive: true
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'fadeInScale');
-    expect(x.length).toBe(1);
-  });
-  it('Should check render proper class name(arrowPosition)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropBox, {
-      isArrow: true,
-      arrowPosition: 'end'
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'end');
-    expect(x.length).toBe(1);
-  });
-});

package/es/DropDown/__tests__/DropDown.spec.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import { DropDownItemContainer, DropDownContainer, DropDownTarget } from '../DropDown'; // import renderer from 'react-test-renderer';
-
-const defaultProps = {
-  onScroll: jest.fn(),
-  children: /*#__PURE__*/React.createElement("div", {
-    "data-id": "childElem"
-  }, "test")
-};
-describe('DropDown component Test Cases', () => {
-  it('Should onScroll method get called', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DropDownItemContainer, defaultProps);
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'drpdwnItemContainer');
-    TestUtils.Simulate.scroll(component);
-    expect(props.onScroll).toHaveBeenCalled();
-  });
-  it('Should render children element in DropDownItemContainer', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DropDownItemContainer, defaultProps);
-    let children = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'childElem');
-    expect(children.length).toBe(1);
-  });
-  it('Should render children element in DropDownContainer', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DropDownContainer, defaultProps);
-    let children = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'childElem');
-    expect(children.length).toBe(1);
-  });
-  it('Should render children element in DropDownTarget', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DropDownTarget, defaultProps);
-    let children = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'childElem');
-    expect(children.length).toBe(1);
-  });
-});

package/es/DropDown/__tests__/DropDownItem.spec.js

@@ -1,45 +0,0 @@
-import React from 'react';
-import DropDownItem from '../DropDownItem';
-const defaultProps = {
-  onClick: jest.fn(),
-  onHover: jest.fn(),
-  active: true,
-  hightlight: true,
-  children: /*#__PURE__*/React.createElement("div", {
-    "data-id": "childElem"
-  }, "test")
-};
-describe('DropDownItem component Test Cases', () => {
-  it('Should check render proper class name(hightlight)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropDownItem, {
-      hightlight: true
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'listHover');
-    expect(x.length).toBe(1);
-  });
-  it('Should check render proper class name(active)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropDownItem, {
-      active: true
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'active');
-    expect(x.length).toBe(1);
-  });
-  it('Should onClick method get called', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DropDownItem, defaultProps);
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'dropDwnItemContainer');
-    TestUtils.Simulate.click(component);
-    expect(props.onClick).toHaveBeenCalled();
-  });
-  it('Should onHover method get called', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DropDownItem, defaultProps);
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'dropDwnItemContainer');
-    TestUtils.Simulate.mouseOver(component);
-    expect(props.onHover).toHaveBeenCalled();
-  });
-});

package/es/DropDown/__tests__/DropDownSearch.spec.js

@@ -1,11 +0,0 @@
-import React from 'react';
-import DropDownSearch from '../DropDownSearch';
-describe('DropDownSearch component Test Cases', () => {
-  it('Should check render proper class name(size)', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(DropDownSearch, {
-      size: 'small'
-    }));
-    let x = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'small');
-    expect(x.length).toBe(1);
-  });
-});

package/es/Label/__tests__/Label.spec.js

@@ -1,120 +0,0 @@
-/* eslint-disable no-undef */
-import React from 'react';
-import Label from '../Label';
-import renderer from 'react-test-renderer';
-describe('Label Props Check', () => {
-  it('Display proper text', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').textContent).toMatch(/text1/);
-  });
-  it('Check if clipped style is applied', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      clipped: true
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').className).toMatch(/dotted/);
-  });
-  it('Check if clipped style is not applied', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      clipped: false
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').className).not.toMatch(/dotted/);
-  });
-  it('Check for the prop name', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      name: "1234"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').getAttribute('name')).toMatch(/1234/);
-  });
-  it('Check for the prop title', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      title: "1234"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').getAttribute('data-title')).toMatch(/1234/);
-  });
-  it('should be having palette default', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "default"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having palette primary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "primary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having palette secondary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "secondary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having palette danger', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "danger"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having palette mandatory', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "mandatory"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having size small', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      size: "small"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having size medium', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      size: "medium"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having size large', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      size: "large"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having type title', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      type: "title"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having type subtitle', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      type: "subtitle"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

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

@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Label Props Check should be having palette danger 1`] = `
-<label
-  className="label title medium danger font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette default 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette mandatory 1`] = `
-<label
-  className="label title medium mandatory font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette primary 1`] = `
-<label
-  className="label title medium primary font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette secondary 1`] = `
-<label
-  className="label title medium secondary font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size large 1`] = `
-<label
-  className="label title large default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size medium 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size small 1`] = `
-<label
-  className="label title small default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having type subtitle 1`] = `
-<label
-  className="label subtitle medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having type title 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;

package/es/Layout/__tests__/Box.spec.js

@@ -1,114 +0,0 @@
-import React from 'react';
-import Box from '../Box';
-import renderer from 'react-test-renderer';
-describe('Layout Component', () => {
-  it('Should contains the data-scroll is true', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      isScrollAttribute: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').getAttribute('data-scroll').contains(true)).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      flexible: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('grow basis')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      flexible: true,
-      adjust: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('grow')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      adjust: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('basisAuto')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      shrink: false
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('shrink')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      shrink: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('shrinkOn')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      hidden: ['lg']
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('hidden-screen-lg')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      column: '4'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('col-4')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      scroll: 'horizontal'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollx')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      scroll: 'vertical'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrolly')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      scroll: 'both'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollboth')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      scroll: 'none'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollnone')).toBe(true);
-  });
-});