@zohodesk/components 1.0.0 → 1.1.1

package/es/Textarea/__tests__/Textarea.spec.js

@@ -1,171 +0,0 @@
-import React from 'react';
-import Textarea from '../Textarea';
-import renderer from 'react-test-renderer';
-describe('Textarea component', () => {
-  it('should display size xsmall', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "xsmall",
-      variant: "default"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size xsmall - primary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "xsmall",
-      variant: "primary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size small', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "small",
-      variant: "default"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size small - primary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "small",
-      variant: "primary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size medium', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "medium",
-      variant: "default"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size medium - primary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "medium",
-      variant: "primary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size large', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "large",
-      variant: "default"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size large - primary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "large",
-      variant: "primary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should text propertly entered', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "large",
-      variant: "primary",
-      text: "Text Area Working"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').value.contains('Text Area Working')).toBe(true);
-  });
-  it('should placeHolder propertly entered', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "large",
-      variant: "primary",
-      text: "Text Area Working"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').getAttribute('placeholder')).toMatch(/Text Area/);
-  });
-  it('Check border applied', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "large",
-      variant: "primary",
-      text: "Text Area Working",
-      needBorder: true
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').className).toMatch(/needBorder/);
-  });
-  it('Check border removed', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "large",
-      variant: "primary",
-      text: "Text Area Working",
-      needBorder: false
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').className).toMatch(/noBorder/);
-  }); // it('Check disabled works', () => {
-  //   let renderedDOM = TestUtils.renderIntoDocument(
-  //     <Textarea maxLength='100' placeHolder='Text Area' resize='vertical' size='large' variant='primary' text='Text Area Working' disabled needBorder={false} />
-  //   );
-  //   let pass = false;
-  //   let classNames = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp').classList;
-  //   Object.keys(classNames)
-  //     .map(className => {
-  //       if (classNames[className] == 'disabled') {
-  //         pass = true;
-  //       }
-  //     });
-  //   expect(
-  //     pass
-  //   ).toBe(true);
-  // });
-
-  it('Check check onchange works', () => {
-    let mockfn = jest.fn();
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Textarea, {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      resize: "vertical",
-      size: "large",
-      variant: "primary",
-      text: "Text Area Working",
-      needBorder: false,
-      onChange: mockfn
-    }));
-    let onChangeEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextareaComp');
-    TestUtils.Simulate.change(onChangeEle);
-    expect(mockfn.mock.calls.length).toBe(1);
-  });
-});

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

