@zohodesk/components 1.1.0 → 1.2.0

package/lib/Tab/__tests__/TabContentWrapper.spec.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _TabContentWrapper = _interopRequireDefault(require("../TabContentWrapper"));
-
-var _TabContent = _interopRequireDefault(require("../TabContent"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('TabContentWrapper Component', function () {
-  it('is children rendered class', function () {
-    var _setup = setup(_TabContentWrapper["default"], {
-      selectedTab: '0',
-      children: [/*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
-        id: '0',
-        key: 0
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        "data-id": "child1"
-      }, " Tab 1")), /*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
-        id: '1',
-        key: 1
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        "data-id": "child2"
-      }, " Tab 2"))]
-    }),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'child1');
-    expect(component.getAttribute('data-id')).toBe('child1');
-  });
-  it('is only selected TabContent rendered ', function () {
-    var Tab1 = /*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
-      id: '0',
-      key: 0
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "not-render",
-      "data-id": "child1"
-    }, ' ', "Tab 1"));
-
-    var Tab2 = /*#__PURE__*/_react["default"].createElement(_TabContent["default"], {
-      id: '1',
-      key: 1
-    }, /*#__PURE__*/_react["default"].createElement("div", {
-      className: "not-render"
-    }, " Tab 2"), "TabContent 2");
-
-    var _setup2 = setup(_TabContentWrapper["default"], {
-      selectedTab: '0',
-      children: [Tab1, Tab2]
-    }),
-        props = _setup2.props,
-        renderedDOM = _setup2.renderedDOM;
-
-    var component = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'not-render');
-    expect(component.length).toBe(1);
-  });
-});

package/lib/Tab/__tests__/TabWrapper.spec.js

@@ -1,100 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _TabWrapper = _interopRequireDefault(require("../TabWrapper"));
-
-var _Tab = _interopRequireDefault(require("../Tab"));
-
-var _Tabs = _interopRequireDefault(require("../Tabs"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('TabWrapper Component', function () {
-  it('is Tab rendered', function () {
-    var onSelect = jest.fn();
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_TabWrapper["default"], {
-      defaultTab: "0",
-      type: "alpha",
-      onSelect: onSelect
-    }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
-      isResponsive: false
-    }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-      key: '0',
-      id: "0"
-    }))));
-    var tabChild = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
-    expect(tabChild.getAttribute('data-id')).toBe('tabMenu_Tab');
-  });
-  it('is onSelect called', function () {
-    var onSelect = jest.fn();
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_TabWrapper["default"], {
-      defaultTab: "0",
-      type: "alpha",
-      onSelect: onSelect
-    }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
-      isResponsive: false
-    }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-      key: '0',
-      id: "0"
-    }))));
-    var tabChild = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
-    TestUtils.Simulate.click(tabChild, {
-      currentTarget: {
-        offsetLeft: 0,
-        offsetWidth: 0
-      }
-    });
-    expect(onSelect).toHaveBeenCalled();
-  });
-  it('is disable State internally', function () {
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_TabWrapper["default"], {
-      defaultTab: "0",
-      type: "alpha"
-    }, /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
-      isResponsive: false
-    }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-      key: '0',
-      id: "0"
-    }, "One"), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-      key: '1',
-      id: "1"
-    }, "Two"))));
-    expect(renderedDOM.state.selectedTabInternal).toBe('0');
-  });
-  it('change selectedTab id', function () {
-    var node = document.createElement('div');
-
-    var children = /*#__PURE__*/_react["default"].createElement(_Tabs["default"], {
-      isResponsive: false
-    }, /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-      key: '0',
-      id: "0"
-    }, "One"), /*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-      key: '1',
-      id: "1"
-    }, "Two"));
-    /*eslint-disable */
-
-
-    var renderedDOM = _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_TabWrapper["default"], {
-      defaultTab: '0',
-      type: "alpha",
-      hookToDisableInternalState: true
-    }, children), node);
-
-    var tab = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
-    expect(tab[0].className.contains('Active')).toBe(true);
-
-    _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement(_TabWrapper["default"], {
-      defaultTab: '1',
-      type: "alpha",
-      hookToDisableInternalState: true
-    }, children), node);
-
-    expect(tab[0].className.contains('Active')).toBe(false);
-    expect(tab[1].className.contains('Active')).toBe(true);
-  });
-});

package/lib/Tab/__tests__/Tabs.spec.js

