mirror of
https://github.com/apache/superset.git
synced 2024-09-19 20:19:37 -04:00
129 lines
4.2 KiB
TypeScript
129 lines
4.2 KiB
TypeScript
import { getChartAlias, Slice } from 'cypress/utils/vizPlugins';
|
|
|
|
/**
|
|
* 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.
|
|
*/
|
|
export const WORLD_HEALTH_DASHBOARD = '/superset/dashboard/world_health/';
|
|
export const TABBED_DASHBOARD = '/superset/dashboard/tabbed_dash/';
|
|
|
|
export const CHECK_DASHBOARD_FAVORITE_ENDPOINT =
|
|
'/superset/favstar/Dashboard/*/count';
|
|
|
|
export const WORLD_HEALTH_CHARTS = [
|
|
{ name: '% Rural', viz: 'world_map' },
|
|
{ name: 'Most Populated Countries', viz: 'table' },
|
|
{ name: 'Region Filter', viz: 'filter_box' },
|
|
{ name: "World's Population", viz: 'big_number' },
|
|
{ name: 'Growth Rate', viz: 'line' },
|
|
{ name: 'Rural Breakdown', viz: 'sunburst' },
|
|
{ name: "World's Pop Growth", viz: 'area' },
|
|
{ name: 'Life Expectancy VS Rural %', viz: 'bubble' },
|
|
{ name: 'Treemap', viz: 'treemap' },
|
|
{ name: 'Box plot', viz: 'box_plot' },
|
|
] as const;
|
|
|
|
/** Used to specify charts expected by the test suite */
|
|
export interface ChartSpec {
|
|
name: string;
|
|
viz: string;
|
|
}
|
|
|
|
export function getChartGridComponent({ name, viz }: ChartSpec) {
|
|
return cy
|
|
.get(`[data-test="chart-grid-component"][data-test-chart-name="${name}"]`)
|
|
.should('have.attr', 'data-test-viz-type', viz);
|
|
}
|
|
|
|
export function waitForChartLoad(chart: ChartSpec) {
|
|
return getChartGridComponent(chart).then(gridComponent => {
|
|
const chartId = gridComponent.attr('data-test-chart-id');
|
|
// the chart should load in under half a minute
|
|
return (
|
|
cy
|
|
// this id only becomes visible when the chart is loaded
|
|
.get(`[data-test="chart-grid-component"] #chart-id-${chartId}`, {
|
|
timeout: 30000,
|
|
})
|
|
.should('be.visible')
|
|
// return the chart grid component
|
|
.then(() => gridComponent)
|
|
);
|
|
});
|
|
}
|
|
|
|
const toSlicelike = ($chart: JQuery<HTMLElement>): Slice => ({
|
|
slice_id: parseInt($chart.attr('data-test-chart-id')!, 10),
|
|
form_data: {
|
|
viz_type: $chart.attr('data-test-viz-type')!,
|
|
},
|
|
});
|
|
|
|
export function getChartAliasBySpec(chart: ChartSpec) {
|
|
return getChartGridComponent(chart).then($chart =>
|
|
cy.wrap(getChartAlias(toSlicelike($chart))),
|
|
);
|
|
}
|
|
|
|
export function getChartAliasesBySpec(charts: readonly ChartSpec[]) {
|
|
const aliases: string[] = [];
|
|
charts.forEach(chart =>
|
|
getChartAliasBySpec(chart).then(alias => {
|
|
aliases.push(alias);
|
|
}),
|
|
);
|
|
// Wrapping the aliases is key.
|
|
// That way callers can chain off this function
|
|
// and actually get the list of aliases.
|
|
return cy.wrap(aliases);
|
|
}
|
|
|
|
/**
|
|
* Drag an element and drop it to another element.
|
|
* Usage:
|
|
* drag(source).to(target);
|
|
*/
|
|
export function drag(selector: string, content: string | number | RegExp) {
|
|
const dataTransfer = { data: {} };
|
|
return {
|
|
to(target: string | Cypress.Chainable) {
|
|
cy.get('.dragdroppable')
|
|
.contains(selector, content)
|
|
.trigger('mousedown', { which: 1 })
|
|
.trigger('dragstart', { dataTransfer })
|
|
.trigger('drag', {});
|
|
|
|
(typeof target === 'string' ? cy.get(target) : target)
|
|
.trigger('dragover', { dataTransfer })
|
|
.trigger('drop', { dataTransfer })
|
|
.trigger('dragend', { dataTransfer })
|
|
.trigger('mouseup', { which: 1 });
|
|
},
|
|
};
|
|
}
|
|
|
|
export function resize(selector: string) {
|
|
return {
|
|
to(cordX: number, cordY: number) {
|
|
cy.get(selector)
|
|
.trigger('mousedown', { which: 1 })
|
|
.trigger('mousemove', { which: 1, cordX, cordY, force: true })
|
|
.trigger('mouseup', { which: 1, force: true });
|
|
},
|
|
};
|
|
}
|