grafana/packages/grafana-e2e/src/flows/openPanelMenuItem.ts

import { e2e } from '../index';

export enum PanelMenuItems {
  Edit = 'Edit',
  Inspect = 'Inspect',
  More = 'More...',
  Extensions = 'Extensions',
}

export const openPanelMenuItem = (menu: PanelMenuItems, panelTitle = 'Panel Title', isReactPanel = false) => {
  // we changed the way we open the panel menu in react panels with the new panel header
  if (isReactPanel) {
    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();
  } else {
    // this is the old way of opening the panel menu from the title
    e2e.components.Panels.Panel.title(panelTitle).should('be.visible').click();
    e2e.components.Panels.Panel.headerItems(menu).should('be.visible').click();
  }
};

export const openPanelMenuExtension = (extensionTitle: string, panelTitle = 'Panel Title') => {
  e2e.components.Panels.Panel.title(panelTitle).should('be.visible').click();

  e2e.components.Panels.Panel.headerItems(PanelMenuItems.Extensions)
    .should('be.visible')
    .parent()
    .parent()
    .invoke('addClass', 'open');

  e2e.components.Panels.Panel.headerItems(extensionTitle).should('be.visible').click();
};