superset/caravel/assets/spec/javascripts/sqllab/QuerySearch_spec.jsx

import React from 'react';
import Select from 'react-select';
import { Button } from 'react-bootstrap';
import QuerySearch from '../../../javascripts/SqlLab/components/QuerySearch';
import { shallow } from 'enzyme';
import { describe, it } from 'mocha';
import { expect } from 'chai';

describe('QuerySearch', () => {
  const mockedProps = {
    actions: {},
  };
  it('is valid', () => {
    expect(
      React.isValidElement(<QuerySearch {...mockedProps} />)
    ).to.equal(true);
  });

  it('should have two Select', () => {
    const wrapper = shallow(<QuerySearch {...mockedProps} />);
    expect(wrapper.find(Select)).to.have.length(2);
  });

  it('should have one input for searchText', () => {
    const wrapper = shallow(<QuerySearch {...mockedProps} />);
    expect(wrapper.find('input')).to.have.length(1);
  });

  it('should have one Button', () => {
    const wrapper = shallow(<QuerySearch {...mockedProps} />);
    expect(wrapper.find(Button)).to.have.length(1);
  });
});