@zohodesk/components 1.1.0 → 1.2.0-temp-195

package/es/Select/__tests__/Select.spec.js

@@ -1,345 +0,0 @@
-/* eslint-disable no-undef */
-
-/**** Libraries ****/
-import expect from 'expect';
-/**** Components ****/
-
-import Select from '../Select';
-import ListItem from '../../ListItem/ListItem';
-describe('Select component conditions', () => {
-  it('Select component with down arrow', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      needSelectDownIcon: true,
-      dataId: 'selectComp'
-    });
-    let downIconEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_downIcon');
-    expect(TestUtils.isDOMComponent(downIconEle)).toBeTruthy();
-  });
-  it('Select component without down arrow', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      needSelectDownIcon: false,
-      dataId: 'selectComp'
-    });
-    let downIcons = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_downIcon');
-    expect(downIcons.length).toBe(0);
-  });
-  it('Select component with search box', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      needSearch: true,
-      isPopupOpen: true,
-      isPopupReady: true,
-      dataId: 'selectComp'
-    });
-    let textBoxes = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_search');
-    expect(textBoxes.length).toBe(1);
-  });
-  it('Select component without search box', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      needSearch: false,
-      isPopupOpen: true,
-      dataId: 'selectComp'
-    });
-    let textBoxes = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_search');
-    expect(textBoxes.length).toBe(0);
-  });
-  it('Should Show empty message', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      isPopupOpen: true,
-      dataId: 'selectComp'
-    });
-    let emptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_noOptnsMsg');
-    expect(TestUtils.isDOMComponent(emptyMessageEle)).toBeTruthy();
-  });
-  it('Should render suggestions, When popup open', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      dataId: 'selectComp',
-      isPopupOpen: true
-    });
-    let suggestionsContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
-    expect(TestUtils.isDOMComponent(suggestionsContainer)).toBeTruthy();
-  });
-  it('Should not render suggestions, When popup close', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      dataId: 'selectComp',
-      isPopupOpen: false
-    });
-    let suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
-    expect(suggestionsContainer.length).toBe(0);
-  });
-  it('Should popup open, When click textBox', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      dataId: 'TextBox'
-    });
-    let targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextBox');
-    let suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'TextBox_suggestions');
-    expect(suggestionsContainer.length).toBe(0);
-    TestUtils.Simulate.click(targetTextBox);
-    let suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'TextBox_suggestions');
-    expect(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
-  });
-  it('Should popup open, When down arrow press', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      dataId: 'selectComp'
-    });
-    let targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_textBox');
-    let suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
-    expect(suggestionsContainer.length).toBe(0);
-    TestUtils.Simulate.keyDown(targetTextBox, {
-      keyCode: 40
-    });
-    let suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
-    expect(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
-  });
-  xit('Should popup close, When esc key press', () => {
-    //popup close handling in popup component
-    let {
-      renderedDOM
-    } = setup(Select, {
-      dataId: 'selectComp',
-      isPopupOpen: true
-    });
-    let suggestionContainer = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
-    expect(TestUtils.isDOMComponent(suggestionContainer)).toBeTruthy();
-    let targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp');
-    TestUtils.Simulate.keyDown(targetTextBox, {
-      keyCode: 27
-    });
-    let suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
-    expect(suggestionsContainer.length).toBe(0);
-  });
-  it('Should not popup open, When is readOnly component', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      dataId: 'selectComp',
-      isReadOnly: true
-    });
-    let targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_readOnly');
-    TestUtils.Simulate.click(targetTextBox);
-    let suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
-    expect(suggestionsContainer.length).toBe(0);
-  });
-  it('Should not popup open, When is disabled component', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      dataId: 'selectComp',
-      isDisabled: true
-    });
-    let targetTextBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComp_disabled');
-    TestUtils.Simulate.click(targetTextBox);
-    let suggestionsContainer = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'selectComp_suggestions');
-    expect(suggestionsContainer.length).toBe(0);
-  });
-  it('Should Show search empty message', () => {
-    let {
-      renderedDOM
-    } = setup(Select, {
-      needSearch: true,
-      isPopupOpen: true,
-      dataId: 'textBox'
-    });
-    let [searchBox] = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_search');
-    TestUtils.Simulate.change(searchBox, {
-      target: {
-        value: 'value changed'
-      }
-    });
-    let emptyMessageEle = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_noOptnsMsg');
-    let searchEmptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox_srchEmptyMsg');
-    expect(emptyMessageEle.length).toBe(0);
-    expect(TestUtils.isDOMComponent(searchEmptyMessageEle)).toBeTruthy();
-  });
-  it('Should show loading and hide loading', cb => {
-    let resolveFunc = null;
-    let newPromise = new Promise(res => {
-      resolveFunc = res;
-    });
-    let searchDebounceTime = 0;
-    let {
-      renderedDOM,
-      props
-    } = setup(Select, {
-      onSearch: jest.fn(() => newPromise),
-      needSearch: true,
-      searchDebounceTime,
-      isPopupOpen: true,
-      dataId: 'textBox'
-    });
-    let [searchBox] = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_search');
-    TestUtils.Simulate.change(searchBox, {
-      target: {
-        value: 'value changed'
-      }
-    }); //
-
-    setTimeout(() => {
-      expect(props.onSearch).toHaveBeenCalled();
-      expect(props.onSearch.mock.calls[0][0]).toEqual('value changed');
-      let loadingEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'textBox_Loading');
-      expect(TestUtils.isDOMComponent(loadingEle)).toBeTruthy();
-      resolveFunc();
-      return newPromise.then(() => {
-        let loadingEleArr = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'textBox_Loading');
-        expect(loadingEleArr.length).toBe(0);
-        cb();
-      });
-    }, searchDebounceTime); //
-  });
-  it('Should call onChange, When select list item', () => {
-    let defaultProps = {
-      options: [{
-        id: '1',
-        text: 'one'
-      }, {
-        id: '2',
-        text: 'two'
-      }],
-      onChange: jest.fn(),
-      isPopupOpen: true
-    };
-    let {
-      renderedDOM,
-      props
-    } = setup(Select, defaultProps);
-    let [listItem] = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'one');
-    TestUtils.Simulate.click(listItem);
-    expect(props.onChange).toHaveBeenCalledWith('1', {
-      id: '1',
-      text: 'one'
-    });
-  });
-  it('Should not call onChange func, When is readonly component', () => {
-    let defaultProps = {
-      options: [{
-        id: '1',
-        text: 'one'
-      }, {
-        id: '2',
-        text: 'two'
-      }],
-      onChange: jest.fn(),
-      isReadOnly: true
-    };
-    let {
-      renderedDOM
-    } = setup(Select, defaultProps);
-    let listItems = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, '1');
-    expect(listItems.length).toBe(0);
-  });
-  it('Should call getNextOptions, When on reach boundary and isNextOptions is true', () => {
-    let defaultProps = {
-      options: [1, 2, 3, 4, 5],
-      getNextOptions: jest.fn(),
-      isNextOptions: true,
-      isPopupOpen: true
-    };
-    let {
-      renderedDOM,
-      props
-    } = setup(Select, defaultProps);
-    let searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
-    TestUtils.Simulate.keyDown(searchBox, {
-      keyCode: 40
-    });
-    TestUtils.Simulate.keyDown(searchBox, {
-      keyCode: 40
-    });
-    TestUtils.Simulate.keyDown(searchBox, {
-      keyCode: 40
-    });
-    expect(props.getNextOptions).toHaveBeenCalled();
-  });
-  it('Should not call getNextOptions, When on reach boundary and isNextOptions is false', () => {
-    let defaultProps = {
-      options: [1, 2, 3, 4, 5],
-      getNextOptions: jest.fn(),
-      isNextOptions: false,
-      isPopupOpen: true
-    };
-    let {
-      renderedDOM,
-      props
-    } = setup(Select, defaultProps);
-    let searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
-    TestUtils.Simulate.keyDown(searchBox, {
-      keyCode: 40
-    });
-    TestUtils.Simulate.keyDown(searchBox, {
-      keyCode: 40
-    });
-    TestUtils.Simulate.keyDown(searchBox, {
-      keyCode: 40
-    });
-    expect(props.getNextOptions).not.toHaveBeenCalled();
-  });
-  it('Should ignore excludeOptions', () => {
-    let defaultProps = {
-      options: ['1', '2', '3', '4', '5'],
-      excludeOptions: ['1', '2'],
-      isPopupOpen: true
-    };
-    let {
-      renderedDOM
-    } = setup(Select, defaultProps); // let liteItemArr = TestUtils.scryRenderedComponentsWithTestid(
-    //   renderedDOM,
-    //   'listItem'
-    // );
-
-    let liteItemArr = TestUtils.scryRenderedComponentsWithType(renderedDOM, ListItem);
-    expect(liteItemArr.length).toBe(3);
-  });
-  it('Should select defaultValue', () => {
-    let defaultProps = {
-      options: ['1', '2', '3', '4', '5'],
-      isDefaultSelectValue: true
-    };
-    let {
-      renderedDOM
-    } = setup(Select, defaultProps);
-    let selectComp = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
-    expect(selectComp.value).toBe('1');
-  });
-  it('Should not select defaultValue', () => {
-    let defaultProps = {
-      options: ['1', '2', '3', '4', '5'],
-      isDefaultSelectValue: false
-    };
-    let {
-      renderedDOM
-    } = setup(Select, defaultProps);
-    let selectComp = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'selectComponent_textBox');
-    expect(selectComp.value).toBe('');
-  });
-  it('Should active selected value', () => {
-    let defaultProps = {
-      options: ['1', '2', '3', '4', '5'],
-      selectedValue: '1',
-      isPopupOpen: true
-    };
-    let {
-      renderedDOM
-    } = setup(Select, defaultProps);
-    let [listItem1, listItem2] = TestUtils.scryRenderedComponentsWithType(renderedDOM, ListItem);
-    expect(listItem1.props.active).toBeTruthy();
-    expect(listItem2.props.active).toBeFalsy();
-  });
-});

