MetaPhase-Consulting/State-TalentMAP

import { shallow } from 'enzyme';
import toJSON from 'enzyme-to-json';
import GlossaryEditorCardList from './GlossaryEditorCardList';
import { groupedGlossaryItems, groupedTerms } from '../../../__mocks__/glossaryItems';

describe('GlossaryEditorCardListComponent', () => {
  const props = {
    terms: groupedGlossaryItems,
    submitGlossaryTerm: () => {},
    submitGlossaryFirstLetter: () => {},
    availableLetters: groupedTerms,
  };
  it('is defined', () => {
    const wrapper = shallow(<GlossaryEditorCardList
      {...props}
    />);
    expect(wrapper).toBeDefined();
  });

  it('displays an alert if there are no terms', () => {
    const wrapper = shallow(<GlossaryEditorCardList
      {...props}
      terms={{}}
    />);
    expect(wrapper.find('Alert').exists()).toBe(true);
  });

  it('matches snapshot', () => {
    const wrapper = shallow(<GlossaryEditorCardList
      {...props}
    />);
    expect(toJSON(wrapper)).toMatchSnapshot();
  });

  it('matches snapshot when there are no terms', () => {
    const wrapper = shallow(<GlossaryEditorCardList
      {...props}
      terms={{}}
    />);
    expect(toJSON(wrapper)).toMatchSnapshot();
  });
});