@grafana/plugin-e2e 0.0.2-canary.610.88b3096.0 → 0.0.2

package/dist/models/PanelEditPage.js

@@ -1,19 +1,4 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -37,129 +22,49 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PanelEditPage = void 0;
-var test_1 = require("@playwright/test");
-var semver = __importStar(require("semver"));
-var DataSourcePicker_1 = require("./DataSourcePicker");
-var GrafanaPage_1 = require("./GrafanaPage");
-var TimeRange_1 = require("./TimeRange");
-var ERROR_STATUS = 'error';
-var PanelEditPage = (function (_super) {
-    __extends(PanelEditPage, _super);
-    function PanelEditPage(ctx) {
-        var _this = _super.call(this, ctx) || this;
-        _this.datasource = new DataSourcePicker_1.DataSourcePicker(ctx);
-        _this.timeRange = new TimeRange_1.TimeRange(ctx);
-        return _this;
+const test_1 = require("@playwright/test");
+const semver = __importStar(require("semver"));
+const DataSourcePicker_1 = require("./DataSourcePicker");
+const GrafanaPage_1 = require("./GrafanaPage");
+const TimeRange_1 = require("./TimeRange");
+const ERROR_STATUS = 'error';
+class PanelEditPage extends GrafanaPage_1.GrafanaPage {
+    datasource;
+    timeRange;
+    constructor(ctx) {
+        super(ctx);
+        this.datasource = new DataSourcePicker_1.DataSourcePicker(ctx);
+        this.timeRange = new TimeRange_1.TimeRange(ctx);
     }
-    PanelEditPage.prototype.setVisualization = function (visualization) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.PanelEditor.toggleVizPicker).click()];
-                    case 1:
-                        _a.sent();
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.PluginVisualization.item(visualization)).click()];
-                    case 2:
-                        _a.sent();
-                        return [4, (0, test_1.expect)(this.getByTestIdOrAriaLabel(this.ctx.selectors.components.PanelEditor.toggleVizPicker), "Could not set visualization to ".concat(visualization, ". Ensure the panel is installed.")).toHaveText(visualization)];
-                    case 3:
-                        _a.sent();
-                        return [2];
-                }
-            });
-        });
-    };
-    PanelEditPage.prototype.apply = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4, this.ctx.page.getByTestId(this.ctx.selectors.components.PanelEditor.applyButton).click()];
-                    case 1:
-                        _a.sent();
-                        return [2];
-                }
-            });
-        });
-    };
-    PanelEditPage.prototype.getQueryEditorRow = function (refId) {
-        return __awaiter(this, void 0, void 0, function () {
-            var locator;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        locator = this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRows.rows).filter({
-                            has: this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRow.title(refId)),
-                        });
-                        return [4, (0, test_1.expect)(locator).toBeVisible()];
-                    case 1:
-                        _a.sent();
-                        return [2, locator];
-                }
-            });
+    async setVisualization(visualization) {
+        await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.PanelEditor.toggleVizPicker).click();
+        await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.PluginVisualization.item(visualization)).click();
+        await (0, test_1.expect)(this.getByTestIdOrAriaLabel(this.ctx.selectors.components.PanelEditor.toggleVizPicker), `Could not set visualization to ${visualization}. Ensure the panel is installed.`).toHaveText(visualization);
+    }
+    async apply() {
+        await this.ctx.page.getByTestId(this.ctx.selectors.components.PanelEditor.applyButton).click();
+    }
+    async getQueryEditorRow(refId) {
+        const locator = this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRows.rows).filter({
+            has: this.getByTestIdOrAriaLabel(this.ctx.selectors.components.QueryEditorRow.title(refId)),
         });