@@ -1,123 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
-var _Tab = _interopRequireDefault(require("../Tab"));
-
-var _Tabs = _interopRequireDefault(require("../Tabs"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var defaultProps = {
-  type: 'alpha',
-  selectedTab: '0',
-  children: [/*#__PURE__*/_react["default"].createElement("div", {
-    key: 0,
-    "data-id": "customtab"
-  }, "Not tab component")],
-  isResponsive: false
-};
-var tabChildrenProps = {
-  type: 'alpha',
-  isResponsive: false,
-  selectedTab: '0',
-  children: [/*#__PURE__*/_react["default"].createElement(_Tab["default"], {
-    style: {
-      width: '200px'
-    },
-    key: 0,
-    id: '0'
-  }, "Tab component")]
-};
-describe('Tabs Component', function () {
-  it('is contains alpha class', function () {
-    var _setup = setup(_Tabs["default"], {
-      type: 'alpha',
-      isResponsive: false
-    }),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('alpha')).toBe(true);
-  });
-  it('is contains special class', function () {
-    var _setup2 = setup(_Tabs["default"], {
-      type: 'special'
-    }),
-        props = _setup2.props,
-        renderedDOM = _setup2.renderedDOM;
-
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('special')).toBe(true);
-  });
-  it('is contains border class', function () {
-    var _setup3 = setup(_Tabs["default"], {
-      type: 'alpha',
-      needBorder: true
-    }),
-        props = _setup3.props,
-        renderedDOM = _setup3.renderedDOM;
-
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('border')).toBe(true);
-  });
-  it('is contains padding class', function () {
-    var _setup4 = setup(_Tabs["default"], {
-      type: 'alpha',
-      needPadding: true
-    }),
-        props = _setup4.props,
-        renderedDOM = _setup4.renderedDOM;
-
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('padding')).toBe(true);
-  });
-  it('is contains custom class', function () {
-    var _setup5 = setup(_Tabs["default"], {
-      type: 'alpha',
-      className: 'customClass'
-    }),
-        props = _setup5.props,
-        renderedDOM = _setup5.renderedDOM;
-
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('customClass')).toBe(true);
-  });
-  it('did render custom tab', function () {
-    var _setup6 = setup(_Tabs["default"], defaultProps),
-        props = _setup6.props,
-        renderedDOM = _setup6.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'customtab');
-    expect(component.getAttribute('data-id')).toBe('customtab');
-  });
-  it('did render Tab', function () {
-    var _setup7 = setup(_Tabs["default"], tabChildrenProps),
-        props = _setup7.props,
-        renderedDOM = _setup7.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'taskSubtab');
-    expect(component.getAttribute('data-id')).toBe('taskSubtab');
-  });
-  it('move Highlight called', function () {
-    var _setup8 = setup(_Tabs["default"], Object.assign({}, tabChildrenProps, {
-      isAnimate: true,
-      needTabBorder: true
-    })),
-        props = _setup8.props,
-        renderedDOM = _setup8.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'highlight');
-    expect(component.getAttribute('style')).toBe('left: 0; width: 0;');
-  });
-  fit('isResponsive called', function () {
-    var _setup9 = setup(_Tabs["default"], Object.assign({}, tabChildrenProps, {
-      isAnimate: true,
-      isResponsive: true,
-      needTabBorder: true
-    })),
-        props = _setup9.props,
-        renderedDOM = _setup9.renderedDOM;
-
-    var component = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'taskSubtab');
-    expect(component.length).toBe(0);
-  });
-});

package/lib/Tag/__tests__/Tag.spec.js