package/es/Tab/__tests__/Tab.spec.js

@@ -1,117 +0,0 @@
-import React from 'react';
-import Tab from '../Tab';
-describe('Tab Component', () => {
-  it('Is Contains alpha class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Tab, {
-      type: 'alpha',
-      needAppearance: true,
-      getActiveRef: () => {}
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabAlpha')).toBe(true);
-  });
-  it('Is Contains beta class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Tab, {
-      type: 'beta',
-      needAppearance: true,
-      getActiveRef: () => {}
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabBeta')).toBe(true);
-  });
-  it('Is Contains gamma class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Tab, {
-      type: 'gamma',
-      needAppearance: true,
-      getActiveRef: () => {}
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
-  });
-  it('Is Contains delta class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Tab, {
-      type: 'delta',
-      needAppearance: true,
-      getActiveRef: () => {}
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tabDelta')).toBe(true);
-  }); // it('Is Contains zeta class', () => {
-  //   const { props, renderedDOM } = setup(Tab, { type: 'zeta', needAppearance: true, getActiveRef: () => { } });
-  //   expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('tab')).toBe(true);
-  // });
-  // it('Is Contains special class', () => {
-  //   const { props, renderedDOM } = setup(Tab, { type: 'special', getActiveRef: () => {} });
-  //   expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('special')).toBe(true);
-  //
-  // });
-
-  it('Is Contains active class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Tab, {
-      type: 'alpha',
-      needAppearance: true,
-      id: '0',
-      selectedTab: '0',
-      isActive: true,
-      getActiveRef: () => {}
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive')).toBe(true);
-  });
-  it('Is Contains border class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Tab, {
-      isActive: true,
-      type: 'alpha',
-      needAppearance: true,
-      needBorder: true,
-      getActiveRef: () => {}
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab').className.contains('alphaActive_border')).toBe(true);
-  });
-  it('Is call onClick', () => {
-    let {
-      renderedDOM,
-      props
-    } = setup(Tab, {
-      id: '2',
-      onClick: jest.fn(),
-      onSelect: jest.fn(),
-      getActiveRef: () => {}
-    });
-    let tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
-    TestUtils.Simulate.click(tabElement, {
-      currentTarget: {
-        offsetLeft: 0,
-        offsetWidth: 0
-      }
-    });
-    expect(props.onClick).toHaveBeenCalled();
-    expect(props.onSelect).toHaveBeenLastCalledWith('2');
-  });
-  it('is render text span', () => {
-    let {
-      renderedDOM,
-      props
-    } = setup(Tab, {
-      type: 'alpha',
-      dataId: 'taskSubtab1',
-      text: 'Tab1',
-      getActiveRef: () => {}
-    });
-    let tabElement = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'taskSubtab1_Tab');
-    expect(tabElement.getAttribute('data-id')).toBe('taskSubtab1_Tab');
-  });
-});