-    };
-    PanelEditPage.prototype.getPanelError = function () {
+        await (0, test_1.expect)(locator).toBeVisible();
+        return locator;
+    }
+    getPanelError() {
         if (semver.lte(this.ctx.grafanaVersion, '9.4.3')) {
             return this.getByTestIdOrAriaLabel(this.ctx.selectors.components.Panels.Panel.headerCornerInfo(ERROR_STATUS));
         }
         return this.getByTestIdOrAriaLabel(this.ctx.selectors.components.Panels.Panel.status(ERROR_STATUS));
-    };
-    PanelEditPage.prototype.refreshPanel = function (options) {
-        return __awaiter(this, void 0, void 0, function () {
-            var responsePromise;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        responsePromise = this.ctx.page.waitForResponse(function (resp) { return resp.url().includes(_this.ctx.selectors.apis.DataSource.query); }, options);
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.PanelEditor.General.content)
-                                .locator("selector=".concat(this.ctx.selectors.components.RefreshPicker.runButtonV2))
-                                .click()];
-                    case 1:
-                        _a.sent();
-                        return [2, responsePromise];
-                }
-            });
-        });
-    };
-    return PanelEditPage;
-}(GrafanaPage_1.GrafanaPage));
+    }
+    async refreshPanel(options) {
+        const responsePromise = this.ctx.page.waitForResponse((resp) => resp.url().includes(this.ctx.selectors.apis.DataSource.query), options);
+        await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.PanelEditor.General.content)
+            .locator(`selector=${this.ctx.selectors.components.RefreshPicker.runButtonV2}`)
+            .click();
+        return responsePromise;
+    }
+}
 exports.PanelEditPage = PanelEditPage;

package/dist/models/TimeRange.js

@@ -1,119 +1,30 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TimeRange = void 0;
-var GrafanaPage_1 = require("./GrafanaPage");
-var TimeRange = (function (_super) {
-    __extends(TimeRange, _super);
-    function TimeRange(ctx) {
-        return _super.call(this, ctx) || this;
+const GrafanaPage_1 = require("./GrafanaPage");
+class TimeRange extends GrafanaPage_1.GrafanaPage {
+    constructor(ctx) {
+        super(ctx);
+    }
+    async set({ from, to, zone }) {
+        try {
+            await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.openButton).click();
+        }
+        catch (e) {
+            await this.ctx.page.locator('[aria-controls="TimePickerContent"]').last().click();
+        }
+        if (zone) {
+            await this.ctx.page.getByRole('button', { name: 'Change time settings' }).click();
+            await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimeZonePicker.containerV2).fill(zone);
+        }
+        await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.absoluteTimeRangeTitle).click();
+        const fromField = await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.fromField);
+        await fromField.clear();
+        await fromField.fill(from);
+        const toField = await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.toField);
+        await toField.clear();
+        await toField.fill(to);
+        await this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.applyTimeRange).click();
     }
-    TimeRange.prototype.set = function (_a) {
-        var from = _a.from, to = _a.to, zone = _a.zone;
-        return __awaiter(this, void 0, void 0, function () {
-            var e_1, fromField, toField;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _b.trys.push([0, 2, , 4]);
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.openButton).click()];
-                    case 1:
-                        _b.sent();
-                        return [3, 4];
-                    case 2:
-                        e_1 = _b.sent();
-                        return [4, this.ctx.page.locator('[aria-controls="TimePickerContent"]').last().click()];
-                    case 3:
-                        _b.sent();
-                        return [3, 4];
-                    case 4:
-                        if (!zone) return [3, 7];
-                        return [4, this.ctx.page.getByRole('button', { name: 'Change time settings' }).click()];
-                    case 5:
-                        _b.sent();
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimeZonePicker.containerV2).fill(zone)];
-                    case 6:
-                        _b.sent();
-                        _b.label = 7;
-                    case 7: return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.absoluteTimeRangeTitle).click()];
-                    case 8:
-                        _b.sent();
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.fromField)];
-                    case 9:
-                        fromField = _b.sent();
-                        return [4, fromField.clear()];
-                    case 10:
-                        _b.sent();
-                        return [4, fromField.fill(from)];
-                    case 11:
-                        _b.sent();
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.toField)];
-                    case 12:
-                        toField = _b.sent();
-                        return [4, toField.clear()];
-                    case 13:
-                        _b.sent();
-                        return [4, toField.fill(to)];
-                    case 14:
-                        _b.sent();
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.components.TimePicker.applyTimeRange).click()];
-                    case 15:
-                        _b.sent();
-                        return [2];
-                }
-            });
-        });
-    };
-    return TimeRange;
-}(GrafanaPage_1.GrafanaPage));
+}
 exports.TimeRange = TimeRange;

package/dist/models/VariableEditPage.js

