@zohodesk/components 1.1.0 → 1.1.1

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

@@ -1,120 +0,0 @@
-import React from 'react';
-import Container from '../Container';
-import renderer from 'react-test-renderer';
-describe('Layout Component', () => {
-  it('Should contains the data-scroll is true', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      isScrollAttribute: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').getAttribute('data-scroll').contains(true)).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container);
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('flex')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      alignBox: 'row'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('rowdir')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      alignBox: 'row-reverse'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('rowReverse')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      hidden: ['lg']
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('hidden-screen-lg')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      wrap: 'wrap'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('wrap')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      align: 'horizontal'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('hCenter')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      align: 'vertical'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('vCenter')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      align: 'both'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('both')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      scroll: 'horizontal'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollx')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      scroll: 'vertical'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrolly')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      scroll: 'both'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollboth')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      scroll: 'none'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollnone')).toBe(true);
-  });
-});

package/es/MultiSelect/__tests__/MultiSelect.spec.js

@@ -1,160 +0,0 @@
-/* eslint-disable no-undef */
-
-/**** Libraries ****/
-import expect from 'expect';
-/**** Components ****/
-
-import MultiSelect from '../MultiSelect';
-import Tag from '../../Tag/Tag';
-describe('MultiSelect component conditions', () => {
-  it('Should show loading and hide loading', cb => {
-    let resolveFunc = null;
-    let newPromise = new Promise(res => {
-      resolveFunc = res;
-    });
-    let searchDebounceTime = 0;
-    let {
-      renderedDOM,
-      props
-    } = setup(MultiSelect, {
-      onSearch: jest.fn(() => newPromise),
-      needSearch: true,
-      searchDebounceTime,
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: [],
-      selectedOptions: [],
-      isPopupOpen: true
-    });
-    let searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_textBox');
-    TestUtils.Simulate.change(searchBox, {
-      target: {
-        value: 'value changed'
-      }
-    }); //
-
-    setTimeout(() => {
-      expect(props.onSearch).toHaveBeenCalled();
-      expect(props.onSearch.mock.calls[0][0]).toEqual('value changed');
-      let loadingEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_Loading');
-      expect(TestUtils.isDOMComponent(loadingEle)).toBeTruthy();
-      resolveFunc();
-      return newPromise.then(() => {
-        let loadingEleArr = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_Loading');
-        expect(loadingEleArr.length).toBe(0);
-        cb();
-      });
-    }, searchDebounceTime); //
-  });
-  it('Should display searchEmptyMessage', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: [],
-      selectedOptions: [],
-      isPopupOpen: true
-    });
-    let searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_textBox');
-    TestUtils.Simulate.change(searchBox, {
-      target: {
-        value: 'value changed'
-      }
-    });
-    let searchEmptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_srchEmptyMsg');
-    expect(TestUtils.isDOMComponent(searchEmptyMessageEle)).toBeTruthy();
-  });
-  it('Should display noOptionsMessage', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: [],
-      selectedOptions: [],
-      isPopupOpen: true
-    });
-    let emptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_noOptnsMsg');
-    expect(TestUtils.isDOMComponent(emptyMessageEle)).toBeTruthy();
-  });
-  it('Should display noMoreOptionsMessage', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2', '3', '4'],
-      dataIdNoMreOptionMsg: 'noMoreOptionsMessage',
-      isPopupOpen: true
-    });
-    let noMoreOptionsMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_NoMoreOptionMsg');
-    expect(TestUtils.isDOMComponent(noMoreOptionsMessageEle)).toBeTruthy();
-  });
-  it('Should display clear icon', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2']
-    });
-    let clearIconEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
-    expect(TestUtils.isDOMComponent(clearIconEle)).toBeTruthy();
-  });
-  it('Should not display clear icon, When is readonly field', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2'],
-      isReadOnly: true
-    });
-    let clearIconEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
-    expect(clearIconEles.length).toBe(0);
-  });
-  it('Should not display clear icon, When is selected option is one', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1']
-    });
-    let clearIconEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
-    expect(clearIconEles.length).toBe(0);
-  });
-  it('Should display select all option, When suggestions are more than 1', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2'],
-      isPopupOpen: true,
-      needSelectAll: true
-    });
-    let selectAllEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_selectAll');
-    expect(TestUtils.isDOMComponent(selectAllEle)).toBeTruthy();
-  });
-  it('Should not display select all option', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2', '3'],
-      isPopupOpen: true,
-      needSelectAll: true
-    });
-    let selectAllEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_MultiSelectHeader');
-    expect(selectAllEles.length).toBe(0);
-  });
-});

package/es/PopOver/__tests__/PopOver.spec.js

@@ -1,14 +0,0 @@
-/* eslint-disable no-undef */
-
-/**** Libraries ****/
-import React from 'react';
-/**** Components ****/
-
-import PopOver from '../PopOver';
-describe('PopOver component conditions', () => {
-  xit('should open popup', () => {
-    let mockfn = jest.fn();
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(PopOver, null));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'popupComp').textContent.contains('primary')).toBe(true);
-  });
-});

package/es/Popup/__tests__/Popup.spec.js

