@zohodesk/components 1.0.0-temp-166 → 1.0.0-temp-168

package/es/Label/__tests__/Label.spec.js

@@ -1,120 +0,0 @@
-/* eslint-disable no-undef */
-import React from 'react';
-import Label from '../Label';
-import renderer from 'react-test-renderer';
-describe('Label Props Check', () => {
-  it('Display proper text', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').textContent).toMatch(/text1/);
-  });
-  it('Check if clipped style is applied', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      clipped: true
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').className).toMatch(/dotted/);
-  });
-  it('Check if clipped style is not applied', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      clipped: false
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').className).not.toMatch(/dotted/);
-  });
-  it('Check for the prop name', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      name: "1234"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').getAttribute('name')).toMatch(/1234/);
-  });
-  it('Check for the prop title', () => {
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      title: "1234"
-    }));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'label').getAttribute('data-title')).toMatch(/1234/);
-  });
-  it('should be having palette default', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "default"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having palette primary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "primary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having palette secondary', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "secondary"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having palette danger', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "danger"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having palette mandatory', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      palette: "mandatory"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having size small', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      size: "small"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having size medium', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      size: "medium"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having size large', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      size: "large"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having type title', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      type: "title"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-  it('should be having type subtitle', () => {
-    let ele = renderer.create( /*#__PURE__*/React.createElement(Label, {
-      text: "text1",
-      type: "subtitle"
-    }));
-    let tree = ele.toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});

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

@@ -1,101 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Label Props Check should be having palette danger 1`] = `
-<label
-  className="label title medium danger font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette default 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette mandatory 1`] = `
-<label
-  className="label title medium mandatory font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette primary 1`] = `
-<label
-  className="label title medium primary font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having palette secondary 1`] = `
-<label
-  className="label title medium secondary font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size large 1`] = `
-<label
-  className="label title large default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size medium 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having size small 1`] = `
-<label
-  className="label title small default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having type subtitle 1`] = `
-<label
-  className="label subtitle medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;
-
-exports[`Label Props Check should be having type title 1`] = `
-<label
-  className="label title medium default font_default
-           cursor  "
-  data-id="label"
->
-  text1
-</label>
-`;

package/es/Layout/__tests__/Box.spec.js

@@ -1,114 +0,0 @@
-import React from 'react';
-import Box from '../Box';
-import renderer from 'react-test-renderer';
-describe('Layout Component', () => {
-  it('Should contains the data-scroll is true', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      isScrollAttribute: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').getAttribute('data-scroll').contains(true)).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      flexible: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('grow basis')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      flexible: true,
-      adjust: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('grow')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      adjust: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('basisAuto')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      shrink: false
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('shrink')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      shrink: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('shrinkOn')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      hidden: ['lg']
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('hidden-screen-lg')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      column: '4'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('col-4')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      scroll: 'horizontal'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollx')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      scroll: 'vertical'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrolly')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      scroll: 'both'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollboth')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Box, {
-      scroll: 'none'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'boxComponent').className.contains('scrollnone')).toBe(true);
-  });
-});

package/es/Layout/__tests__/Container.spec.js

@@ -1,120 +0,0 @@
-import React from 'react';
-import Container from '../Container';
-import renderer from 'react-test-renderer';
-describe('Layout Component', () => {
-  it('Should contains the data-scroll is true', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      isScrollAttribute: true
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').getAttribute('data-scroll').contains(true)).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container);
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('flex')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      alignBox: 'row'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('rowdir')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      alignBox: 'row-reverse'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('rowReverse')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      hidden: ['lg']
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('hidden-screen-lg')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      wrap: 'wrap'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('wrap')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      align: 'horizontal'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('hCenter')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      align: 'vertical'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('vCenter')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      align: 'both'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('both')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      scroll: 'horizontal'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollx')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      scroll: 'vertical'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrolly')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      scroll: 'both'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollboth')).toBe(true);
-  });
-  it('Should contains the default class', () => {
-    const {
-      props,
-      renderedDOM
-    } = setup(Container, {
-      scroll: 'none'
-    });
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'containerComponent').className.contains('scrollnone')).toBe(true);
-  });
-});

