@grafana/plugin-e2e 1.0.1 → 1.1.0

package/dist/e2e-selectors/types.d.ts

@@ -43,6 +43,9 @@ export type Components = {
             headerCornerInfo: (mode: string) => string;
             status: (status: string) => string;
             toggleTableViewPanel: (title: string) => string;
+            PanelDataErrorMessage: string;
+            menuItems: (item: string) => string;
+            menu: (title: string) => string;
         };
         Visualization: {
             Table: {
@@ -55,6 +58,11 @@ export type Components = {
     VizLegend: {
         seriesName: (name: string) => string;
     };
+    Drawer: {
+        General: {
+            title: (title: string) => string;
+        };
+    };
     PanelEditor: {
         General: {
             content: string;

package/dist/e2e-selectors/versioned/components.d.ts

@@ -58,6 +58,15 @@ export declare const versionedComponents: {
                 '10.4.0': (title: string) => string;
                 "8.0.0": (_: string) => string;
             };
+            PanelDataErrorMessage: {
+                '10.4.0': string;
+            };
+            menuItems: {
+                '9.5.0': (item: string) => string;
+            };
+            menu: {
+                '9.5.0': (item: string) => string;
+            };
         };
         Visualization: {
             Table: {
@@ -78,6 +87,13 @@ export declare const versionedComponents: {
             "8.0.0": (name: string) => string;
         };
     };
+    Drawer: {
+        General: {
+            title: {
+                "8.0.0": (title: string) => string;
+            };
+        };
+    };
     PanelEditor: {
         General: {
             content: {

package/dist/e2e-selectors/versioned/components.js

@@ -60,6 +60,11 @@ exports.versionedComponents = {
                 '10.4.0': (title) => `data-testid Panel header ${title}`,
                 [constants_1.MIN_GRAFANA_VERSION]: (_) => 'data-testid Panel',
             },
+            PanelDataErrorMessage: {
+                '10.4.0': 'data-testid Panel data error message',
+            },
+            menuItems: { '9.5.0': (item) => `data-testid Panel menu item ${item}` },
+            menu: { '9.5.0': (item) => `data-testid Panel menu ${item}` },
         },
         Visualization: {
             Table: {
@@ -81,6 +86,13 @@ exports.versionedComponents = {
             [constants_1.MIN_GRAFANA_VERSION]: (name) => `VizLegend series ${name}`,
         },
     },
+    Drawer: {
+        General: {
+            title: {
+                [constants_1.MIN_GRAFANA_VERSION]: (title) => `Drawer title ${title}`,
+            },
+        },
+    },
     PanelEditor: {
         General: {
             content: {

package/dist/models/components/Panel.d.ts

@@ -19,6 +19,14 @@ export declare class Panel extends GrafanaPage {
      * await expect(panelEditPage.panel.data).toContainText(['1', '4', '14']);
      */
     get data(): Locator;
+    /**
+     * Click on a menu item in the panel menu.
+     *
+     * Pass options.parentItem to specify the parent item of the menu item to click.
+     */
+    clickOnMenuItem(item: string, options?: {
+        parentItem?: string;
+    }): Promise<void>;
     /**
      * Returns the locator for the panel error (if any)
      */

package/dist/models/components/Panel.js

@@ -55,6 +55,28 @@ class Panel extends GrafanaPage_1.GrafanaPage {
         const panel = this.locator;
         return panel.locator('[role="cell"]');
     }
+    /**
+     * Click on a menu item in the panel menu.
+     *
+     * Pass options.parentItem to specify the parent item of the menu item to click.
+     */
+    async clickOnMenuItem(item, options) {
+        let panelMenu = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.menu(''), {
+            startsWith: true,
+            root: this.locator,
+        });
+        let parentMenuItem = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.menuItems(options?.parentItem ?? ''));
+        let menuItem = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.menuItems(item));
+        // before 9.5.0, there were no proper selectors for the panel menu items
+        if (semver.lt(this.ctx.grafanaVersion, '9.5.0')) {
+            panelMenu = this.locator.getByRole('heading');
+            this.ctx.page.locator(`[aria-label="Panel header item ${options?.parentItem}"]`);
+            this.ctx.page.locator(`[aria-label="Panel header item ${item}"]`);
+        }
+        await panelMenu.click({ force: true });
+        options?.parentItem && parentMenuItem.hover();
+        await menuItem.click();
+    }
     /**
      * Returns the locator for the panel error (if any)
      */

package/dist/models/pages/DashboardPage.js

@@ -75,9 +75,7 @@ class DashboardPage extends GrafanaPage_1.GrafanaPage {
      * await expect(panel.fieldNames).toContainText(['time', 'temperature']);
      */
     getPanelByTitle(title) {
-        let locator = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.title(title), {
-            startsWith: true,
-        });
+        let locator = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.title(title));
         // in older versions, the panel selector is added to a child element, so we need to go up two levels to get the wrapper
         if (semver.lt(this.ctx.grafanaVersion, '9.5.0')) {
             locator = locator.locator('..').locator('..');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-e2e",
-  "version": "1.0.1",
+  "version": "1.1.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -55,5 +55,5 @@
       "start": "cls || clear"
     }
   },
-  "gitHead": "9fe91cbe31f7854eeca81196029a819dbe9f8a4f"
+  "gitHead": "42bd4ac7f22f753cf6920a72cfadbf12c4b81660"
 }