@@ -1,109 +1,30 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VariableEditPage = void 0;
-var gte = require('semver/functions/gte');
-var DataSourcePicker_1 = require("./DataSourcePicker");
-var GrafanaPage_1 = require("./GrafanaPage");
-var VariableEditPage = (function (_super) {
-    __extends(VariableEditPage, _super);
-    function VariableEditPage(ctx) {
-        var _this = _super.call(this, ctx) || this;
-        _this.datasource = new DataSourcePicker_1.DataSourcePicker(ctx);
-        return _this;
+const gte = require('semver/functions/gte');
+const DataSourcePicker_1 = require("./DataSourcePicker");
+const GrafanaPage_1 = require("./GrafanaPage");
+class VariableEditPage extends GrafanaPage_1.GrafanaPage {
+    datasource;
+    constructor(ctx) {
+        super(ctx);
+        this.datasource = new DataSourcePicker_1.DataSourcePicker(ctx);
+    }
+    async setVariableType(type) {
+        await this.getByTestIdOrAriaLabel(this.ctx.selectors.pages.Dashboard.Settings.Variables.Edit.General.generalTypeSelectV2)
+            .locator('input')
+            .fill(type);
+        await this.ctx.page.keyboard.press('ArrowDown');
+        await this.ctx.page.keyboard.press('Enter');
+        await this.getByTestIdOrAriaLabel(this.ctx.selectors.pages.Dashboard.Settings.Variables.Edit.General.generalTypeSelectV2).scrollIntoViewIfNeeded();
+    }
+    async runQuery() {
+        if (gte(this.ctx.grafanaVersion, '9.2.0')) {
+            await this.getByTestIdOrAriaLabel(this.ctx.selectors.pages.Dashboard.Settings.Variables.Edit.General.submitButton).click();
+        }
+        else {
+            await this.ctx.page.keyboard.press('Tab');
+        }
     }
-    VariableEditPage.prototype.setVariableType = function (type) {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.pages.Dashboard.Settings.Variables.Edit.General.generalTypeSelectV2)
-                            .locator('input')
-                            .fill(type)];
-                    case 1:
-                        _a.sent();
-                        return [4, this.ctx.page.keyboard.press('ArrowDown')];
-                    case 2:
-                        _a.sent();
-                        return [4, this.ctx.page.keyboard.press('Enter')];
-                    case 3:
-                        _a.sent();
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.pages.Dashboard.Settings.Variables.Edit.General.generalTypeSelectV2).scrollIntoViewIfNeeded()];
-                    case 4:
-                        _a.sent();
-                        return [2];
-                }
-            });
-        });
-    };
-    VariableEditPage.prototype.runQuery = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!gte(this.ctx.grafanaVersion, '9.2.0')) return [3, 2];
-                        return [4, this.getByTestIdOrAriaLabel(this.ctx.selectors.pages.Dashboard.Settings.Variables.Edit.General.submitButton).click()];
-                    case 1:
-                        _a.sent();
-                        return [3, 4];
-                    case 2: return [4, this.ctx.page.keyboard.press('Tab')];
-                    case 3:
-                        _a.sent();
-                        _a.label = 4;
-                    case 4: return [2];
-                }
-            });
-        });
-    };
-    return VariableEditPage;
-}(GrafanaPage_1.GrafanaPage));
+}
 exports.VariableEditPage = VariableEditPage;

package/dist/models/VariablePage.js

