mirror of
https://github.com/getredash/redash.git
synced 2026-03-23 04:00:09 -04:00
0f88a23835
Numbers: https://d3-wiki.readthedocs.io/zh_CN/master/Formatting/ Date/Time: https://d3-wiki.readthedocs.io/zh_CN/master/Time-Formatting/
105 lines
3.2 KiB
JavaScript
105 lines
3.2 KiB
JavaScript
/**
|
|
* Asserts the preview canvas exists, then captures the g.points element, which should be generated by plotly and asserts whether it exists
|
|
* @param should Passed to should expression after plot points are captured
|
|
*/
|
|
export function assertPlotPreview(should = "exist") {
|
|
cy.getByTestId("VisualizationPreview")
|
|
.find("g.plot")
|
|
.should("exist")
|
|
.find("g.points")
|
|
.should(should);
|
|
}
|
|
|
|
export function createChartThroughUI(chartName, chartSpecificAssertionFn = () => {}) {
|
|
cy.getByTestId("NewVisualization").click();
|
|
cy.getByTestId("VisualizationType").selectAntdOption("VisualizationType.CHART");
|
|
cy.getByTestId("VisualizationName")
|
|
.clear()
|
|
.type(chartName);
|
|
|
|
chartSpecificAssertionFn();
|
|
|
|
cy.server();
|
|
cy.route("POST", "**/api/visualizations").as("SaveVisualization");
|
|
|
|
cy.getByTestId("EditVisualizationDialog")
|
|
.contains("button", "Save")
|
|
.click();
|
|
|
|
cy.getByTestId("QueryPageVisualizationTabs")
|
|
.contains("span", chartName)
|
|
.should("exist");
|
|
|
|
cy.wait("@SaveVisualization").should("have.property", "status", 200);
|
|
|
|
return cy.get("@SaveVisualization").then(xhr => {
|
|
const { id, name, options } = xhr.response.body;
|
|
return cy.wrap({ id, name, options });
|
|
});
|
|
}
|
|
|
|
export function assertTabbedEditor(chartSpecificTabbedEditorAssertionFn = () => {}) {
|
|
cy.getByTestId("Chart.GlobalSeriesType").should("exist");
|
|
|
|
cy.getByTestId("VisualizationEditor.Tabs.Series").click();
|
|
cy.getByTestId("VisualizationEditor")
|
|
.find("table")
|
|
.should("exist");
|
|
|
|
cy.getByTestId("VisualizationEditor.Tabs.Colors").click();
|
|
cy.getByTestId("VisualizationEditor")
|
|
.find("table")
|
|
.should("exist");
|
|
|
|
cy.getByTestId("VisualizationEditor.Tabs.DataLabels").click();
|
|
cy.getByTestId("VisualizationEditor")
|
|
.getByTestId("Chart.DataLabels.ShowDataLabels")
|
|
.should("exist");
|
|
|
|
chartSpecificTabbedEditorAssertionFn();
|
|
|
|
cy.getByTestId("VisualizationEditor.Tabs.General").click();
|
|
}
|
|
|
|
export function assertAxesAndAddLabels(xaxisLabel, yaxisLabel) {
|
|
cy.getByTestId("VisualizationEditor.Tabs.XAxis").click();
|
|
cy.getByTestId("Chart.XAxis.Type")
|
|
.contains(".ant-select-selection-item", "Auto Detect")
|
|
.should("exist");
|
|
|
|
cy.getByTestId("Chart.XAxis.Name")
|
|
.clear()
|
|
.type(xaxisLabel);
|
|
|
|
cy.getByTestId("VisualizationEditor.Tabs.YAxis").click();
|
|
cy.getByTestId("Chart.LeftYAxis.Type")
|
|
.contains(".ant-select-selection-item", "Linear")
|
|
.should("exist");
|
|
|
|
cy.getByTestId("Chart.LeftYAxis.Name")
|
|
.clear()
|
|
.type(yaxisLabel);
|
|
|
|
cy.getByTestId("Chart.LeftYAxis.TickFormat")
|
|
.clear()
|
|
.type("+");
|
|
|
|
cy.getByTestId("VisualizationEditor.Tabs.General").click();
|
|
}
|
|
|
|
export function createDashboardWithCharts(title, chartGetters, widgetsAssertionFn = () => {}) {
|
|
cy.createDashboard(title).then(dashboard => {
|
|
const dashboardUrl = `/dashboards/${dashboard.id}`;
|
|
const widgetGetters = chartGetters.map(chartGetter => `${chartGetter}Widget`);
|
|
|
|
chartGetters.forEach((chartGetter, i) => {
|
|
const position = { autoHeight: false, sizeY: 8, sizeX: 3, col: (i % 2) * 3 };
|
|
cy.get(`@${chartGetter}`)
|
|
.then(chart => cy.addWidget(dashboard.id, chart.id, { position }))
|
|
.as(widgetGetters[i]);
|
|
});
|
|
|
|
widgetsAssertionFn(widgetGetters, dashboardUrl);
|
|
});
|
|
}
|