@zohodesk/components 1.0.0-temp-166 → 1.0.0-temp-168

package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap

@@ -1,146 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Button component should the button position is center 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="aligncenter"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the button position is left 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the button position is right 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignright"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the type is footer 1`] = `
-<div
-  className="buttonGroup footer"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;
-
-exports[`Button component should the type is header 1`] = `
-<div
-  className="buttonGroup header"
->
-  <div
-    className="alignleft"
-  >
-    <button
-      className=" primaryfilled    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Submit
-    </button>
-    <button
-      className=" secondary    medium bold  "
-      data-id="buttonComp"
-      disabled={false}
-      onClick={[Function]}
-      type="button"
-    >
-      Cancel
-    </button>
-  </div>
-</div>
-`;

package/es/Card/__tests__/Card.spec.js

@@ -1,36 +0,0 @@
-//https://github.com/facebook/react/issues/4971
-import React from 'react';
-import ReactDOM from 'react-dom';
-import Card, { CardHeader, CardFooter, CardContent } from '../Card';
-let data = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29];
-describe('Button component', () => {
-  it('should display text', () => {
-    let div = document.createElement('div');
-    document.body.appendChild(div);
-    let scrollElement;
-    ReactDOM.render( /*#__PURE__*/React.createElement("div", {
-      style: {
-        height: '400px'
-      }
-    }, /*#__PURE__*/React.createElement(Card, {
-      from: 0,
-      limit: 10,
-      fetchData: () => Promise.resolve()
-    }, /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement("div", null, "Header")), /*#__PURE__*/React.createElement(CardContent, {
-      eleRef: ref => {
-        scrollElement = ref;
-      }
-    }, data.map(val => /*#__PURE__*/React.createElement("div", {
-      key: val,
-      style: {
-        padding: '10px 0px',
-        borderBottom: '1px solid #ddd'
-      }
-    }, val))), /*#__PURE__*/React.createElement(CardFooter, null, /*#__PURE__*/React.createElement("div", null, "Footer")))), div);
-    scrollElement.scrollTop = 310;
-    TestUtils.Simulate.scroll(scrollElement, {
-      deltaY: 310
-    });
-    ReactDOM.unmountComponentAtNode(div);
-  });
-});

package/es/CheckBox/__tests__/CheckBox.spec.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import CheckBox from '../CheckBox';
-describe('CheckBox component', () => {
-  it('should display', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(CheckBox, {
-      id: "c1",
-      name: "vimalesan",
-      text: "primary"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').textContent.contains('primary')).toBe(true);
-  });
-});

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

@@ -1,33 +0,0 @@
-/* eslint-disable no-undef */
-
-/*eslint-disable no-unused-vars*/
-import CalendarView, { Span } from '../CalendarView';
-import React from 'react';
-const defaultProps = {
-  onSelect: jest.fn(),
-  handleSelect: jest.fn(),
-  incremday: 27,
-  userSeeYear: 2018,
-  userSeeMonth: 12,
-  i: 1
-};
-describe('CalendarView testing', () => {
-  it('Should set date onSelecting date', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Span, defaultProps);
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'calendar-view');
-    TestUtils.Simulate.click(component);
-    expect(props.handleSelect).toHaveBeenCalled();
-  });
-  it('Should call handleSelect with specified arguments', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Span, defaultProps);
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'calendar-view');
-    TestUtils.Simulate.click(component);
-    expect(props.handleSelect).toHaveBeenLastCalledWith(props.incremday, props.userSeeMonth, props.userSeeYear);
-  });
-});

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

@@ -1,115 +0,0 @@
-/* eslint-disable no-undef */
-
-/*eslint-disable no-unused-vars*/
-import DateTime, { Span } from '../DateTime';
-import React from 'react';
-const defaultProps = {
-  value: '2018-12-27T12:02:07.000Z',
-  isDateTimeField: false,
-  onSelect: jest.fn(),
-  timeZone: '',
-  min: '',
-  max: '',
-  maxErrorText: '',
-  minErrorText: '',
-  position: 'bottomLeft',
-  isActive: true,
-  onError: jest.fn(),
-  isReady: true
-};
-describe('DateTime testing', () => {
-  it('Should call handleSelect onSetting date', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DateTime, defaultProps);
-    let component = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dateTime_saveBtn')[0];
-    TestUtils.Simulate.click(component);
-    expect(props.onSelect).toHaveBeenCalled();
-  });
-  it('Should call handleSelect onClearing date', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DateTime, defaultProps);
-    let component = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dateTime_clearBtn')[0];
-    TestUtils.Simulate.click(component);
-    expect(props.onSelect).toHaveBeenCalled();
-  });
-  it('Should display Time field if isDateTimeField is true', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DateTime, Object.assign({}, defaultProps, {
-      isDateTimeField: true
-    }));
-    let selectComponents = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dateTime_timeContainer');
-    expect(selectComponents.length).toBe(1);
-  });
-  it('Should not  display Time field if isDateTimeField is false', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(DateTime, Object.assign({}, defaultProps, {
-      isDateTimeField: false
-    }));
-    let selectComponents = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'dateTime_timeContainer');
-    expect(selectComponents.length).toBe(0);
-  });
-  it('Should navigate to prevYear onClicking prevYear(<<)', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Span, Object.assign({}, defaultProps, {
-      dataId: 'prevYear',
-      type: 'll',
-      modifyCalendar: jest.fn()
-    }));
-    let prevYearComponents = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'prevYear');
-    TestUtils.Simulate.click(prevYearComponents);
-    expect(props.modifyCalendar).toHaveBeenCalled();
-    expect(props.modifyCalendar).toHaveBeenLastCalledWith(props.type);
-  });
-  it('Should navigate to prevMonth onClicking prevMonth(<)', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Span, Object.assign({}, defaultProps, {
-      dataId: 'prevMonth',
-      type: 'l',
-      modifyCalendar: jest.fn()
-    }));
-    let prevMonthComponents = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'prevMonth');
-    TestUtils.Simulate.click(prevMonthComponents);
-    expect(props.modifyCalendar).toHaveBeenCalled();
-    expect(props.modifyCalendar).toHaveBeenLastCalledWith(props.type);
-  });
-  it('Should navigate to nextMonth onClicking nextMonth(>)', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Span, Object.assign({}, defaultProps, {
-      dataId: 'nextMonth',
-      type: 'g',
-      modifyCalendar: jest.fn()
-    }));
-    let nextMonthComponents = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'nextMonth');
-    TestUtils.Simulate.click(nextMonthComponents);
-    expect(props.modifyCalendar).toHaveBeenCalled();
-    expect(props.modifyCalendar).toHaveBeenLastCalledWith(props.type);
-  });
-  it('Should navigate to nextYear onClicking nextYear(>>)', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Span, Object.assign({}, defaultProps, {
-      dataId: 'nextyear',
-      type: 'gg',
-      modifyCalendar: jest.fn()
-    }));
-    let nextyearComponents = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'nextyear');
-    TestUtils.Simulate.click(nextyearComponents);
-    expect(props.modifyCalendar).toHaveBeenCalled();
-    expect(props.modifyCalendar).toHaveBeenLastCalledWith(props.type);
-  });
-});

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