@grafana/plugin-e2e 0.11.0 → 0.12.0-canary.688.217f78d.0

package/dist/models/DashboardPage.js

@@ -6,6 +6,7 @@ const DataSourcePicker_1 = require("./DataSourcePicker");
 const GrafanaPage_1 = require("./GrafanaPage");
 const PanelEditPage_1 = require("./PanelEditPage");
 const TimeRange_1 = require("./TimeRange");
+const Panel_1 = require("./Panel");
 class DashboardPage extends GrafanaPage_1.GrafanaPage {
     ctx;
     dashboard;
@@ -42,6 +43,32 @@ class DashboardPage extends GrafanaPage_1.GrafanaPage {
         await panelEditPage.goto();
         return panelEditPage;
     }
+    /**
+     * Returns a Panel object for the panel with the given title. Only works for panels that currently are in the viewport.
+     *
+     * Note that this won't navigate to the panel edit page, it will only return the Panel object, which
+     * points to the locator for the panel in the dashboard page. Can be used to assert on the panel data, eg.
+     * const panel = await dashboardPage.getPanelByTitle('Table panel');
+     * await expect(panel.getFieldNames()).toContainText(['time', 'temperature']);
+     */
+    getPanelByTitle(title) {
+        return new Panel_1.Panel(this.ctx, () => {
+            return this.getByTestIdOrAriaLabel(this.ctx.selectors.components.Panels.Panel.title(title));
+        });
+    }
+    /**
+     * Returns a Panel object for the panel with the given id. Only works for panels that currently are in the viewport.
+     *
+     * Note that this won't navigate to the panel edit page, it will only return the Panel object, which
+     * points to the locator for the panel in the dashboard page. Can be used to assert on the panel data, eg.
+     * const panel = await dashboardPage.getPanelByTitle('2');
+     * await expect(panel.getFieldNames()).toContainText(['time', 'temperature']);
+     */
+    getPanelById(panelId) {
+        return new Panel_1.Panel(this.ctx, () => {
+            return this.ctx.page.locator(`[data-panelid="${panelId}"]`);
+        });
+    }
     /**
      * Clicks the buttons to add a new panel and returns the panel edit page for the new panel
      */

package/dist/models/ExplorePage.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ExplorePage = void 0;
 const semver = require('semver');
-const test_1 = require("@playwright/test");
 const DataSourcePicker_1 = require("./DataSourcePicker");
 const GrafanaPage_1 = require("./GrafanaPage");
 const TimeRange_1 = require("./TimeRange");
@@ -51,12 +50,10 @@ class ExplorePage extends GrafanaPage_1.GrafanaPage {
     /**
      * Returns the locator for the query editor row with the given refId
      */
-    async getQueryEditorRow(refId) {
-        const locator = this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRows.rows).filter({
+    getQueryEditorRow(refId) {
+        return this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRows.rows).filter({
             has: this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRow.title(refId)),
         });
-        await (0, test_1.expect)(locator).toBeVisible();
-        return locator;
     }
     /**
      * Clicks the "Run Query" button in the refresh picker to run the query. Returns the response promise for the data query

package/dist/models/Panel.js

@@ -35,6 +35,24 @@ class Panel extends GrafanaPage_1.GrafanaPage {
         this.ctx = ctx;
         this.locator = locator;
     }
+    /**
+     * Returns a locator that resolves element(s) that contain the field name(s) that are currently displayed in the panel.
+     *
+     * Can be used to assert the field names displayed in the panel visualization. e.g
+     * await expect(panelEditPage.panel.getFieldNames()).toHaveValues(['Month', 'Stockholm', 'Berlin', 'Log Angeles']);
+     */
+    getFieldNames() {
+        return this.locator().locator('[role="columnheader"]');
+    }
+    /**
+     * Returns a locator that resolves element(s) that contain the value(s) that are currently displayed in the panel.
+     *
+     * Can be used to assert the values displayed in the panel visualization. e.g
+     * await expect(panelEditPage.panel.getData()).toContainText(['1', '4', '14']);
+     */
+    getData() {
+        return this.locator().locator('[role="cell"]');
+    }
     /**
      * Returns the locator for the panel error (if any)
      */

package/dist/models/PanelEditPage.js

@@ -6,6 +6,7 @@ const DataSourcePicker_1 = require("./DataSourcePicker");
 const GrafanaPage_1 = require("./GrafanaPage");
 const TimeRange_1 = require("./TimeRange");
 const Panel_1 = require("./Panel");
+const utils_1 = require("./utils");
 class PanelEditPage extends GrafanaPage_1.GrafanaPage {
     ctx;
     args;
@@ -34,6 +35,14 @@ class PanelEditPage extends GrafanaPage_1.GrafanaPage {
         options.queryParams.append('editPanel', this.args.id);
         await super.navigate(url, options);
     }
+    async toggleTableView() {
+        await (0, utils_1.radioButtonSetChecked)(this.ctx.page, 'Table view', true);
+        this.panel = new Panel_1.Panel(this.ctx, () => this.ctx.page.getByTestId('Panel'));
+    }
+    async untoggleTableView() {
+        await (0, utils_1.radioButtonSetChecked)(this.ctx.page, 'Table view', false);
+        this.panel = new Panel_1.Panel(this.ctx, () => this.getByTestIdOrAriaLabel(this.ctx.selectors.components.Panels.Panel.title(''), { startsWith: true }));
+    }
     /**
      * Sets the title of the panel. This method will open the panel options, set the title and close the panel options.
      */
@@ -88,12 +97,10 @@ class PanelEditPage extends GrafanaPage_1.GrafanaPage {
     /**
      * Returns the locator for the query editor row with the given refId
      */
-    async getQueryEditorRow(refId) {
-        const locator = this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRows.rows).filter({
+    getQueryEditorRow(refId) {
+        return this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRows.rows).filter({
             has: this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRow.title(refId)),
         });
-        await (0, test_1.expect)(locator).toBeVisible();
-        return locator;
     }
     /**
      * Clicks the "Refresh" button in the panel editor. Returns the response promise for the data query

package/dist/models/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radioButtonSetChecked = void 0;
+const radioButtonSetChecked = async (page, label, checked, options) => {
+    try {
+        await page.getByLabel(label, options).setChecked(checked);
+    }
+    catch (_) {
+        await page.getByText(label, options).setChecked(checked);
+    }
+};
+exports.radioButtonSetChecked = radioButtonSetChecked;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-e2e",
-  "version": "0.11.0",
+  "version": "0.12.0-canary.688.217f78d.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -45,5 +45,5 @@
     "semver": "^7.5.4",
     "uuid": "^9.0.1"
   },
-  "gitHead": "d3975db9cdaea831d6bf28f18367b136e366adde"
+  "gitHead": "217f78d72382226581a41474c8f338e1ef6ed78e"
 }