package/es/Tab/__tests__/TabContent.spec.js

@@ -1,16 +0,0 @@
-import React from 'react';
-import TabContent from '../TabContent';
-describe('TabContent Component', () => {
-  it('render TabContent', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(TabContent, {
-      children: /*#__PURE__*/React.createElement("div", {
-        "data-id": "tabcontent"
-      }, "Tab Content")
-    });
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabcontent');
-    expect(component.getAttribute('data-id')).toBe('tabcontent');
-  });
-});

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

@@ -1,50 +0,0 @@
-import React from 'react';
-import TabContentWrapper from '../TabContentWrapper';
-import TabContent from '../TabContent';
-describe('TabContentWrapper Component', () => {
-  it('is children rendered class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(TabContentWrapper, {
-      selectedTab: '0',
-      children: [/*#__PURE__*/React.createElement(TabContent, {
-        id: '0',
-        key: 0
-      }, /*#__PURE__*/React.createElement("div", {
-        "data-id": "child1"
-      }, " Tab 1")), /*#__PURE__*/React.createElement(TabContent, {
-        id: '1',
-        key: 1
-      }, /*#__PURE__*/React.createElement("div", {
-        "data-id": "child2"
-      }, " Tab 2"))]
-    });
-    let component = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'child1');
-    expect(component.getAttribute('data-id')).toBe('child1');
-  });
-  it('is only selected TabContent rendered ', () => {
-    const Tab1 = /*#__PURE__*/React.createElement(TabContent, {
-      id: '0',
-      key: 0
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "not-render",
-      "data-id": "child1"
-    }, ' ', "Tab 1"));
-    const Tab2 = /*#__PURE__*/React.createElement(TabContent, {
-      id: '1',
-      key: 1
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "not-render"
-    }, " Tab 2"), "TabContent 2");
-    const {
-      props,
-      renderedDOM
-    } = setup(TabContentWrapper, {
-      selectedTab: '0',
-      children: [Tab1, Tab2]
-    });
-    let component = TestUtils.scryRenderedDOMComponentsWithClass(renderedDOM, 'not-render');
-    expect(component.length).toBe(1);
-  });
-});

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

