SIP-32: Moving frontend code to the base of the repo (#9098)

* move assets out, get webpack dev working

* update docs to reference superset-frontend

* draw the rest of the owl

* fix docs

* fix webpack script

* rats

* correct docs

* fix tox dox

superset-frontend/spec/javascripts/explore/components/SelectControl_spec.jsx

@@ -0,0 +1,166 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+/* eslint-disable no-unused-expressions */
+import React from 'react';
+import Select, { Creatable } from 'react-select';
+import VirtualizedSelect from 'react-virtualized-select';
+import sinon from 'sinon';
+import { shallow } from 'enzyme';
+import OnPasteSelect from '../../../../src/components/OnPasteSelect';
+import VirtualizedRendererWrap from '../../../../src/components/VirtualizedRendererWrap';
+import SelectControl from '../../../../src/explore/components/controls/SelectControl';
+
+const defaultProps = {
+  choices: [
+    ['1 year ago', '1 year ago'],
+    ['today', 'today'],
+  ],
+  name: 'row_limit',
+  label: 'Row Limit',
+  valueKey: 'value', // shallow isn't passing SelectControl.defaultProps.valueKey through
+  onChange: sinon.spy(),
+};
+
+const options = [
+  { value: '1 year ago', label: '1 year ago' },
+  { value: 'today', label: 'today' },
+];
+
+describe('SelectControl', () => {
+  let wrapper;
+
+  beforeEach(() => {
+    wrapper = shallow(<SelectControl {...defaultProps} />);
+    wrapper.setProps(defaultProps);
+  });
+
+  it('renders an OnPasteSelect', () => {
+    expect(wrapper.find(OnPasteSelect)).toHaveLength(1);
+  });
+
+  it('calls onChange when toggled', () => {
+    const select = wrapper.find(OnPasteSelect);
+    select.simulate('change', { value: 50 });
+    expect(defaultProps.onChange.calledWith(50)).toBe(true);
+  });
+
+  it('returns all options on select all', () => {
+    const expectedValues = ['one', 'two'];
+    const selectAllProps = {
+      multi: true,
+      allowAll: true,
+      choices: expectedValues,
+      name: 'row_limit',
+      label: 'Row Limit',
+      valueKey: 'value',
+      onChange: sinon.spy(),
+    };
+    wrapper.setProps(selectAllProps);
+    const select = wrapper.find(OnPasteSelect);
+    select.simulate('change', [{ meta: true, value: 'Select All' }]);
+    expect(selectAllProps.onChange.calledWith(expectedValues)).toBe(true);
+  });
+
+  it('passes VirtualizedSelect as selectWrap', () => {
+    const select = wrapper.find(OnPasteSelect);
+    expect(select.props().selectWrap).toBe(VirtualizedSelect);
+  });
+
+  it('passes Creatable as selectComponent when freeForm=true', () => {
+    wrapper = shallow(<SelectControl {...defaultProps} freeForm />);
+    const select = wrapper.find(OnPasteSelect);
+    expect(select.props().selectComponent).toBe(Creatable);
+  });
+
+  it('passes Select as selectComponent when freeForm=false', () => {
+    const select = wrapper.find(OnPasteSelect);
+    expect(select.props().selectComponent).toBe(Select);
+  });
+
+  it('wraps optionRenderer in a VirtualizedRendererWrap', () => {
+    const select = wrapper.find(OnPasteSelect);
+    const defaultOptionRenderer = SelectControl.defaultProps.optionRenderer;
+    const wrappedRenderer = VirtualizedRendererWrap(defaultOptionRenderer);
+    expect(typeof select.props().optionRenderer).toBe('function');
+    // different instances of wrapper with same inner renderer are unequal
+    expect(select.props().optionRenderer.name).toBe(wrappedRenderer.name);
+  });
+
+  describe('getOptions', () => {
+    it('returns the correct options', () => {
+      wrapper.setProps(defaultProps);
+      expect(wrapper.instance().getOptions(defaultProps)).toEqual(options);
+    });
+
+    it('shows Select-All when enabled', () => {
+      const selectAllProps = {
+        choices: ['one', 'two'],
+        name: 'name',
+        freeForm: true,
+        allowAll: true,
+        multi: true,
+        valueKey: 'value',
+      };
+      wrapper.setProps(selectAllProps);
+      expect(wrapper.instance().getOptions(selectAllProps)).toContainEqual({
+        label: 'Select All',
+        meta: true,
+        value: 'Select All',
+      });
+    });
+
+    it('returns the correct options when freeform is set to true', () => {
+      const freeFormProps = {
+        choices: [],
+        freeForm: true,
+        value: ['one', 'two'],
+        name: 'row_limit',
+        label: 'Row Limit',
+        valueKey: 'value',
+        onChange: sinon.spy(),
+      };
+      const newOptions = [
+        { value: 'one', label: 'one' },
+        { value: 'two', label: 'two' },
+      ];
+      wrapper.setProps(freeFormProps);
+      expect(wrapper.instance().getOptions(freeFormProps)).toEqual(newOptions);
+    });
+  });
+
+  describe('componentWillReceiveProps', () => {
+    it('sets state.options if props.choices has changed', () => {
+      const updatedOptions = [
+        { value: 'three', label: 'three' },
+        { value: 'four', label: 'four' },
+      ];
+      const newProps = {
+        choices: [
+          ['three', 'three'],
+          ['four', 'four'],
+        ],
+        name: 'name',
+        freeForm: false,
+        value: null,
+      };
+      wrapper.setProps(newProps);
+      expect(wrapper.state().options).toEqual(updatedOptions);
+    });
+  });
+});