mirror of
https://github.com/apache/superset.git
synced 2026-04-08 02:45:22 +00:00
35addee3ae
* update to datsource tab * second update * style updates * update style and fix metrics bug * updates to datsource panel * backgrounds and borders * more updates * shuffling some paddings around * more updates * moving some more paddings around! * Fixing sidebar width * using Global to adjust body layout * update test and fix bug * removing hotkeys * layout fixes for short content, simplifying some class names * more styles * add tooltip to collapse and div clickable * more updates * more updates for styles and add list component * update from comments * vising cosmetic issue with line-wrapping drop down caret on controls sections * controls area scrolling properly again. * change lists to old list and updates from comments * border radius from theme * add length field and updates from comments * more changes from comments * integrate health with new control * change callapse back from stylsheet more udpates * substitution string * more substitution strings * fix tests * datasource alignment * taking margin off the search input * update input to flex * fix lint * adjusting column/metric label stylng * fixing scrollable area layout, one more color variable * simplifying some styles * nixing a bad left margin * Using gridunit for padding * using gridUnit for padding * define types for datsource panel * fixing a padding issue Co-authored-by: Evan Rusackas <evan@preset.io>
108 lines
3.2 KiB
JavaScript
108 lines
3.2 KiB
JavaScript
/**
|
|
* 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 configureStore from 'redux-mock-store';
|
|
import { shallow } from 'enzyme';
|
|
import { Menu } from 'src/common/components';
|
|
import DatasourceModal from 'src/datasource/DatasourceModal';
|
|
import ChangeDatasourceModal from 'src/datasource/ChangeDatasourceModal';
|
|
import DatasourceControl from 'src/explore/components/controls/DatasourceControl';
|
|
import Icon from 'src/components/Icon';
|
|
import { Tooltip } from 'src/common/components/Tooltip';
|
|
|
|
const defaultProps = {
|
|
name: 'datasource',
|
|
label: 'Dataset',
|
|
value: '1__table',
|
|
datasource: {
|
|
name: 'birth_names',
|
|
type: 'table',
|
|
uid: '1__table',
|
|
id: 1,
|
|
columns: [],
|
|
metrics: [],
|
|
database: {
|
|
backend: 'mysql',
|
|
name: 'main',
|
|
},
|
|
health_check_message: 'Warning message!',
|
|
},
|
|
actions: {
|
|
setDatasource: sinon.spy(),
|
|
},
|
|
onChange: sinon.spy(),
|
|
};
|
|
|
|
describe('DatasourceControl', () => {
|
|
function setup(overrideProps) {
|
|
const mockStore = configureStore([]);
|
|
const store = mockStore({});
|
|
const props = {
|
|
...defaultProps,
|
|
...overrideProps,
|
|
};
|
|
return shallow(<DatasourceControl {...props} />, {
|
|
context: { store },
|
|
});
|
|
}
|
|
|
|
it('should not render Modal', () => {
|
|
const wrapper = setup();
|
|
expect(wrapper.find(DatasourceModal)).toHaveLength(0);
|
|
});
|
|
|
|
it('should not render ChangeDatasourceModal', () => {
|
|
const wrapper = setup();
|
|
expect(wrapper.find(ChangeDatasourceModal)).toHaveLength(0);
|
|
});
|
|
|
|
it('show or hide Edit Datasource option', () => {
|
|
let wrapper = setup();
|
|
expect(wrapper.find('[data-test="datasource-menu"]')).toExist();
|
|
let menuWrapper = shallow(
|
|
<div>
|
|
{wrapper.find('[data-test="datasource-menu"]').prop('overlay')}
|
|
</div>,
|
|
);
|
|
expect(menuWrapper.find(Menu.Item)).toHaveLength(3);
|
|
|
|
wrapper = setup({
|
|
isEditable: false,
|
|
});
|
|
expect(wrapper.find('[data-test="datasource-menu"]')).toExist();
|
|
menuWrapper = shallow(
|
|
<div>
|
|
{wrapper.find('[data-test="datasource-menu"]').prop('overlay')}
|
|
</div>,
|
|
);
|
|
expect(menuWrapper.find(Menu.Item)).toHaveLength(2);
|
|
});
|
|
|
|
it('should render health check message', () => {
|
|
const wrapper = setup();
|
|
const alert = wrapper.find(Icon);
|
|
expect(alert.at(1).prop('name')).toBe('alert-solid');
|
|
const tooltip = wrapper.find(Tooltip).at(1);
|
|
expect(tooltip.prop('title')).toBe(
|
|
defaultProps.datasource.health_check_message,
|
|
);
|
|
});
|
|
});
|