mirror of
https://github.com/apache/superset.git
synced 2026-04-24 10:35:01 +00:00
3f1dfb3173
* Adding column type label to dropdowns * Changing the style of column type label * Adding tests for ColumnTypeLabel * Adding tests for time and fixing if statement order * Changing location of ColumnTypeLabel tests * Updating ColumnTypeLabel structure
68 lines
2.4 KiB
JavaScript
68 lines
2.4 KiB
JavaScript
import React from 'react';
|
|
import { expect } from 'chai';
|
|
import { describe, it } from 'mocha';
|
|
import { shallow } from 'enzyme';
|
|
|
|
import ColumnOption from '../../../javascripts/components/ColumnOption';
|
|
import ColumnTypeLabel from '../../../javascripts/components/ColumnTypeLabel';
|
|
import InfoTooltipWithTrigger from '../../../javascripts/components/InfoTooltipWithTrigger';
|
|
|
|
describe('ColumnOption', () => {
|
|
const defaultProps = {
|
|
column: {
|
|
column_name: 'foo',
|
|
verbose_name: 'Foo',
|
|
expression: 'SUM(foo)',
|
|
description: 'Foo is the greatest column of all',
|
|
},
|
|
showType: false,
|
|
};
|
|
|
|
let wrapper;
|
|
let props;
|
|
const factory = o => <ColumnOption {...o} />;
|
|
beforeEach(() => {
|
|
wrapper = shallow(factory(defaultProps));
|
|
props = Object.assign({}, defaultProps);
|
|
});
|
|
it('is a valid element', () => {
|
|
expect(React.isValidElement(<ColumnOption {...defaultProps} />)).to.equal(true);
|
|
});
|
|
it('shows a label with verbose_name', () => {
|
|
const lbl = wrapper.find('.option-label');
|
|
expect(lbl).to.have.length(1);
|
|
expect(lbl.first().text()).to.equal('Foo');
|
|
});
|
|
it('shows 2 InfoTooltipWithTrigger', () => {
|
|
expect(wrapper.find(InfoTooltipWithTrigger)).to.have.length(2);
|
|
});
|
|
it('shows only 1 InfoTooltipWithTrigger when no descr', () => {
|
|
props.column.description = null;
|
|
wrapper = shallow(factory(props));
|
|
expect(wrapper.find(InfoTooltipWithTrigger)).to.have.length(1);
|
|
});
|
|
it('shows a label with column_name when no verbose_name', () => {
|
|
props.column.verbose_name = null;
|
|
wrapper = shallow(factory(props));
|
|
expect(wrapper.find('.option-label').first().text()).to.equal('foo');
|
|
});
|
|
it('shows a column type label when showType is true', () => {
|
|
props.showType = true;
|
|
wrapper = shallow(factory(props));
|
|
expect(wrapper.find(ColumnTypeLabel)).to.have.length(1);
|
|
});
|
|
it('column with expression has correct column label if showType is true', () => {
|
|
props.showType = true;
|
|
wrapper = shallow(factory(props));
|
|
expect(wrapper.find(ColumnTypeLabel)).to.have.length(1);
|
|
expect(wrapper.find(ColumnTypeLabel).props().type).to.equal('expression');
|
|
});
|
|
it('dttm column has correct column label if showType is true', () => {
|
|
props.showType = true;
|
|
props.column.is_dttm = true;
|
|
wrapper = shallow(factory(props));
|
|
expect(wrapper.find(ColumnTypeLabel)).to.have.length(1);
|
|
expect(wrapper.find(ColumnTypeLabel).props().type).to.equal('time');
|
|
});
|
|
});
|