import React from 'react';
import { Modal } from 'react-bootstrap';
import { shallow } from 'enzyme';
import { describe, it } from 'mocha';
import { expect } from 'chai';

import { queries } from './fixtures';
import VisualizeModal from '../../../javascripts/SqlLab/components/VisualizeModal';

describe('VisualizeModal', () => {
  const mockedProps = {
    show: true,
    query: queries[0],
  };
  it('renders', () => {
    expect(React.isValidElement(<VisualizeModal />)).to.equal(true);
  });
  it('renders with props', () => {
    expect(
      React.isValidElement(<VisualizeModal {...mockedProps} />),
    ).to.equal(true);
  });
  it('renders a Modal', () => {
    const wrapper = shallow(<VisualizeModal {...mockedProps} />);
    expect(wrapper.find(Modal)).to.have.length(1);
  });
});