2016-09-23 20:41:24 -04:00
|
|
|
import React from 'react';
|
|
|
|
import Select from 'react-select';
|
|
|
|
import { Button } from 'react-bootstrap';
|
|
|
|
import { shallow } from 'enzyme';
|
|
|
|
import { describe, it } from 'mocha';
|
|
|
|
import { expect } from 'chai';
|
2016-10-28 17:12:53 -04:00
|
|
|
import sinon from 'sinon';
|
2016-09-23 20:41:24 -04:00
|
|
|
|
2017-04-13 18:04:09 -04:00
|
|
|
import QuerySearch from '../../../javascripts/SqlLab/components/QuerySearch';
|
|
|
|
|
2016-09-23 20:41:24 -04:00
|
|
|
describe('QuerySearch', () => {
|
2016-10-25 19:44:32 -04:00
|
|
|
const mockedProps = {
|
|
|
|
actions: {},
|
|
|
|
};
|
|
|
|
it('is valid', () => {
|
2016-09-23 20:41:24 -04:00
|
|
|
expect(
|
2017-04-13 18:04:09 -04:00
|
|
|
React.isValidElement(<QuerySearch {...mockedProps} />),
|
2016-09-23 20:41:24 -04:00
|
|
|
).to.equal(true);
|
|
|
|
});
|
2016-10-28 17:12:53 -04:00
|
|
|
const wrapper = shallow(<QuerySearch {...mockedProps} />);
|
2016-09-23 20:41:24 -04:00
|
|
|
|
2017-01-11 13:31:30 -05:00
|
|
|
it('should have three Select', () => {
|
|
|
|
expect(wrapper.find(Select)).to.have.length(3);
|
2016-10-28 17:12:53 -04:00
|
|
|
});
|
|
|
|
|
|
|
|
it('updates fromTime on user selects from time', () => {
|
|
|
|
wrapper.find('[name="select-from"]')
|
|
|
|
.simulate('change', { value: 0 });
|
|
|
|
expect(wrapper.state().from).to.equal(0);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('updates toTime on user selects to time', () => {
|
|
|
|
wrapper.find('[name="select-to"]')
|
|
|
|
.simulate('change', { value: 0 });
|
|
|
|
expect(wrapper.state().to).to.equal(0);
|
|
|
|
});
|
|
|
|
|
|
|
|
it('updates status on user selects status', () => {
|
|
|
|
wrapper.find('[name="select-status"]')
|
|
|
|
.simulate('change', { value: 'success' });
|
|
|
|
expect(wrapper.state().status).to.equal('success');
|
2016-09-23 20:41:24 -04:00
|
|
|
});
|
|
|
|
|
|
|
|
it('should have one input for searchText', () => {
|
|
|
|
expect(wrapper.find('input')).to.have.length(1);
|
|
|
|
});
|
|
|
|
|
2016-10-28 17:12:53 -04:00
|
|
|
it('updates search text on user inputs search text', () => {
|
|
|
|
wrapper.find('input').simulate('change', { target: { value: 'text' } });
|
|
|
|
expect(wrapper.state().searchText).to.equal('text');
|
|
|
|
});
|
|
|
|
|
2016-09-23 20:41:24 -04:00
|
|
|
it('should have one Button', () => {
|
|
|
|
expect(wrapper.find(Button)).to.have.length(1);
|
|
|
|
});
|
2016-10-28 17:12:53 -04:00
|
|
|
|
|
|
|
it('refreshes queries when clicked', () => {
|
|
|
|
const search = sinon.spy(QuerySearch.prototype, 'refreshQueries');
|
|
|
|
wrapper.find(Button).simulate('click');
|
|
|
|
/* eslint-disable no-unused-expressions */
|
|
|
|
expect(search).to.have.been.called;
|
|
|
|
});
|
2016-09-23 20:41:24 -04:00
|
|
|
});
|