mirror of
https://github.com/grafana/grafana.git
synced 2025-02-25 18:55:37 -06:00
3d6380a0aa
* Starting moving more stuff into data source picker * WIP progress * Progress on datasource picker rethink * Things are working now some details to figure out * Removed commented part * Complex work on getting data source lists * Fixed variable support showing correct data sources * Tried fixing dashboard import but failed * Fixes * Fixed import dashboard * Fixed unit test * Fixed explore test * Fixed test * Fix * fixed more tests * fixed more tests * fixed showing which option is default in picker * Changed query variable to use data source picker, updated tests and e2e * Fixed more tests * Updated snapshots, had wrong typescript version
246 lines
8.1 KiB
TypeScript
246 lines
8.1 KiB
TypeScript
import { e2e } from '@grafana/e2e';
|
|
|
|
const PAGE_UNDER_TEST = '-Y-tnEDWk';
|
|
|
|
describe('Variables - Add variable', () => {
|
|
it('query variable should be default and default fields should be correct', () => {
|
|
e2e.flows.login('admin', 'admin');
|
|
e2e.flows.openDashboard({ uid: `${PAGE_UNDER_TEST}?editview=templating` });
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.List.newButton()
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.generalNameInput()
|
|
.should('be.visible')
|
|
.within(input => {
|
|
expect(input.attr('placeholder')).equals('name');
|
|
expect(input.val()).equals('query0');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.generalTypeSelect()
|
|
.should('be.visible')
|
|
.within(select => {
|
|
e2e.components.Select.singleValue()
|
|
.should('be.visible')
|
|
.should('have.text', 'Query');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.generalLabelInput()
|
|
.should('be.visible')
|
|
.within(input => {
|
|
expect(input.attr('placeholder')).equals('optional display name');
|
|
expect(input.val()).equals('');
|
|
});
|
|
e2e()
|
|
.get('#Description')
|
|
.should('be.visible')
|
|
.within(input => {
|
|
expect(input.attr('placeholder')).equals('descriptive text');
|
|
expect(input.val()).equals('');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.generalHideSelect()
|
|
.should('be.visible')
|
|
.within(select => {
|
|
e2e.components.Select.singleValue().should('have.text', '');
|
|
});
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsDataSourceSelect()
|
|
.should('be.visible')
|
|
.within(select => {
|
|
e2e.components.Select.singleValue().should('have.text', 'gdev-testdata');
|
|
});
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsRefreshSelect()
|
|
.should('be.visible')
|
|
.within(select => {
|
|
e2e.components.Select.singleValue().should('have.text', 'Never');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsRegExInput()
|
|
.should('be.visible')
|
|
.within(input => {
|
|
const placeholder = '/.*-(?<text>.*)-(?<value>.*)-.*/';
|
|
expect(input.attr('placeholder')).equals(placeholder);
|
|
expect(input.val()).equals('');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsSortSelect()
|
|
.should('be.visible')
|
|
.within(select => {
|
|
e2e.components.Select.singleValue().should('have.text', 'Disabled');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.selectionOptionsMultiSwitch()
|
|
.should('be.visible')
|
|
.within(select => {
|
|
e2e()
|
|
.get('input')
|
|
.should('not.be.checked');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.selectionOptionsIncludeAllSwitch()
|
|
.should('be.visible')
|
|
.within(select => {
|
|
e2e()
|
|
.get('input')
|
|
.should('not.be.checked');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.valueGroupsTagsEnabledSwitch()
|
|
.should('be.visible')
|
|
.within(select => {
|
|
e2e()
|
|
.get('input')
|
|
.should('not.be.checked');
|
|
});
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.previewOfValuesOption().should('not.exist');
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.selectionOptionsCustomAllInput().should('not.exist');
|
|
});
|
|
|
|
it('adding a single value query variable', () => {
|
|
e2e.flows.login('admin', 'admin');
|
|
e2e.flows.openDashboard({ uid: `${PAGE_UNDER_TEST}?editview=templating` });
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.List.newButton()
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.generalLabelInput()
|
|
.should('be.visible')
|
|
.clear()
|
|
.type('a label');
|
|
|
|
e2e()
|
|
.get('#Description')
|
|
.should('be.visible')
|
|
.clear()
|
|
.type('a description');
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsDataSourceSelect()
|
|
.should('be.visible')
|
|
.within(() => {
|
|
e2e.components.Select.input()
|
|
.should('be.visible')
|
|
.type('gdev-testdata')
|
|
.type('{enter}');
|
|
});
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsQueryInput()
|
|
.should('be.visible')
|
|
.type('*')
|
|
.blur();
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.previewOfValuesOption().should('exist');
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.submitButton()
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
e2e().wait(500);
|
|
|
|
e2e.components.BackButton.backArrow()
|
|
.should('be.visible')
|
|
.click({ force: true });
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemLabels('a label').should('be.visible');
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownValueLinkTexts('A')
|
|
.eq(1)
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownDropDown()
|
|
.should('be.visible')
|
|
.within(() => {
|
|
e2e()
|
|
.get('.variable-option')
|
|
.should('have.length', 3);
|
|
});
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('A').should('be.visible');
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('B').should('be.visible');
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('C').should('be.visible');
|
|
});
|
|
|
|
it('adding a multi value query variable', () => {
|
|
e2e.flows.login('admin', 'admin');
|
|
e2e.flows.openDashboard({ uid: `${PAGE_UNDER_TEST}?editview=templating` });
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.List.newButton()
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.generalLabelInput()
|
|
.should('be.visible')
|
|
.clear()
|
|
.type('a label');
|
|
|
|
e2e()
|
|
.get('#Description')
|
|
.should('be.visible')
|
|
.clear()
|
|
.type('a description');
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsDataSourceSelect()
|
|
.should('be.visible')
|
|
.within(() => {
|
|
e2e.components.Select.input()
|
|
.should('be.visible')
|
|
.type('gdev-testdata')
|
|
.type('{enter}');
|
|
});
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.QueryVariable.queryOptionsQueryInput()
|
|
.should('be.visible')
|
|
.type('*')
|
|
.blur();
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.selectionOptionsMultiSwitch()
|
|
.click()
|
|
.within(() => {
|
|
e2e()
|
|
.get('input')
|
|
.should('be.checked');
|
|
});
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.selectionOptionsIncludeAllSwitch()
|
|
.click()
|
|
.within(() => {
|
|
e2e()
|
|
.get('input')
|
|
.should('be.checked');
|
|
});
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.selectionOptionsCustomAllInput().within(input => {
|
|
expect(input.attr('placeholder')).equals('blank = auto');
|
|
expect(input.val()).equals('');
|
|
});
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.previewOfValuesOption().should('exist');
|
|
|
|
e2e.pages.Dashboard.Settings.Variables.Edit.General.submitButton()
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
e2e().wait(500);
|
|
|
|
e2e.components.BackButton.backArrow()
|
|
.should('be.visible')
|
|
.click({ force: true });
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemLabels('a label').should('be.visible');
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownValueLinkTexts('A')
|
|
.eq(1)
|
|
.should('be.visible')
|
|
.click();
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownDropDown()
|
|
.should('be.visible')
|
|
.within(() => {
|
|
e2e()
|
|
.get('.variable-option')
|
|
.should('have.length', 4);
|
|
});
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('All').should('be.visible');
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('A').should('be.visible');
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('B').should('be.visible');
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('C').should('be.visible');
|
|
});
|
|
});
|