2019-01-15 18:53:27 -05:00
|
|
|
/**
|
|
|
|
* 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.
|
|
|
|
*/
|
2017-06-09 14:29:55 -04:00
|
|
|
import React from 'react';
|
|
|
|
import { shallow } from 'enzyme';
|
|
|
|
|
2018-04-18 00:05:01 -04:00
|
|
|
import MetricOption from '../../../src/components/MetricOption';
|
|
|
|
import ColumnTypeLabel from '../../../src/components/ColumnTypeLabel';
|
|
|
|
import InfoTooltipWithTrigger from '../../../src/components/InfoTooltipWithTrigger';
|
2017-06-09 14:29:55 -04:00
|
|
|
|
|
|
|
describe('MetricOption', () => {
|
|
|
|
const defaultProps = {
|
|
|
|
metric: {
|
|
|
|
metric_name: 'foo',
|
|
|
|
verbose_name: 'Foo',
|
|
|
|
expression: 'SUM(foo)',
|
|
|
|
description: 'Foo is the greatest metric of all',
|
2017-09-22 12:49:13 -04:00
|
|
|
warning_text: 'Be careful when using foo',
|
2017-06-09 14:29:55 -04:00
|
|
|
},
|
2018-03-16 17:19:09 -04:00
|
|
|
showType: false,
|
2017-06-09 14:29:55 -04:00
|
|
|
};
|
|
|
|
|
|
|
|
let wrapper;
|
|
|
|
let props;
|
|
|
|
const factory = o => <MetricOption {...o} />;
|
|
|
|
beforeEach(() => {
|
|
|
|
wrapper = shallow(factory(defaultProps));
|
2020-04-03 20:05:16 -04:00
|
|
|
props = { ...defaultProps };
|
2017-06-09 14:29:55 -04:00
|
|
|
});
|
|
|
|
it('is a valid element', () => {
|
2018-10-15 16:10:18 -04:00
|
|
|
expect(React.isValidElement(<MetricOption {...defaultProps} />)).toBe(true);
|
2017-06-09 14:29:55 -04:00
|
|
|
});
|
|
|
|
it('shows a label with verbose_name', () => {
|
|
|
|
const lbl = wrapper.find('.option-label');
|
2018-10-15 16:10:18 -04:00
|
|
|
expect(lbl).toHaveLength(1);
|
|
|
|
expect(lbl.first().text()).toBe('Foo');
|
2017-06-09 14:29:55 -04:00
|
|
|
});
|
2017-09-22 12:49:13 -04:00
|
|
|
it('shows 3 InfoTooltipWithTrigger', () => {
|
2018-10-15 16:10:18 -04:00
|
|
|
expect(wrapper.find(InfoTooltipWithTrigger)).toHaveLength(3);
|
2017-06-09 14:29:55 -04:00
|
|
|
});
|
2017-09-22 12:49:13 -04:00
|
|
|
it('shows only 2 InfoTooltipWithTrigger when no descr', () => {
|
2017-06-09 14:29:55 -04:00
|
|
|
props.metric.description = null;
|
|
|
|
wrapper = shallow(factory(props));
|
2018-10-15 16:10:18 -04:00
|
|
|
expect(wrapper.find(InfoTooltipWithTrigger)).toHaveLength(2);
|
2017-06-09 14:29:55 -04:00
|
|
|
});
|
|
|
|
it('shows a label with metric_name when no verbose_name', () => {
|
|
|
|
props.metric.verbose_name = null;
|
|
|
|
wrapper = shallow(factory(props));
|
2019-11-27 17:02:48 -05:00
|
|
|
expect(
|
|
|
|
wrapper
|
|
|
|
.find('.option-label')
|
|
|
|
.first()
|
|
|
|
.text(),
|
|
|
|
).toBe('foo');
|
2017-06-09 14:29:55 -04:00
|
|
|
});
|
2017-09-22 12:49:13 -04:00
|
|
|
it('shows only 1 InfoTooltipWithTrigger when no descr and no warning', () => {
|
|
|
|
props.metric.warning_text = null;
|
|
|
|
wrapper = shallow(factory(props));
|
2018-10-15 16:10:18 -04:00
|
|
|
expect(wrapper.find(InfoTooltipWithTrigger)).toHaveLength(1);
|
2017-09-22 12:49:13 -04:00
|
|
|
});
|
2017-11-03 15:37:15 -04:00
|
|
|
it('sets target="_blank" when openInNewWindow is true', () => {
|
|
|
|
props.url = 'https://github.com/apache/incubator-superset';
|
|
|
|
wrapper = shallow(factory(props));
|
2018-10-15 16:10:18 -04:00
|
|
|
expect(wrapper.find('a').prop('target')).toBeNull();
|
2017-11-03 15:37:15 -04:00
|
|
|
|
|
|
|
props.openInNewWindow = true;
|
|
|
|
wrapper = shallow(factory(props));
|
2018-10-15 16:10:18 -04:00
|
|
|
expect(wrapper.find('a').prop('target')).toBe('_blank');
|
2017-11-03 15:37:15 -04:00
|
|
|
});
|
2018-03-16 17:19:09 -04:00
|
|
|
it('shows a metric type label when showType is true', () => {
|
|
|
|
props.showType = true;
|
|
|
|
wrapper = shallow(factory(props));
|
2018-10-15 16:10:18 -04:00
|
|
|
expect(wrapper.find(ColumnTypeLabel)).toHaveLength(1);
|
2018-03-16 17:19:09 -04:00
|
|
|
});
|
2017-06-09 14:29:55 -04:00
|
|
|
});
|