mirror of
https://github.com/apache/superset.git
synced 2026-04-19 16:14:52 +00:00
refactor(monorepo): move superset-ui to superset(stage 2) (#17552)
This commit is contained in:
@@ -0,0 +1,51 @@
|
||||
/**
|
||||
* 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 buildQuery from '../../src/Tree/buildQuery';
|
||||
|
||||
describe('Tree buildQuery', () => {
|
||||
it('should build query', () => {
|
||||
const formData = {
|
||||
datasource: '5__table',
|
||||
granularity_sqla: 'ds',
|
||||
id: 'id_col',
|
||||
parent: 'relation_col',
|
||||
name: 'name_col',
|
||||
metrics: ['foo', 'bar'],
|
||||
viz_type: 'my_chart',
|
||||
};
|
||||
const queryContext = buildQuery(formData);
|
||||
const [query] = queryContext.queries;
|
||||
expect(query.columns).toEqual(['id_col', 'relation_col', 'name_col']);
|
||||
expect(query.metrics).toEqual(['foo', 'bar']);
|
||||
});
|
||||
it('should build query without name column', () => {
|
||||
const formData = {
|
||||
datasource: '5__table',
|
||||
granularity_sqla: 'ds',
|
||||
id: 'id_col',
|
||||
parent: 'relation_col',
|
||||
metrics: ['foo', 'bar'],
|
||||
viz_type: 'my_chart',
|
||||
};
|
||||
const queryContext = buildQuery(formData);
|
||||
const [query] = queryContext.queries;
|
||||
expect(query.columns).toEqual(['id_col', 'relation_col']);
|
||||
expect(query.metrics).toEqual(['foo', 'bar']);
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,420 @@
|
||||
/**
|
||||
* 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 { ChartProps } from '@superset-ui/core';
|
||||
import transformProps from '../../src/Tree/transformProps';
|
||||
|
||||
describe('EchartsTree tranformProps', () => {
|
||||
const formData = {
|
||||
colorScheme: 'bnbColors',
|
||||
datasource: '3__table',
|
||||
granularity_sqla: 'ds',
|
||||
metric: 'count',
|
||||
id: 'id_column',
|
||||
parent: 'relation_column',
|
||||
name: 'name_column',
|
||||
rootNodeId: '1',
|
||||
};
|
||||
const chartPropsConfig = {
|
||||
formData,
|
||||
width: 800,
|
||||
height: 600,
|
||||
};
|
||||
it('should tranform when parent present before child', () => {
|
||||
const queriesData = [
|
||||
{
|
||||
colnames: ['id_column', 'relation_column', 'name_column', 'count'],
|
||||
data: [
|
||||
{
|
||||
id_column: '1',
|
||||
relation_column: null,
|
||||
name_column: 'root',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '2',
|
||||
relation_column: '1',
|
||||
name_column: 'first_child',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '3',
|
||||
relation_column: '2',
|
||||
name_column: 'second_child',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '4',
|
||||
relation_column: '3',
|
||||
name_column: 'third_child',
|
||||
count: 10,
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const chartProps = new ChartProps({ ...chartPropsConfig, queriesData });
|
||||
expect(transformProps(chartProps)).toEqual(
|
||||
expect.objectContaining({
|
||||
width: 800,
|
||||
height: 600,
|
||||
echartOptions: expect.objectContaining({
|
||||
series: expect.arrayContaining([
|
||||
expect.objectContaining({
|
||||
data: [
|
||||
{
|
||||
name: 'root',
|
||||
children: [
|
||||
{
|
||||
name: 'first_child',
|
||||
value: 10,
|
||||
children: [
|
||||
{
|
||||
name: 'second_child',
|
||||
value: 10,
|
||||
children: [
|
||||
{ name: 'third_child', value: 10, children: [] },
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}),
|
||||
]),
|
||||
}),
|
||||
}),
|
||||
);
|
||||
});
|
||||
it('should tranform when child is present before parent', () => {
|
||||
const queriesData = [
|
||||
{
|
||||
colnames: ['id_column', 'relation_column', 'name_column', 'count'],
|
||||
data: [
|
||||
{
|
||||
id_column: '1',
|
||||
relation_column: null,
|
||||
name_column: 'root',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '2',
|
||||
relation_column: '4',
|
||||
name_column: 'second_child',
|
||||
count: 20,
|
||||
},
|
||||
{
|
||||
id_column: '3',
|
||||
relation_column: '4',
|
||||
name_column: 'second_child',
|
||||
count: 30,
|
||||
},
|
||||
{
|
||||
id_column: '4',
|
||||
relation_column: '1',
|
||||
name_column: 'first_child',
|
||||
count: 40,
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const chartProps = new ChartProps({ ...chartPropsConfig, queriesData });
|
||||
expect(transformProps(chartProps)).toEqual(
|
||||
expect.objectContaining({
|
||||
width: 800,
|
||||
height: 600,
|
||||
echartOptions: expect.objectContaining({
|
||||
series: expect.arrayContaining([
|
||||
expect.objectContaining({
|
||||
data: [
|
||||
{
|
||||
name: 'root',
|
||||
children: [
|
||||
{
|
||||
name: 'first_child',
|
||||
value: 40,
|
||||
children: [
|
||||
{
|
||||
name: 'second_child',
|
||||
value: 20,
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
name: 'second_child',
|
||||
value: 30,
|
||||
children: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}),
|
||||
]),
|
||||
}),
|
||||
}),
|
||||
);
|
||||
});
|
||||
it('ignore node if not attached to root', () => {
|
||||
const formData = {
|
||||
colorScheme: 'bnbColors',
|
||||
datasource: '3__table',
|
||||
granularity_sqla: 'ds',
|
||||
metric: 'count',
|
||||
id: 'id_column',
|
||||
parent: 'relation_column',
|
||||
name: 'name_column',
|
||||
rootNodeId: '2',
|
||||
};
|
||||
const chartPropsConfig = {
|
||||
formData,
|
||||
width: 800,
|
||||
height: 600,
|
||||
};
|
||||
const queriesData = [
|
||||
{
|
||||
colnames: ['id_column', 'relation_column', 'name_column', 'count'],
|
||||
data: [
|
||||
{
|
||||
id_column: '1',
|
||||
relation_column: null,
|
||||
name_column: 'root',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '2',
|
||||
relation_column: '1',
|
||||
name_column: 'first_child',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '3',
|
||||
relation_column: '2',
|
||||
name_column: 'second_child',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '4',
|
||||
relation_column: '3',
|
||||
name_column: 'third_child',
|
||||
count: 20,
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const chartProps = new ChartProps({ ...chartPropsConfig, queriesData });
|
||||
expect(transformProps(chartProps)).toEqual(
|
||||
expect.objectContaining({
|
||||
width: 800,
|
||||
height: 600,
|
||||
echartOptions: expect.objectContaining({
|
||||
series: expect.arrayContaining([
|
||||
expect.objectContaining({
|
||||
data: [
|
||||
{
|
||||
name: 'first_child',
|
||||
children: [
|
||||
{
|
||||
name: 'second_child',
|
||||
value: 10,
|
||||
children: [
|
||||
{
|
||||
name: 'third_child',
|
||||
value: 20,
|
||||
children: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}),
|
||||
]),
|
||||
}),
|
||||
}),
|
||||
);
|
||||
});
|
||||
it('should transform props if name column is not specified', () => {
|
||||
const formData = {
|
||||
colorScheme: 'bnbColors',
|
||||
datasource: '3__table',
|
||||
granularity_sqla: 'ds',
|
||||
metric: 'count',
|
||||
id: 'id_column',
|
||||
parent: 'relation_column',
|
||||
rootNodeId: '1',
|
||||
};
|
||||
const chartPropsConfig = {
|
||||
formData,
|
||||
width: 800,
|
||||
height: 600,
|
||||
};
|
||||
const queriesData = [
|
||||
{
|
||||
colnames: ['id_column', 'relation_column', 'count'],
|
||||
data: [
|
||||
{
|
||||
id_column: '1',
|
||||
relation_column: null,
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '2',
|
||||
relation_column: '1',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '3',
|
||||
relation_column: '2',
|
||||
count: 10,
|
||||
},
|
||||
{
|
||||
id_column: '4',
|
||||
relation_column: '3',
|
||||
count: 20,
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const chartProps = new ChartProps({ ...chartPropsConfig, queriesData });
|
||||
expect(transformProps(chartProps)).toEqual(
|
||||
expect.objectContaining({
|
||||
width: 800,
|
||||
height: 600,
|
||||
echartOptions: expect.objectContaining({
|
||||
series: expect.arrayContaining([
|
||||
expect.objectContaining({
|
||||
data: [
|
||||
{
|
||||
name: '1',
|
||||
children: [
|
||||
{
|
||||
name: '2',
|
||||
value: 10,
|
||||
children: [
|
||||
{
|
||||
name: '3',
|
||||
value: 10,
|
||||
children: [
|
||||
{
|
||||
name: '4',
|
||||
value: 20,
|
||||
children: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}),
|
||||
]),
|
||||
}),
|
||||
}),
|
||||
);
|
||||
});
|
||||
it('should find root node with null parent when root node name is not provided', () => {
|
||||
const formData = {
|
||||
colorScheme: 'bnbColors',
|
||||
datasource: '3__table',
|
||||
granularity_sqla: 'ds',
|
||||
metric: 'count',
|
||||
id: 'id_column',
|
||||
parent: 'relation_column',
|
||||
name: 'name_column',
|
||||
};
|
||||
const chartPropsConfig = {
|
||||
formData,
|
||||
width: 800,
|
||||
height: 600,
|
||||
};
|
||||
const queriesData = [
|
||||
{
|
||||
colnames: ['id_column', 'relation_column', 'name_column', 'count'],
|
||||
data: [
|
||||
{
|
||||
id_column: '2',
|
||||
relation_column: '4',
|
||||
name_column: 'second_child',
|
||||
count: 20,
|
||||
},
|
||||
{
|
||||
id_column: '3',
|
||||
relation_column: '4',
|
||||
name_column: 'second_child',
|
||||
count: 30,
|
||||
},
|
||||
{
|
||||
id_column: '4',
|
||||
relation_column: '1',
|
||||
name_column: 'first_child',
|
||||
count: 40,
|
||||
},
|
||||
{
|
||||
id_column: '1',
|
||||
relation_column: null,
|
||||
name_column: 'root',
|
||||
count: 10,
|
||||
},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
const chartProps = new ChartProps({ ...chartPropsConfig, queriesData });
|
||||
expect(transformProps(chartProps)).toEqual(
|
||||
expect.objectContaining({
|
||||
width: 800,
|
||||
height: 600,
|
||||
echartOptions: expect.objectContaining({
|
||||
series: expect.arrayContaining([
|
||||
expect.objectContaining({
|
||||
data: [
|
||||
{
|
||||
name: 'root',
|
||||
children: [
|
||||
{
|
||||
name: 'first_child',
|
||||
value: 40,
|
||||
children: [
|
||||
{
|
||||
name: 'second_child',
|
||||
value: 20,
|
||||
children: [],
|
||||
},
|
||||
{
|
||||
name: 'second_child',
|
||||
value: 30,
|
||||
children: [],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
},
|
||||
],
|
||||
}),
|
||||
]),
|
||||
}),
|
||||
}),
|
||||
);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user