package/es/MultiSelect/__tests__/MultiSelect.spec.js

@@ -1,160 +0,0 @@
-/* eslint-disable no-undef */
-
-/**** Libraries ****/
-import expect from 'expect';
-/**** Components ****/
-
-import MultiSelect from '../MultiSelect';
-import Tag from '../../Tag/Tag';
-describe('MultiSelect component conditions', () => {
-  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(MultiSelect, {
-      onSearch: jest.fn(() => newPromise),
-      needSearch: true,
-      searchDebounceTime,
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: [],
-      selectedOptions: [],
-      isPopupOpen: true
-    });
-    let searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_textBox');
-    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, 'multiSelect_Loading');
-      expect(TestUtils.isDOMComponent(loadingEle)).toBeTruthy();
-      resolveFunc();
-      return newPromise.then(() => {
-        let loadingEleArr = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_Loading');
-        expect(loadingEleArr.length).toBe(0);
-        cb();
-      });
-    }, searchDebounceTime); //
-  });
-  it('Should display searchEmptyMessage', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: [],
-      selectedOptions: [],
-      isPopupOpen: true
-    });
-    let searchBox = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_textBox');
-    TestUtils.Simulate.change(searchBox, {
-      target: {
-        value: 'value changed'
-      }
-    });
-    let searchEmptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_srchEmptyMsg');
-    expect(TestUtils.isDOMComponent(searchEmptyMessageEle)).toBeTruthy();
-  });
-  it('Should display noOptionsMessage', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: [],
-      selectedOptions: [],
-      isPopupOpen: true
-    });
-    let emptyMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_noOptnsMsg');
-    expect(TestUtils.isDOMComponent(emptyMessageEle)).toBeTruthy();
-  });
-  it('Should display noMoreOptionsMessage', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2', '3', '4'],
-      dataIdNoMreOptionMsg: 'noMoreOptionsMessage',
-      isPopupOpen: true
-    });
-    let noMoreOptionsMessageEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_NoMoreOptionMsg');
-    expect(TestUtils.isDOMComponent(noMoreOptionsMessageEle)).toBeTruthy();
-  });
-  it('Should display clear icon', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2']
-    });
-    let clearIconEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
-    expect(TestUtils.isDOMComponent(clearIconEle)).toBeTruthy();
-  });
-  it('Should not display clear icon, When is readonly field', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2'],
-      isReadOnly: true
-    });
-    let clearIconEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
-    expect(clearIconEles.length).toBe(0);
-  });
-  it('Should not display clear icon, When is selected option is one', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1']
-    });
-    let clearIconEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_clearIcon');
-    expect(clearIconEles.length).toBe(0);
-  });
-  it('Should display select all option, When suggestions are more than 1', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2'],
-      isPopupOpen: true,
-      needSelectAll: true
-    });
-    let selectAllEle = TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'multiSelect_selectAll');
-    expect(TestUtils.isDOMComponent(selectAllEle)).toBeTruthy();
-  });
-  it('Should not display select all option', () => {
-    let {
-      renderedDOM
-    } = setup(MultiSelect, {
-      emptyMessage: '',
-      onChange: jest.fn(),
-      options: ['1', '2', '3', '4'],
-      selectedOptions: ['1', '2', '3'],
-      isPopupOpen: true,
-      needSelectAll: true
-    });
-    let selectAllEles = TestUtils.scryRenderedComponentsWithTestid(renderedDOM, 'multiSelect_MultiSelectHeader');
-    expect(selectAllEles.length).toBe(0);
-  });
-});

package/es/PopOver/__tests__/PopOver.spec.js

@@ -1,14 +0,0 @@
-/* eslint-disable no-undef */
-
-/**** Libraries ****/
-import React from 'react';
-/**** Components ****/
-
-import PopOver from '../PopOver';
-describe('PopOver component conditions', () => {
-  xit('should open popup', () => {
-    let mockfn = jest.fn();
-    let renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/React.createElement(PopOver, null));
-    expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'popupComp').textContent.contains('primary')).toBe(true);
-  });
-});