Files
superset2/superset/assets/spec/javascripts/explorev2/components/SelectField_spec.js
vera-liu 2133056c04 Added different Select Fields (#1583)
* Added different Select Fields
 - Switched FormGroup to react-select
 - Added multi and freeform to select, now it can take customized user
   input and insert it as options

* Fixed tests

* Small nit based on comments
2016-11-13 14:11:52 -08:00

39 lines
1.1 KiB
JavaScript

/* eslint-disable no-unused-expressions */
import React from 'react';
import Select, { Creatable } from 'react-select';
import sinon from 'sinon';
import { expect } from 'chai';
import { describe, it, beforeEach } from 'mocha';
import { shallow } from 'enzyme';
import SelectField from '../../../../javascripts/explorev2/components/SelectField';
const defaultProps = {
choices: [[10, 10], [20, 20]],
name: 'row_limit',
label: 'Row Limit',
onChange: sinon.spy(),
};
describe('SelectField', () => {
let wrapper;
beforeEach(() => {
wrapper = shallow(<SelectField {...defaultProps} />);
});
it('renders a Select', () => {
expect(wrapper.find(Select)).to.have.lengthOf(1);
});
it('calls onChange when toggled', () => {
const select = wrapper.find(Select);
select.simulate('change', { value: 50 });
expect(defaultProps.onChange.calledWith('row_limit', 50)).to.be.true;
});
it('renders a Creatable for freeform', () => {
wrapper = shallow(<SelectField {...defaultProps} freeForm />);
expect(wrapper.find(Creatable)).to.have.lengthOf(1);
});
});