@@ -1,86 +0,0 @@
-import React from 'react';
-import ReactDOM from 'react-dom';
-import TabWrapper from '../TabWrapper';
-import Tab from '../Tab';
-import Tabs from '../Tabs';
-describe('TabWrapper Component', () => {
-  it('is Tab rendered', () => {
-    let onSelect = jest.fn();
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(TabWrapper, {
-      defaultTab: "0",
-      type: "alpha",
-      onSelect: onSelect
-    }, /*#__PURE__*/React.createElement(Tabs, {
-      isResponsive: false
-    }, /*#__PURE__*/React.createElement(Tab, {
-      key: '0',
-      id: "0"
-    }))));
-    let tabChild = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
-    expect(tabChild.getAttribute('data-id')).toBe('tabMenu_Tab');
-  });
-  it('is onSelect called', () => {
-    let onSelect = jest.fn();
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(TabWrapper, {
-      defaultTab: "0",
-      type: "alpha",
-      onSelect: onSelect
-    }, /*#__PURE__*/React.createElement(Tabs, {
-      isResponsive: false
-    }, /*#__PURE__*/React.createElement(Tab, {
-      key: '0',
-      id: "0"
-    }))));
-    let tabChild = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
-    TestUtils.Simulate.click(tabChild, {
-      currentTarget: {
-        offsetLeft: 0,
-        offsetWidth: 0
-      }
-    });
-    expect(onSelect).toHaveBeenCalled();
-  });
-  it('is disable State internally', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(TabWrapper, {
-      defaultTab: "0",
-      type: "alpha"
-    }, /*#__PURE__*/React.createElement(Tabs, {
-      isResponsive: false
-    }, /*#__PURE__*/React.createElement(Tab, {
-      key: '0',
-      id: "0"
-    }, "One"), /*#__PURE__*/React.createElement(Tab, {
-      key: '1',
-      id: "1"
-    }, "Two"))));
-    expect(renderedDOM.state.selectedTabInternal).toBe('0');
-  });
-  it('change selectedTab id', () => {
-    let node = document.createElement('div');
-    let children = /*#__PURE__*/React.createElement(Tabs, {
-      isResponsive: false
-    }, /*#__PURE__*/React.createElement(Tab, {
-      key: '0',
-      id: "0"
-    }, "One"), /*#__PURE__*/React.createElement(Tab, {
-      key: '1',
-      id: "1"
-    }, "Two"));
-    /*eslint-disable */
-
-    let renderedDOM = ReactDOM.render( /*#__PURE__*/React.createElement(TabWrapper, {
-      defaultTab: '0',
-      type: "alpha",
-      hookToDisableInternalState: true
-    }, children), node);
-    let tab = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'tabMenu_Tab');
-    expect(tab[0].className.contains('Active')).toBe(true);
-    ReactDOM.render( /*#__PURE__*/React.createElement(TabWrapper, {
-      defaultTab: '1',
-      type: "alpha",
-      hookToDisableInternalState: true
-    }, children), node);
-    expect(tab[0].className.contains('Active')).toBe(false);
-    expect(tab[1].className.contains('Active')).toBe(true);
-  });
-});