| /** |
| * 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. |
| */ |
| import React from 'react'; |
| import sinon from 'sinon'; |
| import { shallow } from 'enzyme'; |
| import { getChartMetadataRegistry, ChartMetadata } from '@superset-ui/core'; |
| import VizTypeControl from 'src/explore/components/controls/VizTypeControl'; |
| import Modal from 'src/components/Modal'; |
| |
| const defaultProps = { |
| name: 'viz_type', |
| label: 'Visualization Type', |
| value: 'vis1', |
| onChange: sinon.spy(), |
| }; |
| |
| describe('VizTypeControl', () => { |
| let wrapper; |
| |
| const registry = getChartMetadataRegistry(); |
| registry |
| .registerValue( |
| 'vis1', |
| new ChartMetadata({ |
| name: 'vis1', |
| thumbnail: '', |
| }), |
| ) |
| .registerValue( |
| 'vis2', |
| new ChartMetadata({ |
| name: 'vis2', |
| thumbnail: '', |
| }), |
| ); |
| |
| beforeEach(() => { |
| wrapper = shallow(<VizTypeControl {...defaultProps} />); |
| }); |
| |
| it('renders a Modal', () => { |
| expect(wrapper.find(Modal)).toExist(); |
| }); |
| |
| it('calls onChange when toggled', () => { |
| const select = wrapper.find('.viztype-selector-container').first(); |
| select.simulate('click'); |
| expect(defaultProps.onChange.called).toBe(true); |
| }); |
| it('filters images based on text input', () => { |
| expect(wrapper.find('img')).toHaveLength(2); |
| wrapper.find('FormControl').simulate('change', { |
| target: { |
| value: 'vis2', |
| }, |
| }); |
| expect(wrapper.find('img')).toExist(); |
| }); |
| }); |