mirror of
https://github.com/grafana/grafana.git
synced 2024-11-25 10:20:29 -06:00
4e0c3555df
* adjust drone to run scenes e2e alongside * adjust typo in scenes e2e folder name for consistency * fix select options selector inssue with scenes bump * skip tests in old arch that result in race conditions * skip more flaky tests due to race conditions * skip scenes e2e instead of old arch in case of race condition * update to latest scenes version * skip test due to race conditions * skip flaky race condition test * modify and sign drone pipeline * remove unnecessary edits * resolve merge conflicts and regenerate drone.yml
99 lines
3.3 KiB
TypeScript
99 lines
3.3 KiB
TypeScript
import { e2e } from '../utils';
|
|
const PAGE_UNDER_TEST = 'OY8Ghjt7k/repeating-a-panel-vertically';
|
|
|
|
describe('Repeating a panel vertically', () => {
|
|
beforeEach(() => {
|
|
e2e.flows.login(Cypress.env('USERNAME'), Cypress.env('PASSWORD'));
|
|
});
|
|
|
|
it('should be able to repeat a panel vertically', () => {
|
|
e2e.flows.openDashboard({ uid: PAGE_UNDER_TEST });
|
|
|
|
let prevTop = Number.NEGATIVE_INFINITY;
|
|
let prevLeft: number | null = null;
|
|
const panelTitles = ['Panel Title 1', 'Panel Title 2', 'Panel Title 3'];
|
|
panelTitles.forEach((title) => {
|
|
e2e.components.Panels.Panel.title(title)
|
|
.should('be.visible')
|
|
.then(($el) => {
|
|
const { left, top } = $el[0].getBoundingClientRect();
|
|
expect(top).to.be.greaterThan(prevTop);
|
|
if (prevLeft !== null) {
|
|
expect(left).to.be.equal(prevLeft);
|
|
}
|
|
prevLeft = left;
|
|
prevTop = top;
|
|
});
|
|
});
|
|
});
|
|
|
|
it('responds to changes to the variables', () => {
|
|
e2e.flows.openDashboard({ uid: PAGE_UNDER_TEST });
|
|
|
|
let prevTop = Number.NEGATIVE_INFINITY;
|
|
let prevLeft: number | null = null;
|
|
const panelTitles = ['Panel Title 1', 'Panel Title 2', 'Panel Title 3'];
|
|
panelTitles.forEach((title) => {
|
|
e2e.components.Panels.Panel.title(title).should('be.visible');
|
|
});
|
|
|
|
// Change to only show panels 1 + 3
|
|
e2e.pages.Dashboard.SubMenu.submenuItemLabels('vertical')
|
|
.parent()
|
|
.within(() => {
|
|
cy.get('input').click();
|
|
});
|
|
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('1').click();
|
|
e2e.pages.Dashboard.SubMenu.submenuItemValueDropDownOptionTexts('3').click();
|
|
|
|
// blur the dropdown
|
|
cy.get('body').click();
|
|
|
|
const panelsShown = ['Panel Title 1', 'Panel Title 3'];
|
|
const panelsNotShown = ['Panel Title 2'];
|
|
panelsShown.forEach((title) => {
|
|
e2e.components.Panels.Panel.title(title)
|
|
.should('be.visible')
|
|
.then(($el) => {
|
|
const { left, top } = $el[0].getBoundingClientRect();
|
|
expect(top).to.be.greaterThan(prevTop);
|
|
if (prevLeft !== null) {
|
|
expect(left).to.be.equal(prevLeft);
|
|
}
|
|
prevLeft = left;
|
|
prevTop = top;
|
|
});
|
|
});
|
|
panelsNotShown.forEach((title) => {
|
|
e2e.components.Panels.Panel.title(title).should('not.exist');
|
|
});
|
|
});
|
|
|
|
it('loads a dashboard based on the query params correctly', () => {
|
|
// Have to manually add the queryParams to the url because they have the same name
|
|
e2e.flows.openDashboard({ uid: `${PAGE_UNDER_TEST}?var-vertical=1&var-vertical=3` });
|
|
|
|
let prevTop = Number.NEGATIVE_INFINITY;
|
|
let prevLeft: number | null = null;
|
|
const panelsShown = ['Panel Title 1', 'Panel Title 3'];
|
|
const panelsNotShown = ['Panel Title 2'];
|
|
panelsShown.forEach((title) => {
|
|
e2e.components.Panels.Panel.title(title)
|
|
.should('be.visible')
|
|
.then(($el) => {
|
|
const { left, top } = $el[0].getBoundingClientRect();
|
|
expect(top).to.be.greaterThan(prevTop);
|
|
if (prevLeft !== null) {
|
|
expect(left).to.be.equal(prevLeft);
|
|
}
|
|
prevLeft = left;
|
|
prevTop = top;
|
|
});
|
|
});
|
|
panelsNotShown.forEach((title) => {
|
|
e2e.components.Panels.Panel.title(title).should('not.exist');
|
|
});
|
|
});
|
|
});
|