@zohodesk/components 1.1.0 → 1.2.0-temp-195

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=""
-/>
-`;