@@ -1,107 +1,28 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VariablePage = void 0;
-var GrafanaPage_1 = require("./GrafanaPage");
-var VariableEditPage_1 = require("./VariableEditPage");
-var VariablePage = (function (_super) {
-    __extends(VariablePage, _super);
-    function VariablePage(ctx) {
-        return _super.call(this, ctx) || this;
+const GrafanaPage_1 = require("./GrafanaPage");
+const VariableEditPage_1 = require("./VariableEditPage");
+class VariablePage extends GrafanaPage_1.GrafanaPage {
+    constructor(ctx) {
+        super(ctx);
     }
-    VariablePage.prototype.goto = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4, this.ctx.page.goto(this.ctx.selectors.pages.AddDashboard.Settings.Variables.url, {
-                            waitUntil: 'networkidle',
-                        })];
-                    case 1:
-                        _a.sent();
-                        return [2];
-                }
-            });
-        });
-    };
-    VariablePage.prototype.clickAddNew = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var _a, addVariableCTAV2, addVariableCTAV2Item, newButton, ctaSelector, error_1;
-            return __generator(this, function (_b) {
-                switch (_b.label) {
-                    case 0:
-                        _a = this.ctx.selectors.pages.Dashboard.Settings.Variables.List, addVariableCTAV2 = _a.addVariableCTAV2, addVariableCTAV2Item = _a.addVariableCTAV2Item, newButton = _a.newButton;
-                        _b.label = 1;
-                    case 1:
-                        _b.trys.push([1, 4, , 6]);
-                        ctaSelector = this.getByTestIdOrAriaLabel(addVariableCTAV2(addVariableCTAV2Item));
-                        return [4, ctaSelector.waitFor()];
-                    case 2:
-                        _b.sent();
-                        return [4, ctaSelector.click()];
-                    case 3:
-                        _b.sent();
-                        return [3, 6];
-                    case 4:
-                        error_1 = _b.sent();
-                        return [4, this.getByTestIdOrAriaLabel(newButton).click()];
-                    case 5:
-                        _b.sent();
-                        return [3, 6];
-                    case 6: return [2, new VariableEditPage_1.VariableEditPage(this.ctx)];
-                }
-            });
+    async goto() {
+        await this.ctx.page.goto(this.ctx.selectors.pages.AddDashboard.Settings.Variables.url, {
+            waitUntil: 'networkidle',
         });
-    };
-    return VariablePage;
-}(GrafanaPage_1.GrafanaPage));
+    }
+    async clickAddNew() {
+        const { addVariableCTAV2, addVariableCTAV2Item, newButton } = this.ctx.selectors.pages.Dashboard.Settings.Variables.List;
+        try {
+            const ctaSelector = this.getByTestIdOrAriaLabel(addVariableCTAV2(addVariableCTAV2Item));
+            await ctaSelector.waitFor();
+            await ctaSelector.click();
+        }
+        catch (error) {
+            await this.getByTestIdOrAriaLabel(newButton).click();
+        }
+        return new VariableEditPage_1.VariableEditPage(this.ctx);
+    }
+}
 exports.VariablePage = VariablePage;

package/dist/selectorEngine.js

@@ -1,18 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.grafanaE2ESelectorEngine = void 0;
-var grafanaE2ESelectorEngine = function () { return ({
-    query: function (root, selector) {
+const grafanaE2ESelectorEngine = () => ({
+    query(root, selector) {
         if (selector.startsWith('data-testid')) {
-            return root.querySelector("[data-testid=\"".concat(selector, "\"]"));
+            return root.querySelector(`[data-testid="${selector}"]`);
         }
-        return root.querySelector("[aria-label=\"".concat(selector, "\"]"));
+        return root.querySelector(`[aria-label="${selector}"]`);
     },
-    queryAll: function (root, selector) {
+    queryAll(root, selector) {
         if (selector.startsWith('data-testid')) {
-            return root.querySelectorAll("[data-testid=\"".concat(selector, "\"]"));
+            return root.querySelectorAll(`[data-testid="${selector}"]`);
         }
-        return root.querySelectorAll("[aria-label=\"".concat(selector, "\"]"));
+        return root.querySelectorAll(`[aria-label="${selector}"]`);
     },
-}); };
+});
 exports.grafanaE2ESelectorEngine = grafanaE2ESelectorEngine;

package/dist/types.d.ts

@@ -1,4 +1,4 @@
-import { Locator, PlaywrightTestArgs } from '@playwright/test';
+import { PlaywrightTestArgs } from '@playwright/test';
 import { E2ESelectors } from './e2e-selectors/types';
 export type PluginTestCtx = {
     grafanaVersion: string;
@@ -51,15 +51,4 @@ export type NavigateOptions = {
     waitUntil?: 'load' | 'domcontentloaded' | 'networkidle' | 'commit';
     queryParams?: URLSearchParams;
 };
-export type TriggerQueryOptions = {
-    skipWaitForResponse: boolean;
-};
 export type Visualization = 'Alert list' | 'Bar gauge' | 'Clock' | 'Dashboard list' | 'Gauge' | 'Graph' | 'Heatmap' | 'Logs' | 'News' | 'Pie Chart' | 'Plugin list' | 'Polystat' | 'Stat' | 'Table' | 'Text' | 'Time series' | 'Worldmap Panel';
-export type AlertVariant = 'success' | 'warning' | 'error' | 'info';
-export interface AlertPageOptions {
-    timeout?: number;
-    has?: Locator;
-    hasNot?: Locator;
-    hasNotText?: string | RegExp;
-    hasText?: string | RegExp;
-}