Dashboards/E2E: Add tests for removing panel(s) (#104998)

* Dashboards/E2E: Add tests for removing panel(s)

e2e/utils/flows/scenes/index.ts

@@ -1,2 +1,4 @@
 export * from './addPanel';
 export * from './configurePanel';
+export * from './removePanel';
+export * from './toggleEditMode';

e2e/utils/flows/scenes/removePanel.ts

@@ -0,0 +1,17 @@
+import { e2e } from '../..';
+
+import { selectPanels } from './selectPanel';
+
+export const removePanels = (...panelTitles: Array<string | RegExp>) => {
+  selectPanels(panelTitles);
+
+  // Delete the panels
+  e2e.components.EditPaneHeader.deleteButton().click();
+
+  // Confirm deletion via modal
+  e2e.pages.ConfirmModal.delete().click();
+};
+
+export const removePanel = (panelTitle: string | RegExp) => {
+  removePanels(panelTitle);
+};

e2e/utils/flows/scenes/selectPanel.ts

@@ -0,0 +1,11 @@
+import { e2e } from '../..';
+
+export const selectPanel = (panelTitle: string | RegExp, shift = false) => {
+  e2e.components.Panels.Panel.headerContainer().contains(panelTitle).click({ shiftKey: shift });
+};
+
+export const selectPanels = (panelTitles: Array<string | RegExp>) => {
+  for (const panel of panelTitles) {
+    selectPanel(panel, true);
+  }
+};

e2e/utils/flows/scenes/toggleEditMode.ts

@@ -0,0 +1,5 @@
+import { e2e } from '../..';
+
+export const toggleEditMode = () => {
+  e2e.components.NavToolbar.editDashboard.editButton().should('be.visible').click();
+};