import React from 'react';

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

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

  it('should render correctly', () => {
    const tree = shallow(
      <Modal visible={true}>
        <div>test</div>
      </Modal>
    );
    expect(tree).toMatchSnapshot();
    expect(tree.find('div').first().hasClass('paypay-mask')).toEqual(true);
  });

  it('shouldnot be visible', () => {
    const tree = shallow(
      <Modal visible={false}>
        <div>test</div>
      </Modal>
    );
    expect(tree.find('div').first().hasClass('paypay-mask')).toEqual(false);
  });
});