mirror of
https://github.com/grafana/grafana.git
synced 2024-11-24 09:50:29 -06:00
0f2f25c5d9
* update drone to use cypress 12 image * upgrade cypress to 12 in core * cypress config actually valid * update @grafana/e2e imports and add lint rule * ignore grafana-e2e from betterer now it's deprecated * fix remaining type errors * fix failing tests * remove unnecessary tsconfig * remove unnecessary comment * update enterprise suite commands to work * add cypress config to CODEOWNERS * export setTimeRange in utils * remove @grafana/e2e from core deps * try running the command through yarn * move CMD to scripts * Update cloud-data-sources e2e image * Update paths --------- Co-authored-by: Andreas Christou <andreas.christou@grafana.com>
58 lines
2.2 KiB
TypeScript
58 lines
2.2 KiB
TypeScript
import { e2e } from '../index';
|
|
|
|
export enum PanelMenuItems {
|
|
Edit = 'Edit',
|
|
Inspect = 'Inspect',
|
|
More = 'More...',
|
|
Extensions = 'Extensions',
|
|
}
|
|
|
|
export const openPanelMenuItem = (menu: PanelMenuItems, panelTitle = 'Panel Title') => {
|
|
// we changed the way we open the panel menu in react panels with the new panel header
|
|
detectPanelType(panelTitle, (isAngularPanel) => {
|
|
if (isAngularPanel) {
|
|
e2e.components.Panels.Panel.title(panelTitle).should('be.visible').click();
|
|
e2e.components.Panels.Panel.headerItems(menu).should('be.visible').click();
|
|
} else {
|
|
e2e.components.Panels.Panel.menu(panelTitle).click({ force: true }); // force click because menu is hidden and show on hover
|
|
e2e.components.Panels.Panel.menuItems(menu).should('be.visible').click();
|
|
}
|
|
});
|
|
};
|
|
|
|
export const openPanelMenuExtension = (extensionTitle: string, panelTitle = 'Panel Title') => {
|
|
const menuItem = PanelMenuItems.Extensions;
|
|
// we changed the way we open the panel menu in react panels with the new panel header
|
|
detectPanelType(panelTitle, (isAngularPanel) => {
|
|
if (isAngularPanel) {
|
|
e2e.components.Panels.Panel.title(panelTitle).should('be.visible').click();
|
|
e2e.components.Panels.Panel.headerItems(menuItem)
|
|
.should('be.visible')
|
|
.parent()
|
|
.parent()
|
|
.invoke('addClass', 'open');
|
|
e2e.components.Panels.Panel.headerItems(extensionTitle).should('be.visible').click();
|
|
} else {
|
|
e2e.components.Panels.Panel.menu(panelTitle).click({ force: true }); // force click because menu is hidden and show on hover
|
|
e2e.components.Panels.Panel.menuItems(menuItem).trigger('mouseover', { force: true });
|
|
e2e.components.Panels.Panel.menuItems(extensionTitle).click({ force: true });
|
|
}
|
|
});
|
|
};
|
|
|
|
function detectPanelType(panelTitle: string, detected: (isAngularPanel: boolean) => void) {
|
|
e2e.components.Panels.Panel.title(panelTitle).then((el) => {
|
|
const isAngularPanel = el.find('plugin-component.ng-scope').length > 0;
|
|
|
|
if (isAngularPanel) {
|
|
Cypress.log({
|
|
name: 'detectPanelType',
|
|
displayName: 'detector',
|
|
message: 'Angular panel detected, will use legacy selectors.',
|
|
});
|
|
}
|
|
|
|
detected(isAngularPanel);
|
|
});
|
|
}
|