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

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

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

@@ -1,163 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Ribbon component should the palette is danger 1`] = `
-<span
-  className="basic palette_danger large default"
-  data-id="ribbonComp"
->
-  danger
-</span>
-`;
-
-exports[`Ribbon component should the palette is dark 1`] = `
-<span
-  className="basic palette_dark large default"
-  data-id="ribbonComp"
->
-  dark
-</span>
-`;
-
-exports[`Ribbon component should the palette is default 1`] = `
-<span
-  className="basic palette_default large default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the palette is info 1`] = `
-<span
-  className="basic palette_info large default"
-  data-id="ribbonComp"
->
-  info
-</span>
-`;
-
-exports[`Ribbon component should the palette is primary 1`] = `
-<span
-  className="basic palette_primary large default"
-  data-id="ribbonComp"
->
-  primary
-</span>
-`;
-
-exports[`Ribbon component should the palette is secondary 1`] = `
-<span
-  className="basic palette_secondary large default"
-  data-id="ribbonComp"
->
-  secondary
-</span>
-`;
-
-exports[`Ribbon component should the size is large 1`] = `
-<span
-  className="basic palette_default large default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the size is medium 1`] = `
-<span
-  className="basic palette_default small default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the size is small 1`] = `
-<span
-  className="basic palette_default small default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the size is xlarge 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is box 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is dafault 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is flag 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is plain 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is ribbon 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is stamp 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is sticker 1`] = `
-<span
-  className="basic palette_default xlarge default"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;
-
-exports[`Ribbon component should the type is tag 1`] = `
-<span
-  className="basic  large tag"
-  data-id="ribbonComp"
->
-  default
-</span>
-`;