@@ -1,134 +0,0 @@
-/* eslint-disable no-undef */
-
-/**** Libraries ****/
-import React from 'react';
-import ReactDOM from 'react-dom';
-import PropTypes from 'prop-types';
-/**** Components ****/
-
-import Popup from '../Popup';
-
-class SamplePopup extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", null, "Sample Popup");
-  }
-
-}
-
-class SamplePopupCopy extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      "data-id": "samplePopup",
-      onClick: ev => {
-        this.props.removeClose(ev);
-      }
-    }, "Sample Popup");
-  }
-
-}
-
-SamplePopupCopy.propTypes = {
-  removeClose: PropTypes.func
-};
-
-class SamplePopupCopy1 extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      "data-id": "samplePopup"
-    }, "Sample Popup");
-  }
-
-}
-
-describe('Popup component conditions', () => {
-  it('should click same popup with removeClose', () => {
-    let PopupWrapperComponent = Popup(SamplePopupCopy);
-    let div = document.createElement('div');
-    document.body.append(div);
-    /*eslint-disable */
-
-    let popupDom = ReactDOM.render( /*#__PURE__*/React.createElement(PopupWrapperComponent, null), div);
-    /*eslint-enable */
-
-    popupDom.togglePopup();
-    expect(popupDom.state.isPopupOpen).toBeTruthy();
-    let popupEle = TestUtils.findRenderedComponentsWithTestid(popupDom, 'samplePopup');
-    popupEle.click();
-    expect(popupDom.state.isPopupOpen).toBeTruthy();
-  });
-  it('should open popup and close popup', () => {
-    let PopupWrapperComponent = Popup(SamplePopup);
-    let popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(PopupWrapperComponent, null));
-    popupDom.openPopupOnly();
-    expect(popupDom.state.isPopupOpen).toBeTruthy();
-    popupDom.closePopupOnly();
-    expect(popupDom.state.isPopupOpen).toBeFalsy();
-  });
-  it('should close another popup already one opened', () => {
-    let PopupWrapperComponent1 = Popup(SamplePopup);
-    let popupDom1 = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(PopupWrapperComponent1, null));
-    let PopupWrapperComponent2 = Popup(SamplePopup);
-    let popupDom2 = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(PopupWrapperComponent2, null));
-    popupDom1.togglePopup();
-    expect(popupDom1.state.isPopupOpen).toBeTruthy();
-    expect(popupDom2.state.isPopupOpen).toBeFalsy();
-    popupDom2.togglePopup();
-    expect(popupDom1.state.isPopupOpen).toBeFalsy();
-    expect(popupDom2.state.isPopupOpen).toBeTruthy();
-  });
-  it('should click document close opened popup', () => {
-    let PopupWrapperComponent = Popup(SamplePopup);
-    let popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(PopupWrapperComponent, null));
-    popupDom.togglePopup();
-    expect(popupDom.state.isPopupOpen).toBeTruthy();
-    document.body.click();
-    expect(popupDom.state.isPopupOpen).toBeFalsy();
-  });
-  it('should click same popup with out removeClose', () => {
-    let PopupWrapperComponent = Popup(SamplePopupCopy1);
-    let div = document.createElement('div');
-    document.body.append(div);
-    /*eslint-disable */
-
-    let popupDom = ReactDOM.render( /*#__PURE__*/React.createElement(PopupWrapperComponent, null), div);
-    /*eslint-enable */
-
-    popupDom.togglePopup();
-    expect(popupDom.state.isPopupOpen).toBeTruthy();
-    let popupEle = TestUtils.findRenderedComponentsWithTestid(popupDom, 'samplePopup');
-    popupEle.click();
-    expect(popupDom.state.isPopupOpen).toBeFalsy();
-  });
-  it('should click document close opened popup', () => {
-    let PopupWrapperComponent = Popup(SamplePopup);
-    let popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(PopupWrapperComponent, null));
-    popupDom.togglePopup();
-    expect(popupDom.state.isPopupOpen).toBeTruthy();
-    document.body.click();
-    expect(popupDom.state.isPopupOpen).toBeFalsy();
-  });
-  it('should press esc key opened popup close', () => {
-    let PopupWrapperComponent = Popup(SamplePopupCopy1);
-    let popupDom = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(PopupWrapperComponent, null));
-    popupDom.togglePopup();
-    expect(popupDom.state.isPopupOpen).toBeTruthy(); //TestUtils.Simulate.keyUp(document, {keyCode:27});
-
-    let e = document.createEvent('HTMLEvents');
-    e.initEvent('keyup', false, true);
-    e.keyCode = 27;
-    document.dispatchEvent(e);
-    expect(popupDom.state.isPopupOpen).toBeFalsy();
-  });
-}); //Group Popup Handling Open and close

package/es/Radio/__tests__/Radiospec.js

@@ -1,23 +0,0 @@
-import React from 'react';
-import Radio from '../Radio';
-describe('Radio component', () => {
-  it('Should display Text', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Radio, {
-      text: "test",
-      id: "testid"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'test_label').textContent.contains('test')).toBe(true);
-  });
-  it('Should call onChange', () => {
-    let {
-      renderedDOM,
-      props
-    } = setup(Radio, {
-      onChange: jest.fn(),
-      text: 'test'
-    });
-    let radioElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'RadioComp');
-    TestUtils.Simulate.click(radioElement, renderedDOM);
-    expect(props.onChange).toHaveBeenCalled();
-  });
-});

package/es/Ribbon/__tests__/Ribbon.spec.js

@@ -1,168 +0,0 @@
-import React from 'react';
-import Ribbon from '../Ribbon';
-import renderer from 'react-test-renderer';
-describe('Ribbon component', () => {
-  it('should the palette is default', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is danger', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "danger",
-      text: "danger"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is secondary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "secondary",
-      text: "secondary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is info', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "info",
-      text: "info"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is primary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "primary",
-      text: "primary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the palette is dark', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "dark",
-      text: "dark"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is small', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "small"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is medium', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "small"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is large', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "large"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the size is xlarge', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is dafault', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is flag', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is plain', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is ribbon', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is box', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is stamp', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is sticker', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      size: "xlarge"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is tag', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Ribbon, {
-      palette: "default",
-      text: "default",
-      type: "tag"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display text', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Ribbon, {
-      text: "primary",
-      palette: "primary"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ribbonComp').textContent.contains('primary')).toBe(true);
-  });
-});