ManageIQ/manageiq-ui-classic

import React from 'react';
import { mount } from 'enzyme';
import toJson from 'enzyme-to-json';
import GenericTableRow from '../../../components/textual_summary/generic_table_row';

describe('Simple Table', () => {
  /*
   *  row has
   *    1) label
   *    2) icon
   *    3) value
   *  item.value
   *    a) simple
   *    b) array    TODO
   *  linkClick handler TODO
   */
  it('renders simple value just fine...', () => {
    const item = {
      label: 'Network Manager',
      value: 'Amazon East Network Manager',
      icon: null,
      image: 'http://localhost:3000/assets/svg/vendor-ec2_network-04c432db85be0fd670cd6da83b8685dab51e1b7a63258b70cccbdf8d7f72c988.svg',
      link: '/ems_network/10000000000045',
      title: 'Show Network Manager \'Amazon East Network Manager\'',
      hoverClass: '',
    };

    const row = mount(<table>
      <tbody>
        <GenericTableRow item={item} onClick={() => null} />
      </tbody>
    </table>);
    expect(toJson(row)).toMatchSnapshot();
  });

  it('renders multi-value just fine...', () => {
    const item = {
      label: 'Network Manager',
      value: [
        { title: 'Amazon East Network Manager', icon: null, value: 'foobar' },
        { title: 'Amazon West Network Manager', icon: null, value: 'boofar' },
      ],
      icon: null,
      image: 'http://localhost:3000/assets/svg/vendor-ec2_network-04c432db85be0fd670cd6da83b8685dab51e1b7a63258b70cccbdf8d7f72c988.svg',
      link: '/ems_network/10000000000045',
      title: 'Show Network Manager \'Amazon East Network Manager\'',
      hoverClass: '',
    };

    const row = mount(<table>
      <tbody>
        <GenericTableRow item={item} onClick={() => null} />
      </tbody>
    </table>);
    expect(toJson(row)).toMatchSnapshot();
  });
});