import React from 'react';

import Button from '../../components/Button';
import { shallow } from '../enzyme';

describe('Button', () => {
  it('should be defined', () => {
    expect(Button).toBeDefined();
  });

  it('should render correctly', () => {
    const tree = shallow(<Button name="button test" />);
    expect(tree).toMatchSnapshot();
  });

  it('should be link', () => {
    const tree = shallow(
      <Button btnType="link" href="https://www.google.com/" name="link" />
    );
    expect(tree.find('a').hasClass('btn btn-link')).toEqual(true);
  });

  it('should be loading', () => {
    const tree = shallow(<Button loading={true} name="btn" />);
    expect(tree.find('button').hasClass('btn btn-default')).toEqual(true);
    expect(tree.find('div').first().hasClass('dot-pulse')).toEqual(true);
  });
});