@zohodesk/components 1.0.0 → 1.1.1

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

@@ -1,226 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AvatarTeam component should display initial 1`] = `
-<span
-  className="container medium primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar medium medium circle primary text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should is filled 1`] = `
-<span
-  className="container medium primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar medium medium circle primary text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team filled"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the palette is info 1`] = `
-<span
-  className="container medium info"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar medium medium circle info text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the palette is secondary 1`] = `
-<span
-  className="container medium secondary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar medium medium circle secondary text_white
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is large 1`] = `
-<span
-  className="container large primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar large large circle primary text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is small 1`] = `
-<span
-  className="container small primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar small small circle primary text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is xlarge 1`] = `
-<span
-  className="container xlarge primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar xlarge xlarge circle primary text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is xmedium 1`] = `
-<span
-  className="container xmedium primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar xmedium xmedium circle primary text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;
-
-exports[`AvatarTeam component should the size is xsmall 1`] = `
-<span
-  className="container xsmall primary"
-  data-id="avatarTeamComp"
->
-  <div
-    className="avatar xsmall xsmall circle primary text_black
-          border"
-    data-id="Avatar"
-    data-title="vimalesan a"
-    onClick={[Function]}
-  >
-    <span
-      className="initial initialTxt"
-      data-id="Avatar_AvatarInitial"
-    >
-      VA
-    </span>
-  </div>
-  <span
-    className="team nofill"
-  />
-</span>
-`;

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

@@ -1,73 +0,0 @@
-import React from 'react';
-import Buttongroup from '../Buttongroup';
-import Button from '../../Button/Button';
-import renderer from 'react-test-renderer';
-describe('Button component', () => {
-  it('should the type is footer', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
-      type: "footer"
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the type is header', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
-      type: "header"
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the button position is left', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
-      type: "footer"
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the button position is right', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
-      type: "footer",
-      buttonPosition: "right"
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should the button position is center', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Buttongroup, {
-      type: "footer",
-      buttonPosition: "center"
-    }, /*#__PURE__*/React.createElement(Button, {
-      text: "Submit",
-      palette: "primaryFilled"
-    }), /*#__PURE__*/React.createElement(Button, {
-      text: "Cancel",
-      palette: "secondary"
-    })));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

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