mirror of https://github.com/grafana/grafana
Prometheus: Add e2e tests for decoupling (#80333)
* update selectors for prom * add selector to switch component, needs id instead of testid * add testid and ids to Prom settings * add e2e tests for prom config * add config to editor test * export select function * start query editor spec * clean up describe * add selectors for general query editor * add selectors to components in options in best locations * wrap header switch in id because component doesn't accept testid nor id * add id to wrap legend components in one selector * update selector in shared folder component, note to change in shared library * update selector in shared folder component, note to change in shared library * add notes for selectors in shared folder * add tests and file for query editor * add selectors for metrics browser in code editor * add selector to component to open metrics browser * add selectors to components within the metrics browser * add tests for metrics browser and stub resource calls * add selectors to query builder components * add e2e tests for query builder * generic query builder test with hints * add selectors for more code editor parts * add test for code and update selector * fix tests with selector * remove shared folder changes and use data-testid where possible * remove unused import * share getResources * create variable query editor selectors * add selectors to the variable query editor * add e2e tests for the Prometheus variable query editor * fix test function * refactor add data source method * add annotation selectors * add selectors to annotation components * add annotation e2e tests * commit for yarn i18n:extract error in dronepull/80949/head^2
Brendan O'Handley
2 years ago
committed by
GitHub
parent
2210ed50b4
commit
639bf3036d
@ -0,0 +1,62 @@ |
||||
import { e2e } from '../../utils'; |
||||
|
||||
/** |
||||
* Create a Prom data source |
||||
*/ |
||||
export function createPromDS(dataSourceID: string, name: string): void { |
||||
// login
|
||||
e2e.flows.login(Cypress.env('USERNAME'), Cypress.env('PASSWORD'), true); |
||||
|
||||
// select the prometheus DS
|
||||
e2e.pages.AddDataSource.visit(); |
||||
e2e.pages.AddDataSource.dataSourcePluginsV2(dataSourceID) |
||||
.scrollIntoView() |
||||
.should('be.visible') // prevents flakiness
|
||||
.click(); |
||||
|
||||
// add url for DS to save without error
|
||||
e2e.components.DataSource.Prometheus.configPage.connectionSettings().type('http://prom-url:9090'); |
||||
|
||||
// name the DS
|
||||
e2e.pages.DataSource.name().clear(); |
||||
e2e.pages.DataSource.name().type(name); |
||||
e2e.pages.DataSource.saveAndTest().click(); |
||||
} |
||||
|
||||
export function getResources() { |
||||
cy.intercept(/__name__/g, metricResponse); |
||||
|
||||
cy.intercept(/metadata/g, metadataResponse); |
||||
|
||||
cy.intercept(/labels/g, labelsResponse); |
||||
} |
||||
|
||||
const metricResponse = { |
||||
status: 'success', |
||||
data: ['metric1', 'metric2'], |
||||
}; |
||||
|
||||
const metadataResponse = { |
||||
status: 'success', |
||||
data: { |
||||
metric1: [ |
||||
{ |
||||
type: 'counter', |
||||
help: 'metric1 help', |
||||
unit: '', |
||||
}, |
||||
], |
||||
metric2: [ |
||||
{ |
||||
type: 'counter', |
||||
help: 'metric2 help', |
||||
unit: '', |
||||
}, |
||||
], |
||||
}, |
||||
}; |
||||
|
||||
const labelsResponse = { |
||||
status: 'success', |
||||
data: ['__name__', 'action', 'active', 'backend'], |
||||
}; |
||||
@ -0,0 +1,75 @@ |
||||
import { selectors } from '@grafana/e2e-selectors'; |
||||
|
||||
import { e2e } from '../utils'; |
||||
import { addDashboard } from '../utils/flows'; |
||||
|
||||
import { createPromDS, getResources } from './helpers/prometheus-helpers'; |
||||
|
||||
const DATASOURCE_ID = 'Prometheus'; |
||||
|
||||
const DATASOURCE_NAME = 'aprometheusAnnotationDS'; |
||||
|
||||
/** |
||||
* Click dashboard settings and then the variables tab |
||||
* |
||||
*/ |
||||
function navigateToAnnotations() { |
||||
e2e.components.PageToolbar.item('Dashboard settings').click(); |
||||
e2e.components.Tab.title('Annotations').click(); |
||||
} |
||||
|
||||
function addPrometheusAnnotation(annotationName: string) { |
||||
e2e.pages.Dashboard.Settings.Annotations.List.addAnnotationCTAV2().click(); |
||||
getResources(); |
||||
e2e.pages.Dashboard.Settings.Annotations.Settings.name().clear().type(annotationName); |
||||
e2e.components.DataSourcePicker.container().should('be.visible').click(); |
||||
cy.contains(DATASOURCE_NAME).scrollIntoView().should('be.visible').click(); |
||||
} |
||||
|
||||
describe('Prometheus annotations', () => { |
||||
beforeEach(() => { |
||||
createPromDS(DATASOURCE_ID, DATASOURCE_NAME); |
||||
}); |
||||
|
||||
it('should navigate to variable query editor', () => { |
||||
const annotationName = 'promAnnotation'; |
||||
addDashboard(); |
||||
navigateToAnnotations(); |
||||
addPrometheusAnnotation(annotationName); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser |
||||
.openButton() |
||||
.contains('Metrics browser') |
||||
.click(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.selectMetric().should('exist').type('met'); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser |
||||
.metricList() |
||||
.should('exist') |
||||
.contains('metric1') |
||||
.click(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.useQuery().should('exist').click(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.queryField().should('exist').contains('metric1'); |
||||
|
||||
// check for other parts of the annotations
|
||||
// min step
|
||||
cy.get(`#${selectors.components.DataSource.Prometheus.annotations.minStep}`); |
||||
|
||||
// title
|
||||
e2e.components.DataSource.Prometheus.annotations.title().scrollIntoView().should('exist'); |
||||
// tags
|
||||
e2e.components.DataSource.Prometheus.annotations.tags().scrollIntoView().should('exist'); |
||||
// text
|
||||
e2e.components.DataSource.Prometheus.annotations.text().scrollIntoView().should('exist'); |
||||
// series value as timestamp
|
||||
e2e.components.DataSource.Prometheus.annotations.seriesValueAsTimestamp().scrollIntoView().should('exist'); |
||||
|
||||
e2e.pages.Dashboard.Settings.Annotations.NewAnnotation.previewInDashboard().click(); |
||||
|
||||
// check that annotation exists
|
||||
cy.get('body').contains(annotationName); |
||||
}); |
||||
}); |
||||
@ -0,0 +1,116 @@ |
||||
import { selectors } from '@grafana/e2e-selectors'; |
||||
|
||||
import { e2e } from '../utils'; |
||||
|
||||
const DATASOURCE_ID = 'Prometheus'; |
||||
const DATASOURCE_TYPED_NAME = 'PrometheusDatasourceInstance'; |
||||
|
||||
describe('Prometheus config', () => { |
||||
beforeEach(() => { |
||||
e2e.flows.login(Cypress.env('USERNAME'), Cypress.env('PASSWORD'), true); |
||||
|
||||
e2e.pages.AddDataSource.visit(); |
||||
e2e.pages.AddDataSource.dataSourcePluginsV2(DATASOURCE_ID) |
||||
.scrollIntoView() |
||||
.should('be.visible') // prevents flakiness
|
||||
.click(); |
||||
}); |
||||
|
||||
it('should have a connection settings component', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.connectionSettings().should('be.visible'); |
||||
}); |
||||
|
||||
it('should have a managed alerts component', () => { |
||||
cy.get(`#${selectors.components.DataSource.Prometheus.configPage.manageAlerts}`).scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have a scrape interval component', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.scrapeInterval().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have a query timeout component', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.queryTimeout().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have a default editor component', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.defaultEditor().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should save the default editor when navigating to explore', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.defaultEditor().scrollIntoView().should('exist').click(); |
||||
|
||||
selectOption('Code'); |
||||
|
||||
e2e.components.DataSource.Prometheus.configPage.connectionSettings().type('http://prom-url:9090'); |
||||
|
||||
e2e.pages.DataSource.name().clear(); |
||||
e2e.pages.DataSource.name().type(DATASOURCE_TYPED_NAME); |
||||
e2e.pages.DataSource.saveAndTest().click(); |
||||
|
||||
e2e.pages.Explore.visit(); |
||||
|
||||
e2e.components.DataSourcePicker.container().should('be.visible').click(); |
||||
cy.contains(DATASOURCE_TYPED_NAME).scrollIntoView().should('be.visible').click(); |
||||
|
||||
const monacoLoadingText = 'Loading...'; |
||||
e2e.components.QueryField.container().should('be.visible').should('have.text', monacoLoadingText); |
||||
e2e.components.QueryField.container().should('be.visible').should('not.have.text', monacoLoadingText); |
||||
}); |
||||
|
||||
it('should have a disable metric lookup component', () => { |
||||
cy.get(`#${selectors.components.DataSource.Prometheus.configPage.disableMetricLookup}`) |
||||
.scrollIntoView() |
||||
.should('exist'); |
||||
}); |
||||
|
||||
it('should have a prometheus type component', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.prometheusType().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should allow a user to add the version when the Prom type is selected', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.prometheusType().scrollIntoView().should('exist').click(); |
||||
|
||||
selectOption('Prometheus'); |
||||
|
||||
e2e.components.DataSource.Prometheus.configPage.prometheusVersion().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have a cache level component', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.cacheLevel().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have an incremental querying component', () => { |
||||
cy.get(`#${selectors.components.DataSource.Prometheus.configPage.incrementalQuerying}`) |
||||
.scrollIntoView() |
||||
.should('exist'); |
||||
}); |
||||
|
||||
it('should allow a user to select a query overlap window when incremental querying is selected', () => { |
||||
cy.get(`#${selectors.components.DataSource.Prometheus.configPage.incrementalQuerying}`) |
||||
.scrollIntoView() |
||||
.should('exist') |
||||
.check({ force: true }); |
||||
|
||||
e2e.components.DataSource.Prometheus.configPage.queryOverlapWindow().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have a disable recording rules component', () => { |
||||
cy.get(`#${selectors.components.DataSource.Prometheus.configPage.disableRecordingRules}`) |
||||
.scrollIntoView() |
||||
.should('exist'); |
||||
}); |
||||
|
||||
it('should have a custom query parameters component', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.customQueryParameters().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have an http method component', () => { |
||||
e2e.components.DataSource.Prometheus.configPage.httpMethod().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
// exemplars tested in exemplar.spec
|
||||
}); |
||||
|
||||
export function selectOption(option: string) { |
||||
cy.get("[aria-label='Select option']").contains(option).should('be.visible').click(); |
||||
} |
||||
@ -0,0 +1,182 @@ |
||||
import { selectors } from '@grafana/e2e-selectors'; |
||||
|
||||
import { e2e } from '../utils'; |
||||
|
||||
import { getResources } from './helpers/prometheus-helpers'; |
||||
|
||||
const DATASOURCE_ID = 'Prometheus'; |
||||
|
||||
type editorType = 'Code' | 'Builder'; |
||||
|
||||
/** |
||||
* Login, create and save a Prometheus data source, navigate to code or builder |
||||
* |
||||
* @param editorType 'Code' or 'Builder' |
||||
*/ |
||||
function navigateToEditor(editorType: editorType, name: string): void { |
||||
// login
|
||||
e2e.flows.login(Cypress.env('USERNAME'), Cypress.env('PASSWORD'), true); |
||||
|
||||
// select the prometheus DS
|
||||
e2e.pages.AddDataSource.visit(); |
||||
e2e.pages.AddDataSource.dataSourcePluginsV2(DATASOURCE_ID) |
||||
.scrollIntoView() |
||||
.should('be.visible') // prevents flakiness
|
||||
.click(); |
||||
|
||||
// choose default editor
|
||||
e2e.components.DataSource.Prometheus.configPage.defaultEditor().scrollIntoView().should('exist').click(); |
||||
selectOption(editorType); |
||||
|
||||
// add url for DS to save without error
|
||||
e2e.components.DataSource.Prometheus.configPage.connectionSettings().type('http://prom-url:9090'); |
||||
|
||||
// name the DS
|
||||
e2e.pages.DataSource.name().clear(); |
||||
e2e.pages.DataSource.name().type(name); |
||||
e2e.pages.DataSource.saveAndTest().click(); |
||||
|
||||
// visit explore
|
||||
e2e.pages.Explore.visit(); |
||||
|
||||
// choose the right DS
|
||||
e2e.components.DataSourcePicker.container().should('be.visible').click(); |
||||
cy.contains(name).scrollIntoView().should('be.visible').click(); |
||||
} |
||||
|
||||
describe('Prometheus query editor', () => { |
||||
it('should have a kickstart component', () => { |
||||
navigateToEditor('Code', 'prometheus'); |
||||
e2e.components.QueryBuilder.queryPatterns().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have an explain component', () => { |
||||
navigateToEditor('Code', 'prometheus'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.explain().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have an editor toggle component', () => { |
||||
navigateToEditor('Code', 'prometheus'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.editorToggle().scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
it('should have an options component with legend, format, step, type and exemplars', () => { |
||||
navigateToEditor('Code', 'prometheus'); |
||||
// open options
|
||||
e2e.components.DataSource.Prometheus.queryEditor.options().scrollIntoView().should('exist').click(); |
||||
// check options
|
||||
e2e.components.DataSource.Prometheus.queryEditor.legend().scrollIntoView().should('exist'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.format().scrollIntoView().should('exist'); |
||||
cy.get(`#${selectors.components.DataSource.Prometheus.queryEditor.step}`).scrollIntoView().should('exist'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.type().scrollIntoView().should('exist'); |
||||
cy.get(`#${selectors.components.DataSource.Prometheus.queryEditor.exemplars}`).scrollIntoView().should('exist'); |
||||
}); |
||||
|
||||
describe('Code editor', () => { |
||||
it('navigates to the code editor with editor type as code', () => { |
||||
navigateToEditor('Code', 'prometheusCode'); |
||||
}); |
||||
|
||||
it('navigates to the code editor and opens the metrics browser with metric search, labels, label values, and all components', () => { |
||||
navigateToEditor('Code', 'prometheusCode'); |
||||
|
||||
getResources(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.queryField().should('exist'); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser |
||||
.openButton() |
||||
.contains('Metrics browser') |
||||
.click(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.selectMetric().should('exist'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.labelNamesFilter().should('exist'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.labelValuesFilter().should('exist'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.useQuery().should('exist'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.useAsRateQuery().should('exist'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.validateSelector().should('exist'); |
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.clear().should('exist'); |
||||
}); |
||||
|
||||
it('selects a metric in the metrics browser and uses the query', () => { |
||||
navigateToEditor('Code', 'prometheusCode'); |
||||
|
||||
getResources(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser |
||||
.openButton() |
||||
.contains('Metrics browser') |
||||
.click(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.selectMetric().should('exist').type('met'); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser |
||||
.metricList() |
||||
.should('exist') |
||||
.contains('metric1') |
||||
.click(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.metricsBrowser.useQuery().should('exist').click(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.code.queryField().should('exist').contains('metric1'); |
||||
}); |
||||
}); |
||||
|
||||
describe('Query builder', () => { |
||||
it('navigates to the query builder with editor type as code', () => { |
||||
navigateToEditor('Builder', 'prometheusBuilder'); |
||||
}); |
||||
|
||||
it('the query builder contains metric select, label filters and operations', () => { |
||||
navigateToEditor('Builder', 'prometheusBuilder'); |
||||
|
||||
getResources(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.builder.metricSelect().should('exist'); |
||||
e2e.components.QueryBuilder.labelSelect().should('exist'); |
||||
e2e.components.QueryBuilder.matchOperatorSelect().should('exist'); |
||||
e2e.components.QueryBuilder.valueSelect().should('exist'); |
||||
}); |
||||
|
||||
it('can select a metric and provide a hint', () => { |
||||
navigateToEditor('Builder', 'prometheusBuilder'); |
||||
|
||||
getResources(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.builder.metricSelect().should('exist').click(); |
||||
|
||||
selectOption('metric1'); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.builder.hints().contains('hint: add rate'); |
||||
}); |
||||
|
||||
it('should have the metrics explorer opened via the metric select', () => { |
||||
navigateToEditor('Builder', 'prometheusBuilder'); |
||||
|
||||
getResources(); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.builder.metricSelect().should('exist').click(); |
||||
|
||||
selectOption('Metrics explorer'); |
||||
|
||||
e2e.components.DataSource.Prometheus.queryEditor.builder.metricsExplorer().should('exist'); |
||||
}); |
||||
|
||||
// NEED TO COMPLETE QUEY ADVISOR WORK OR FIGURE OUT HOW TO ENABLE EXPERIMENTAL FEATURE TOGGLES
|
||||
// it('should have a query advisor when enabled with feature toggle', () => {
|
||||
// cy.window().then((win) => {
|
||||
// win.localStorage.setItem('grafana.featureToggles', 'prometheusPromQAIL=0');
|
||||
|
||||
// navigateToEditor('Builder', 'prometheusBuilder');
|
||||
|
||||
// getResources();
|
||||
|
||||
// e2e.components.DataSource.Prometheus.queryEditor.builder.queryAdvisor().should('exist');
|
||||
// });
|
||||
// });
|
||||
}); |
||||
}); |
||||
|
||||
function selectOption(option: string) { |
||||
cy.get("[aria-label='Select option']").contains(option).should('be.visible').click(); |
||||
} |
||||
@ -0,0 +1,122 @@ |
||||
import { e2e } from '../utils'; |
||||
import { addDashboard } from '../utils/flows'; |
||||
|
||||
import { createPromDS, getResources } from './helpers/prometheus-helpers'; |
||||
|
||||
const DATASOURCE_ID = 'Prometheus'; |
||||
|
||||
const DATASOURCE_NAME = 'prometheusVariableDS'; |
||||
|
||||
/** |
||||
* Click dashboard settings and then the variables tab |
||||
*/ |
||||
function navigateToVariables() { |
||||
e2e.components.PageToolbar.item('Dashboard settings').click(); |
||||
e2e.components.Tab.title('Variables').click(); |
||||
} |
||||
|
||||
/** |
||||
* Begin the process of adding a query type variable for a Prometheus data source |
||||
* |
||||
* @param variableName the name of the variable as a label of the variable dropdown |
||||
*/ |
||||
function addPrometheusQueryVariable(variableName: string) { |
||||
e2e.pages.Dashboard.Settings.Variables.List.addVariableCTAV2().click(); |
||||
|
||||
e2e.pages.Dashboard.Settings.Variables.Edit.General.generalNameInputV2().clear().type(variableName); |
||||
e2e.components.DataSourcePicker.container().should('be.visible').click(); |
||||
cy.contains(DATASOURCE_NAME).scrollIntoView().should('be.visible').click(); |
||||
|
||||
getResources(); |
||||
} |
||||
|
||||
/** |
||||
* Create a Prometheus variable and navigate to the query editor to check that it is available to use. |
||||
* |
||||
* @param variableName name the variable |
||||
* @param queryType query type of 'Label names', 'Label values', 'Metrics', 'Query result', 'Series query' or 'Classic query'. These types should be imported from the Prometheus library eventually but not now because we are in the process of decoupling the DS from core grafana. |
||||
*/ |
||||
function variableFlowToQueryEditor(variableName: string, queryType: string) { |
||||
addDashboard(); |
||||
navigateToVariables(); |
||||
addPrometheusQueryVariable(variableName); |
||||
|
||||
// select query type
|
||||
e2e.components.DataSource.Prometheus.variableQueryEditor.queryType().click(); |
||||
selectOption(queryType); |
||||
|
||||
// apply the variable
|
||||
e2e.pages.Dashboard.Settings.Variables.Edit.General.applyButton().click(); |
||||
|
||||
// close to return to dashboard
|
||||
e2e.pages.Dashboard.Settings.Actions.close().click(); |
||||
|
||||
// add visualization
|
||||
e2e.pages.AddDashboard.itemButton('Create new panel button').should('be.visible').click(); |
||||
|
||||
// close the data source picker modal
|
||||
cy.get('[aria-label="Close"]').click(); |
||||
|
||||
// select prom data source from the data source list with the useful data-testid
|
||||
e2e.components.DataSourcePicker.inputV2().click({ force: true }).type(`${DATASOURCE_NAME}{enter}`); |
||||
|
||||
// confirm the variable exists in the correct input
|
||||
// use the variable query type from the library in the future
|
||||
switch (queryType) { |
||||
case 'Label names': |
||||
e2e.components.QueryBuilder.labelSelect().should('exist').click({ force: true }); |
||||
selectOption(`${variableName}`); |
||||
case 'Label values': |
||||
e2e.components.QueryBuilder.valueSelect().should('exist').click({ force: true }); |
||||
selectOption(`${variableName}`); |
||||
case 'Metrics': |
||||
e2e.components.DataSource.Prometheus.queryEditor.builder.metricSelect().should('exist').click({ force: true }); |
||||
selectOption(`${variableName}`); |
||||
default: |
||||
// do nothing
|
||||
} |
||||
} |
||||
|
||||
describe('Prometheus variable query editor', () => { |
||||
beforeEach(() => { |
||||
createPromDS(DATASOURCE_ID, DATASOURCE_NAME); |
||||
}); |
||||
|
||||
it('should navigate to variable query editor', () => { |
||||
addDashboard(); |
||||
navigateToVariables(); |
||||
}); |
||||
|
||||
it('should select a query type for a Prometheus variable query', () => { |
||||
addDashboard(); |
||||
navigateToVariables(); |
||||
addPrometheusQueryVariable('labelsVariable'); |
||||
|
||||
// select query type
|
||||
e2e.components.DataSource.Prometheus.variableQueryEditor.queryType().click(); |
||||
|
||||
selectOption('Label names'); |
||||
}); |
||||
|
||||
it('should create a label names variable that is selectable in the label select in query builder', () => { |
||||
addDashboard(); |
||||
navigateToVariables(); |
||||
variableFlowToQueryEditor('labelnames', 'Label names'); |
||||
}); |
||||
|
||||
it('should create a label values variable that is selectable in the label values select in query builder', () => { |
||||
addDashboard(); |
||||
navigateToVariables(); |
||||
variableFlowToQueryEditor('labelvalues', 'Label values'); |
||||
}); |
||||
|
||||
it('should create a metric names variable that is selectable in the metric select in query builder', () => { |
||||
addDashboard(); |
||||
navigateToVariables(); |
||||
variableFlowToQueryEditor('metrics', 'Metrics'); |
||||
}); |
||||
}); |
||||
|
||||
function selectOption(option: string) { |
||||
cy.get("[aria-label='Select option']").contains(option).should('be.visible').click(); |
||||
} |
||||
Loading…
Reference in new issue