@@ -1,35 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
-
-var _Tag = _interopRequireDefault(require("../Tag"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var defaultProps = {};
-describe('Tag component conditions', function () {
-  it('Select Tag', function () {
-    var _setup = setup(_Tag["default"], Object.assign({}, defaultProps, {
-      onSelectTag: jest.fn()
-    })),
-        props = _setup.props,
-        renderedDOM = _setup.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tag_Tag');
-    TestUtils.Simulate.click(component);
-    expect(props.onSelectTag).toHaveBeenCalled();
-  });
-  it('Remove Tag', function () {
-    var _setup2 = setup(_Tag["default"], Object.assign({}, defaultProps, {
-      onRemove: jest.fn()
-    })),
-        props = _setup2.props,
-        renderedDOM = _setup2.renderedDOM;
-
-    var component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tag_RemoveTag');
-    TestUtils.Simulate.click(component);
-    expect(props.onRemove).toHaveBeenCalled();
-  });
-});

package/lib/TextBox/__tests__/TextBox.spec.js

@@ -1,205 +0,0 @@
-"use strict";
-
-var _react = _interopRequireDefault(require("react"));
-
-var _TextBox = _interopRequireDefault(require("../TextBox"));
-
-var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-describe('TextBox component', function () {
-  it('should display size small', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "small",
-      variant: "default"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size medium', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "medium",
-      variant: "default"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size xmedium', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "xmedium",
-      variant: "default"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size small - primary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "small",
-      variant: "primary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size medium - primary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "medium",
-      variant: "primary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size xmedium - primary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "xmedium",
-      variant: "primary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size small - secondary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "small",
-      variant: "secondary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size medium - secondary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "medium",
-      variant: "secondary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should display size xmedium - secondary', function () {
-    var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Area",
-      size: "xmedium",
-      variant: "secondary"
-    }));
-
-    var tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should text propertly entered', function () {
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Box",
-      size: "medium",
-      variant: "primary",
-      value: "Text Box Working"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox').value.contains('Text Box Working')).toBe(true);
-  });
-  it('should placeHolder propertly entered', function () {
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Box",
-      size: "medium",
-      variant: "primary",
-      text: "Text Box Working"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox').getAttribute('placeholder')).toMatch(/Text Box/);
-  }); // it('Check disabled works', () => {
-  //   let renderedDOM = TestUtils.renderIntoDocument(
-  //     <TextBox maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' disabled />
-  //   );
-  //   let pass = false;
-  //   let classNames = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox').classList;
-  //   Object.keys(classNames)
-  //     .map(className => {
-  //       if (classNames[className] == 'disabled') {
-  //         pass = true;
-  //       }
-  //     });
-  //   expect(
-  //     pass
-  //   ).toBe(true);
-  // });
-  // it('Check readOnly works', () => {
-  //   let renderedDOM = TestUtils.renderIntoDocument(
-  //     <TextBox maxLength='100' placeHolder='Text Box' size='medium' variant='primary' value='Text Box Working' readOnly />
-  //   );
-  //   let pass = false;
-  //   let classNames = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox').classList;
-  //   Object.keys(classNames)
-  //     .map(className => {
-  //       if (classNames[className] == 'pointer') {
-  //         pass = true;
-  //       }
-  //     });
-  //   expect(
-  //     pass
-  //   ).toBe(true);
-  // });
-
-  it('Check onchange works', function () {
-    var mockfn = jest.fn();
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Box",
-      size: "medium",
-      variant: "primary",
-      value: "Text Box Working",
-      onChange: mockfn
-    }));
-    var onChangeEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox');
-    TestUtils.Simulate.change(onChangeEle);
-    expect(mockfn.mock.calls.length).toBe(1);
-  });
-  it('Check onBlur works', function () {
-    var mockfn = jest.fn();
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Box",
-      size: "medium",
-      variant: "primary",
-      value: "Text Box Working",
-      onBlur: mockfn
-    }));
-    var onBlurEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox');
-    TestUtils.Simulate.blur(onBlurEle);
-    expect(mockfn.mock.calls.length).toBe(1);
-  });
-  it('Check onFocus works', function () {
-    var mockfn = jest.fn();
-    var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
-      maxLength: "100",
-      placeHolder: "Text Box",
-      size: "medium",
-      variant: "primary",
-      value: "Text Box Working",
-      onFocus: mockfn
-    }));
-    var onFocusEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox');
-    TestUtils.Simulate.focus(onFocusEle);
-    expect(mockfn.mock.calls.length).toBe(1);
-  });
-});

package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap

@@ -1,127 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`TextBox component should display size medium - primary 1`] = `
-<input
-  className="    container medium  primary border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;
-
-exports[`TextBox component should display size medium - secondary 1`] = `
-<input
-  className="    container medium  secondary border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;
-
-exports[`TextBox component should display size medium 1`] = `
-<input
-  className="    container medium  default border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;
-
-exports[`TextBox component should display size small - primary 1`] = `
-<input
-  className="    container small  primary border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;
-
-exports[`TextBox component should display size small - secondary 1`] = `
-<input
-  className="    container small  secondary border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;
-
-exports[`TextBox component should display size small 1`] = `
-<input
-  className="    container small  default border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;
-
-exports[`TextBox component should display size xmedium - primary 1`] = `
-<input
-  className="    container xmedium  primary border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;
-
-exports[`TextBox component should display size xmedium - secondary 1`] = `
-<input
-  className="    container xmedium  secondary border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;
-
-exports[`TextBox component should display size xmedium 1`] = `
-<input
-  className="    container xmedium  default border effect borderColor_default"
-  data-id="textBox"
-  maxLength="100"
-  onBlur={[Function]}
-  onChange={[Function]}
-  onFocus={[Function]}
-  placeholder="Text Area"
-  type="text"
-  value=""
-/>
-`;