xchain-components/src/components/XTab/__tests__/XTab.js

Xchain Components

/* eslint react/jsx-filename-extension: 0 */
import React from 'react';
import { shallow } from 'enzyme';
import XTab from '..';
import XDisplayText from 'components/XDisplayText';


const dataArray = [{ name: 'Tab1', key: 'Tab1Content', icon: 'users' }, { name: 'Tab2', key: 'Tab2Content' }, { name: 'Tab3', key: 'Tab3Content' }];

describe('XTab', () => {
  const panes = [
    { name: 'New Order', content: 'Tab 1 Content' },
    { name: 'Open Orders', content: 'Tab 2 Content' },
    { name: 'Approval Pending', content: 'Tab 3 Content' },
    { name: 'Rejected', content: 'Tab 3 Content' },
    { name: 'Processed', content: 'Tab 3 Content' },
  ];
  it('Request Order Tab renders correctly', () => {
    const component = shallow(<XTab tabPanes={panes} />);

    expect(component).toMatchSnapshot();
  });
});

describe('XTab', () => {
  const text = (<XDisplayText displayText="component display" />);
  const panes = [
    {
      icon: 'box', iconColor: '#bd10e0', name: '37 Order', content: text,
    },
    {
      icon: 'clock outline', iconColor: '#ef3f4a', name: '14 past Required', content: 'Tab 2 Content',
    },
    {
      icon: 'shipping fast', iconColor: '#f76947', name: '2 Past Shipping', content: text,
    },
    {
      icon: 'clone', iconColor: '#8b572a', name: '7 Discrepancy', content: 'Tab 3 Content',
    },
  ];
  it('All order tab renders correctly', () => {
    const component = shallow(<XTab tabPanes={panes} />);

    expect(component).toMatchSnapshot();
  });
});