refactor(monorepo): move superset-ui to superset(stage 2) (#17552)

superset-frontend/plugins/plugin-chart-echarts/test/Funnel/buildQuery.test.ts

@@ -0,0 +1,36 @@
+/**
+ * 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/Funnel/buildQuery';
+
+describe('Funnel buildQuery', () => {
+  const formData = {
+    datasource: '5__table',
+    granularity_sqla: 'ds',
+    metric: 'foo',
+    groupby: ['bar'],
+    viz_type: 'my_chart',
+  };
+
+  it('should build query fields from form data', () => {
+    const queryContext = buildQuery(formData);
+    const [query] = queryContext.queries;
+    expect(query.metrics).toEqual(['foo']);
+    expect(query.columns).toEqual(['bar']);
+  });
+});

superset-frontend/plugins/plugin-chart-echarts/test/Funnel/transformProps.test.ts

@@ -0,0 +1,135 @@
+/**
+ * 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, getNumberFormatter } from '@superset-ui/core';
+import transformProps, {
+  formatFunnelLabel,
+} from '../../src/Funnel/transformProps';
+import { EchartsFunnelLabelTypeType } from '../../src/Funnel/types';
+
+describe('Funnel tranformProps', () => {
+  const formData = {
+    colorScheme: 'bnbColors',
+    datasource: '3__table',
+    granularity_sqla: 'ds',
+    metric: 'sum__num',
+    groupby: ['foo', 'bar'],
+  };
+  const chartProps = new ChartProps({
+    formData,
+    width: 800,
+    height: 600,
+    queriesData: [
+      {
+        data: [
+          { foo: 'Sylvester', bar: 1, sum__num: 10 },
+          { foo: 'Arnold', bar: 2, sum__num: 2.5 },
+        ],
+      },
+    ],
+  });
+
+  it('should tranform chart props for viz', () => {
+    expect(transformProps(chartProps)).toEqual(
+      expect.objectContaining({
+        width: 800,
+        height: 600,
+        echartOptions: expect.objectContaining({
+          series: [
+            expect.objectContaining({
+              data: expect.arrayContaining([
+                expect.objectContaining({
+                  name: 'Arnold, 2',
+                  value: 2.5,
+                }),
+                expect.objectContaining({
+                  name: 'Sylvester, 1',
+                  value: 10,
+                }),
+              ]),
+            }),
+          ],
+        }),
+      }),
+    );
+  });
+});
+
+describe('formatFunnelLabel', () => {
+  it('should generate a valid funnel chart label', () => {
+    const numberFormatter = getNumberFormatter();
+    const params = { name: 'My Label', value: 1234, percent: 12.34 };
+    expect(
+      formatFunnelLabel({
+        params,
+        numberFormatter,
+        labelType: EchartsFunnelLabelTypeType.Key,
+      }),
+    ).toEqual('My Label');
+    expect(
+      formatFunnelLabel({
+        params,
+        numberFormatter,
+        labelType: EchartsFunnelLabelTypeType.Value,
+      }),
+    ).toEqual('1.23k');
+    expect(
+      formatFunnelLabel({
+        params,
+        numberFormatter,
+        labelType: EchartsFunnelLabelTypeType.Percent,
+      }),
+    ).toEqual('12.34%');
+    expect(
+      formatFunnelLabel({
+        params,
+        numberFormatter,
+        labelType: EchartsFunnelLabelTypeType.KeyValue,
+      }),
+    ).toEqual('My Label: 1.23k');
+    expect(
+      formatFunnelLabel({
+        params,
+        numberFormatter,
+        labelType: EchartsFunnelLabelTypeType.KeyPercent,
+      }),
+    ).toEqual('My Label: 12.34%');
+    expect(
+      formatFunnelLabel({
+        params,
+        numberFormatter,
+        labelType: EchartsFunnelLabelTypeType.KeyValuePercent,
+      }),
+    ).toEqual('My Label: 1.23k (12.34%)');
+    expect(
+      formatFunnelLabel({
+        params: { ...params, name: '<NULL>' },
+        numberFormatter,
+        labelType: EchartsFunnelLabelTypeType.Key,
+      }),
+    ).toEqual('<NULL>');
+    expect(
+      formatFunnelLabel({
+        params: { ...params, name: '<NULL>' },
+        numberFormatter,
+        labelType: EchartsFunnelLabelTypeType.Key,
+        sanitizeName: true,
+      }),
+    ).toEqual('&lt;NULL&gt;');
+  });
+});