mirror of
https://github.com/grafana/grafana.git
synced 2024-12-01 21:19:28 -06:00
a9f4ffab5d
* migrate from aria-label to data-testid for selectors * fix e2e tests with shared components * fix e2e tests with more shared components * pass data-testid to SelectBase component * pass data-testid to value container and traverse the dom to access the input in e2e
104 lines
4.0 KiB
TypeScript
104 lines
4.0 KiB
TypeScript
import { e2e } from '../utils';
|
|
|
|
const MISSING_LABEL_FILTER_ERROR_MESSAGE = 'Select at least 1 label filter (label and value)';
|
|
const dataSourceName = 'LokiBuilder';
|
|
const addDataSource = () => {
|
|
e2e.flows.addDataSource({
|
|
type: 'Loki',
|
|
expectedAlertMessage: 'Unable to connect with Loki. Please check the server logs for more details.',
|
|
name: dataSourceName,
|
|
form: () => {
|
|
cy.get('#connection-url').type('http://loki-url:3100');
|
|
},
|
|
});
|
|
};
|
|
|
|
const finalQuery = 'rate({instance=~"instance1|instance2"} | logfmt | __error__=`` [$__auto]';
|
|
|
|
describe('Loki query builder', () => {
|
|
beforeEach(() => {
|
|
e2e.flows.login(Cypress.env('USERNAME'), Cypress.env('PASSWORD'));
|
|
|
|
cy.request({
|
|
url: `${Cypress.env('BASE_URL')}/api/datasources/name/${dataSourceName}`,
|
|
failOnStatusCode: false,
|
|
}).then((response) => {
|
|
if (response.isOkStatusCode) {
|
|
return;
|
|
}
|
|
addDataSource();
|
|
});
|
|
});
|
|
|
|
it('should be able to use all modes', () => {
|
|
cy.intercept(/labels\?/, (req) => {
|
|
req.reply({ status: 'success', data: ['instance', 'job', 'source'] });
|
|
}).as('labelsRequest');
|
|
|
|
cy.intercept(/series?/, (req) => {
|
|
req.reply({ status: 'success', data: [{ instance: 'instance1' }] });
|
|
});
|
|
|
|
cy.intercept(/values/, (req) => {
|
|
req.reply({ status: 'success', data: ['instance1', 'instance2'] });
|
|
}).as('valuesRequest');
|
|
|
|
// Go to Explore and choose Loki data source
|
|
e2e.pages.Explore.visit();
|
|
e2e.components.DataSourcePicker.container().should('be.visible').click();
|
|
cy.contains(dataSourceName).scrollIntoView().should('be.visible').click();
|
|
|
|
// Start in builder mode, click and choose query pattern
|
|
e2e.components.QueryBuilder.queryPatterns().click();
|
|
cy.contains('Log query starters').click();
|
|
cy.contains('Use this query').click();
|
|
cy.contains('No pipeline errors').should('be.visible');
|
|
cy.contains('Logfmt').should('be.visible');
|
|
cy.contains('{} | logfmt | __error__=``').should('be.visible');
|
|
|
|
// Add operation
|
|
cy.contains('Operations').should('be.visible').click();
|
|
cy.contains('Range functions').should('be.visible').click();
|
|
cy.contains('Rate').should('be.visible').click();
|
|
cy.contains('rate({} | logfmt | __error__=`` [$__auto]').should('be.visible');
|
|
|
|
// Check for expected error
|
|
cy.contains(MISSING_LABEL_FILTER_ERROR_MESSAGE).should('be.visible');
|
|
|
|
// Add labels to remove error
|
|
e2e.components.QueryBuilder.labelSelect().should('be.visible').click();
|
|
// wait until labels are loaded and set on the component before starting to type
|
|
cy.wait('@labelsRequest');
|
|
e2e.components.QueryBuilder.labelSelect().children('div').children('input').type('instance{enter}');
|
|
e2e.components.QueryBuilder.matchOperatorSelect()
|
|
.should('be.visible')
|
|
.click()
|
|
.children('div')
|
|
.children('input')
|
|
.type('=~{enter}', { force: true });
|
|
e2e.components.QueryBuilder.valueSelect().should('be.visible').click();
|
|
cy.wait('@valuesRequest');
|
|
e2e.components.QueryBuilder.valueSelect()
|
|
.children('div')
|
|
.children('input')
|
|
.type('instance1{enter}')
|
|
.type('instance2{enter}');
|
|
cy.contains(MISSING_LABEL_FILTER_ERROR_MESSAGE).should('not.exist');
|
|
cy.contains(finalQuery).should('be.visible');
|
|
|
|
// Change to code editor
|
|
e2e.components.RadioButton.container().filter(':contains("Code")').click();
|
|
|
|
// We need to test this manually because the final query is split into separate DOM elements using cy.contains(finalQuery).should('be.visible'); does not detect the query.
|
|
cy.contains('rate').should('be.visible');
|
|
cy.contains('instance1|instance2').should('be.visible');
|
|
cy.contains('logfmt').should('be.visible');
|
|
cy.contains('__error__').should('be.visible');
|
|
cy.contains('$__auto').should('be.visible');
|
|
|
|
// Checks the explain mode toggle
|
|
cy.contains('label', 'Explain').click();
|
|
cy.contains('Fetch all log lines matching label filters.').should('be.visible');
|
|
});
|
|
});
|