@@ -1,97 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Textarea component should display size large - primary 1`] = `
-<textarea
-  className="  container large primary needBorder resizeY     effect borderColor_default"
-  data-id="TextareaComp"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  placeholder="Text Area"
-/>
-`;
-
-exports[`Textarea component should display size large 1`] = `
-<textarea
-  className="  container large default needBorder resizeY     effect borderColor_default"
-  data-id="TextareaComp"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  placeholder="Text Area"
-/>
-`;
-
-exports[`Textarea component should display size medium - primary 1`] = `
-<textarea
-  className="  container medium primary needBorder resizeY     effect borderColor_default"
-  data-id="TextareaComp"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  placeholder="Text Area"
-/>
-`;
-
-exports[`Textarea component should display size medium 1`] = `
-<textarea
-  className="  container medium default needBorder resizeY     effect borderColor_default"
-  data-id="TextareaComp"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  placeholder="Text Area"
-/>
-`;
-
-exports[`Textarea component should display size small - primary 1`] = `
-<textarea
-  className="  container small primary needBorder resizeY     effect borderColor_default"
-  data-id="TextareaComp"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  placeholder="Text Area"
-/>
-`;
-
-exports[`Textarea component should display size small 1`] = `
-<textarea
-  className="  container small default needBorder resizeY     effect borderColor_default"
-  data-id="TextareaComp"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  placeholder="Text Area"
-/>
-`;
-
-exports[`Textarea component should display size xsmall - primary 1`] = `
-<textarea
-  className="  container xsmall primary needBorder resizeY     effect borderColor_default"
-  data-id="TextareaComp"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  placeholder="Text Area"
-/>
-`;
-
-exports[`Textarea component should display size xsmall 1`] = `
-<textarea
-  className="  container xsmall default needBorder resizeY     effect borderColor_default"
-  data-id="TextareaComp"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onKeyDown={[Function]}
-  placeholder="Text Area"
-/>
-`;

package/es/Tooltip/__tests__/Tooltip.spec.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import Tooltip from '../Tooltip';
-
-class SampleComponent extends React.Component {
-  constructor(props) {
-    super(props);
-    this.toolTipRef = /*#__PURE__*/React.createRef();
-    this.setToolTipRef = this.setToolTipRef.bind(this);
-  }
-
-  setToolTipRef(ref) {
-    this.toolTipRef = ref;
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement("div", {
-      onMouseOver: e => this.toolTipRef && this.toolTipRef.handleOver(e),
-      "data-id": "sampleComponent"
-    }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", {
-      "data-title": "Register Account",
-      "data-id": "registeraccount"
-    }, "Register")), /*#__PURE__*/React.createElement(Tooltip, {
-      ref: this.setToolTipRef
-    }));
-  }
-
-}
-
-describe('Tooltip component conditions', () => {
-  it('Is HandleOver Executed', () => {
-    let sampleComponent = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(SampleComponent, null));
-    sampleComponent.toolTipRef.handleOver = jest.fn();
-    let component = TestUtils.findRenderedComponentsWithTestid(sampleComponent, 'sampleComponent');
-    TestUtils.Simulate.mouseOver(component);
-    expect(sampleComponent.toolTipRef.handleOver).toHaveBeenCalled();
-  });
-  it('Is reset Executed', () => {
-    let sampleComponent = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(SampleComponent, null));
-    sampleComponent.toolTipRef.reset = jest.fn();
-    let component = TestUtils.findRenderedComponentsWithTestid(sampleComponent, 'sampleComponent');
-    TestUtils.Simulate.mouseOver(component);
-    expect(sampleComponent.toolTipRef.reset).toHaveBeenCalled();
-  });
-  it('Is click & mouseUp Declared', () => {
-    let sampleComponent = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(SampleComponent, null));
-    let component = TestUtils.findRenderedComponentsWithTestid(sampleComponent, 'sampleComponent');
-    let registerComp = TestUtils.findRenderedComponentsWithTestid(sampleComponent, 'registeraccount');
-    TestUtils.Simulate.mouseOver(component);
-    expect(registerComp.click && registerComp.mouseUp).not.toBeNull();
-  });
-});

package/es/utils/__tests__/constructFullName.spec.js

@@ -1,9 +0,0 @@
-import { constructFullNameByPattern } from '../constructFullName';
-describe('constructFullName specification', () => {
-  it('firstname, lastname pattern', () => {
-    expect(constructFullNameByPattern('A', 'Vimalesan', ['FIRST_NAME', 'LAST_NAME'])).toEqual('A Vimalesan');
-  });
-  it('lastname firstname pattern', () => {
-    expect(constructFullNameByPattern('A', 'Vimalesan', ['LAST_NAME', 'FIRST_NAME'])).toEqual('Vimalesan A');
-  });
-});

package/es/utils/__tests__/debounce.spec.js

@@ -1,37 +0,0 @@
-import { debounce } from '../debounce';
-describe('debounce specification', () => {
-  beforeEach(() => {
-    jest.useFakeTimers();
-  });
-  it('should call immediate', () => {
-    const mockfn = jest.fn();
-    const dMockfn = debounce(mockfn, 1000, true);
-    dMockfn(); //expect(setTimeout).toHaveBeenCalledTimes(1);
-
-    expect(mockfn.mock.calls.length).toBe(1);
-  });
-  it('should call two times but it invoke multiple times', () => {
-    const mockfn = jest.fn();
-    const dMockfn = debounce(mockfn, 1000, true);
-    dMockfn();
-    dMockfn();
-    dMockfn();
-    dMockfn();
-    dMockfn();
-    setTimeout(() => {
-      expect(mockfn.mock.calls.length).toBe(2);
-    }, 1000);
-  });
-  it('should call one time but it invoke multiple times', () => {
-    const mockfn = jest.fn();
-    const dMockfn = debounce(mockfn, 1000);
-    dMockfn();
-    dMockfn();
-    dMockfn();
-    dMockfn();
-    dMockfn();
-    setTimeout(() => {
-      expect(mockfn.mock.calls.length).toBe(1);
-    }, 1000);
-  });
-});

package/es/utils/__tests__/getInitial.spec.js

@@ -1,23 +0,0 @@
-import { getInitial, getInitialByPattern } from '../getInitial';
-describe('getInitial specification', () => {
-  it('first name alone', () => {
-    expect(getInitial('vimalesan')).toEqual('V');
-  });
-  it('last name alone', () => {
-    expect(getInitial(null, 'vimalesan')).toEqual('VI');
-  });
-  it('first name and last name alone', () => {
-    expect(getInitial('vimalesan', 'a')).toEqual('VA');
-  });
-  it('last name with single character', () => {
-    expect(getInitial(null, 'v')).toEqual('V');
-  });
-});
-describe('getInitialByPattern specification', () => {
-  it('first name and last name pattern', () => {
-    expect(getInitialByPattern('vimalesan', 'a', ['FIRST_NAME', 'LAST_NAME'])).toEqual('VA');
-  });
-  it('last name and first name pattern', () => {
-    expect(getInitialByPattern('vimalesan', 'a', ['LAST_NAME', 'FIRST_NAME'])).toEqual('AV');
-  });
-});

package/lib/Accordion/__tests__/Accordion.spec.js

@@ -1,85 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _index = require("../index");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('Accordion component specification', function () {
-  it('open accordion item id 1 ', function () {
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
-  });
-  it('open accordion item id 1 ', function () {
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
-      selectedItem: "2",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data2')).toBe(true);
-  });
-  it('accordion item 2 click check', function () {
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px"
-    }, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "ah2"
-    }, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "data1"
-    }, "Data2"))));
-    var acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data').textContent.contains('Data1')).toBe(true);
-    TestUtils.Simulate.click(acc2);
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'data1').textContent.contains('Data2')).toBe(true);
-  });
-  it('accordion click callback check ', function () {
-    var mockfn = jest.fn();
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_index.Accordion, {
-      selectedItem: "1",
-      height: "100px",
-      maxheight: "100px",
-      onSelect: mockfn
-    }, /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
-      id: "1"
-    }, /*#__PURE__*/_react["default"].createElement("div", null, "Acc-1"), /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "data"
-    }, "Data1")), /*#__PURE__*/_react["default"].createElement(_index.AccordionItem, {
-      id: "2"
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "ah2"
-    }, "Acc-2"), /*#__PURE__*/_react["default"].createElement("div", {
-      "data-id": "data"
-    }, "Data2"))));
-    var acc2 = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ah2');
-    TestUtils.Simulate.click(acc2);
-    expect(mockfn.mock.calls.length).toBe(1);
-  });
-});

package/lib/Animation/__tests__/Animation.spec.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _Animation = _interopRequireDefault(require("../Animation"));
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('Animation Component Test Cases', function () {
-  it('Animation component mount testcases', function () {
-    var _setup = setup(_Animation["default"], {
-      children: /*#__PURE__*/_react["default"].createElement("div", {
-        "data-id": "animation"
-      }, "Hi all"),
-      isActive: true
-    }),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'animation');
-    expect(component.getAttribute('data-id')).toBe('animation');
-  });
-});