@grafana/plugin-e2e 3.9.0-canary.2621.26576348885.0 → 3.9.1

package/dist/models/components/Select.js

@@ -1,6 +1,5 @@
 'use strict';
 
-var semver = require('semver');
 var ComponentBase = require('./ComponentBase.js');
 var utils = require('../utils.js');
 
@@ -8,16 +7,6 @@ class Select extends ComponentBase.ComponentBase {
   constructor(ctx, element) {
     super(ctx, element);
   }
-  static getContainer(ctx, root) {
-    const base = root ?? ctx.page;
-    if (semver.gte(ctx.grafanaVersion, "13.1.0")) {
-      return base.locator(utils.resolveGrafanaSelector(ctx.selectors.components.Select.container)).locator("xpath=..").first();
-    }
-    return base.locator('[class*="-grafana-select-value-container"]:not([class*="-grafana-select-value-container-multi"])').locator("xpath=..").first();
-  }
-  within(root) {
-    return new Select(this.ctx, Select.getContainer(this.ctx, root));
-  }
   async selectOption(values, options) {
     const menu = await openSelect(this, options);
     await this.locator().page().keyboard.type(values);

package/dist/models/components/Switch.js

@@ -1,8 +1,7 @@
 'use strict';
 
 var ComponentBase = require('./ComponentBase.js');
-var semver = require('semver');
-var utils = require('../utils.js');
+var version = require('../../utils/version.js');
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -13,21 +12,8 @@ class Switch extends ComponentBase.ComponentBase {
     __publicField(this, "group");
     this.group = group;
   }
-  static getContainer(ctx, root) {
-    const base = root ?? ctx.page;
-    if (semver.gte(ctx.grafanaVersion, "13.1.0")) {
-      return base.locator(utils.resolveGrafanaSelector(ctx.selectors.components.Switch.container)).first();
-    }
-    if (semver.gte(ctx.grafanaVersion, "12.0.0")) {
-      return base.locator('div:has(> input[type="checkbox"][role="switch"])').first();
-    }
-    return base.locator('div:has(> input[type="checkbox"] + label)').first();
-  }
-  within(root) {
-    return new Switch(this.ctx, Switch.getContainer(this.ctx, root));
-  }
   static getElement(ctx, group) {
-    if (semver.gte(ctx.grafanaVersion, "11.5.0")) {
+    if (version.gte(ctx.grafanaVersion, "11.5.0")) {
       return group.getByRole("switch");
     } else {
       return group.getByRole("checkbox");
@@ -46,7 +32,7 @@ class Switch extends ComponentBase.ComponentBase {
     }
   }
   async getSwitch(options) {
-    if (semver.lt(this.ctx.grafanaVersion, "11.3.0")) {
+    if (version.lt(this.ctx.grafanaVersion, "11.3.0")) {
       const id = await this.element.getAttribute("id", options);
       return this.group.locator(`label[for='${id}']`);
     }

package/dist/models/components/TimeRange.js

@@ -1,27 +1,8 @@
 'use strict';
 
-var semver = require('semver');
+var version = require('../../utils/version.js');
 var ScopedComponent = require('./ScopedComponent.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var semver__namespace = /*#__PURE__*/_interopNamespaceDefault(semver);
-
 class TimeRange extends ScopedComponent.ScopedComponent {
   /**
    * Opens the time picker and sets the time range to the provided values
@@ -34,7 +15,7 @@ class TimeRange extends ScopedComponent.ScopedComponent {
       await this.ctx.page.locator('[aria-controls="TimePickerContent"]').last().click();
     }
     if (zone) {
-      const changeTimeSettingsButton = semver__namespace.gte(this.ctx.grafanaVersion, "11.0.0") ? this.getByGrafanaSelector(TimeZonePicker.changeTimeSettingsButton) : this.ctx.page.getByRole("button", { name: "Change time settings" });
+      const changeTimeSettingsButton = version.gte(this.ctx.grafanaVersion, "11.0.0") ? this.getByGrafanaSelector(TimeZonePicker.changeTimeSettingsButton) : this.ctx.page.getByRole("button", { name: "Change time settings" });
       await changeTimeSettingsButton.click();
       await this.getByGrafanaSelector(TimeZonePicker.containerV2).click();
       await this.getByGrafanaSelector(Select.option).filter({ hasText: zone }).click();

package/dist/models/components/UnitPicker.js

@@ -1,23 +1,11 @@
 'use strict';
 
-var semver = require('semver');
 var ComponentBase = require('./ComponentBase.js');
-var utils = require('../utils.js');
 
 class UnitPicker extends ComponentBase.ComponentBase {
   constructor(ctx, element) {
     super(ctx, element);
   }
-  static getContainer(ctx, root) {
-    const base = root ?? ctx.page;
-    if (semver.gte(ctx.grafanaVersion, "13.1.0")) {
-      return base.locator(utils.resolveGrafanaSelector(ctx.selectors.components.UnitPicker.container)).first();
-    }
-    return base.locator('div:has(> div > [data-testid="input-wrapper"] input[placeholder="Choose"])').first();
-  }
-  within(root) {
-    return new UnitPicker(this.ctx, UnitPicker.getContainer(this.ctx, root));
-  }
   async selectOption(value, options) {
     await this.element.getByRole("textbox").click();
     const option = await this.getOption(value, options);

package/dist/models/pages/AlertRuleEditPage.js

@@ -1,30 +1,11 @@
 'use strict';
 
-var semver = require('semver');
+var version = require('../../utils/version.js');
 var GrafanaPage = require('./GrafanaPage.js');
 var AlertRuleQuery = require('../components/AlertRuleQuery.js');
 var test = require('@playwright/test');
 var isFeatureToggleEnabled = require('../../fixtures/isFeatureToggleEnabled.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var semver__namespace = /*#__PURE__*/_interopNamespaceDefault(semver);
-
 const QUERY_AND_EXPRESSION_STEP_ID = "2";
 const ALERT_PAGE_READY_TIMEOUT = 15e3;
 class AlertRuleEditPage extends GrafanaPage.GrafanaPage {
@@ -45,7 +26,7 @@ class AlertRuleEditPage extends GrafanaPage.GrafanaPage {
    * Returns a locator for hte alert rule name field
    */
   get alertRuleNameField() {
-    if (semver__namespace.gte(this.ctx.grafanaVersion, "11.1.0")) {
+    if (version.gte(this.ctx.grafanaVersion, "11.1.0")) {
       return this.getByGrafanaSelector(this.ctx.selectors.components.AlertRules.ruleNameField);
     }
     return this.ctx.page.getByPlaceholder("Give your alert rule a name");
@@ -151,7 +132,7 @@ class AlertRuleEditPage extends GrafanaPage.GrafanaPage {
    */
   async evaluate(options) {
     await this.ctx.page.waitForTimeout(1e3);
-    if (semver__namespace.gte(this.ctx.grafanaVersion, "10.0.0")) {
+    if (version.gte(this.ctx.grafanaVersion, "10.0.0")) {
       await this.ctx.page.route(this.ctx.selectors.apis.Alerting.eval, async (route) => {
         const response = await route.fetch();
         if (!response.ok()) {
@@ -171,7 +152,7 @@ class AlertRuleEditPage extends GrafanaPage.GrafanaPage {
       options
     );
     let evaluateButton = this.getByGrafanaSelector(this.ctx.selectors.components.AlertRules.previewButton);
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "11.1.0")) {
+    if (version.lt(this.ctx.grafanaVersion, "11.1.0")) {
       evaluateButton = this.ctx.page.getByRole("button", { name: "Preview", exact: true });
     }
     await test.expect(evaluateButton).toBeVisible({ timeout: ALERT_PAGE_READY_TIMEOUT });

package/dist/models/pages/AnnotationEditPage.js

@@ -1,28 +1,9 @@
 'use strict';
 
-var semver = require('semver');
+var version = require('../../utils/version.js');
 var DataSourcePicker = require('../components/DataSourcePicker.js');
 var GrafanaPage = require('./GrafanaPage.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var semver__namespace = /*#__PURE__*/_interopNamespaceDefault(semver);
-
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
@@ -41,7 +22,7 @@ class AnnotationEditPage extends GrafanaPage.GrafanaPage {
     const { Dashboard, AddDashboard } = this.ctx.selectors.pages;
     const url = this.args.dashboard?.uid ? `${Dashboard.url(this.args.dashboard.uid)}?${Dashboard.Settings.Annotations.Edit.urlParams(this.args.id)}` : AddDashboard.Settings.Annotations.Edit.url(this.args.id);
     await super.navigate(url, options);
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "9.2.0") && this.args.id) {
+    if (version.lt(this.ctx.grafanaVersion, "9.2.0") && this.args.id) {
       const list = this.ctx.page.locator("tbody tr");
       const variables = await list.all();
       await variables[Number(this.args.id)].click();
@@ -56,7 +37,7 @@ class AnnotationEditPage extends GrafanaPage.GrafanaPage {
       (resp) => resp.url().includes(this.ctx.selectors.apis.DataSource.query),
       options
     );
-    const testButton = semver__namespace.gte(this.ctx.grafanaVersion, "11.0.0") ? this.getByGrafanaSelector(this.ctx.selectors.components.Annotations.editor.testButton) : this.ctx.page.getByRole("button", { name: "TEST" });
+    const testButton = version.gte(this.ctx.grafanaVersion, "11.0.0") ? this.getByGrafanaSelector(this.ctx.selectors.components.Annotations.editor.testButton) : this.ctx.page.getByRole("button", { name: "TEST" });
     await testButton.click();
     return responsePromise;
   }

package/dist/models/pages/AnnotationPage.js

@@ -1,28 +1,9 @@
 'use strict';
 
-var semver = require('semver');
+var version = require('../../utils/version.js');
 var AnnotationEditPage = require('./AnnotationEditPage.js');
 var GrafanaPage = require('./GrafanaPage.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var semver__namespace = /*#__PURE__*/_interopNamespaceDefault(semver);
-
 class AnnotationPage extends GrafanaPage.GrafanaPage {
   constructor(ctx, dashboard) {
     super(ctx, dashboard);
@@ -45,7 +26,7 @@ class AnnotationPage extends GrafanaPage.GrafanaPage {
     if (!this.dashboard?.uid) {
       await this.getByGrafanaSelector(addAnnotationCTAV2).click();
     } else {
-      const newQueryButton = semver__namespace.gte(this.ctx.grafanaVersion, "11.0.0") ? this.getByGrafanaSelector(addAnnotationCTAV2) : this.ctx.page.getByRole("button", { name: "New query" });
+      const newQueryButton = version.gte(this.ctx.grafanaVersion, "11.0.0") ? this.getByGrafanaSelector(addAnnotationCTAV2) : this.ctx.page.getByRole("button", { name: "New query" });
       await newQueryButton.click();
     }
     const editIndex = await this.ctx.page.evaluate(() => {

package/dist/models/pages/DashboardPage.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var semver = require('semver');
+var version = require('../../utils/version.js');
 var test = require('@playwright/test');
 var DataSourcePicker = require('../components/DataSourcePicker.js');
 var GrafanaPage = require('./GrafanaPage.js');
@@ -10,25 +10,6 @@ var Panel = require('../components/Panel.js');
 var isFeatureToggleEnabled = require('../../fixtures/isFeatureToggleEnabled.js');
 var utils = require('../utils.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var semver__namespace = /*#__PURE__*/_interopNamespaceDefault(semver);
-
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -76,10 +57,10 @@ class DashboardPage extends GrafanaPage.GrafanaPage {
    */
   get toolbar() {
     const { components, pages } = this.ctx.selectors;
-    if (semver__namespace.gte(this.ctx.grafanaVersion, "11.1.0")) {
+    if (version.gte(this.ctx.grafanaVersion, "11.1.0")) {
       return this.getByGrafanaSelector(pages.Dashboard.Controls);
     }
-    return semver__namespace.gte(this.ctx.grafanaVersion, "9.4.0") ? this.getByGrafanaSelector(components.NavToolbar.container) : this.ctx.page.locator(".page-toolbar");
+    return version.gte(this.ctx.grafanaVersion, "9.4.0") ? this.getByGrafanaSelector(components.NavToolbar.container) : this.ctx.page.locator(".page-toolbar");
   }
   /**
    * Scrolls the page viewport-by-viewport to trigger below-fold panel queries.
@@ -143,7 +124,7 @@ class DashboardPage extends GrafanaPage.GrafanaPage {
    */
   getPanelByTitle(title) {
     let locator = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.title(title));
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "9.5.0")) {
+    if (version.lt(this.ctx.grafanaVersion, "9.5.0")) {
       locator = locator.locator("..").locator("..");
     }
     return new Panel.Panel(this.ctx, locator);
@@ -157,7 +138,7 @@ class DashboardPage extends GrafanaPage.GrafanaPage {
    * await expect(panel.fieldNames()).toContainText(['time', 'temperature']);
    */
   getPanelById(panelId) {
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "11.3.0")) {
+    if (version.lt(this.ctx.grafanaVersion, "11.3.0")) {
       return new Panel.Panel(this.ctx, this.ctx.page.locator(`[data-panelid="${panelId}"]`));
     }
     return new Panel.Panel(this.ctx, this.ctx.page.locator(`[data-viz-panel-key="panel-${panelId}"]`));
@@ -168,7 +149,7 @@ class DashboardPage extends GrafanaPage.GrafanaPage {
   async addPanel() {
     const { components, pages, constants } = this.ctx.selectors;
     let scenesEnabled = true;
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "13.0.0")) {
+    if (version.lt(this.ctx.grafanaVersion, "13.0.0")) {
       scenesEnabled = await isFeatureToggleEnabled.isLegacyFeatureEnabled(this.ctx.page, "dashboardScene");
     }
     if (scenesEnabled && this.dashboard?.uid) {
@@ -183,7 +164,7 @@ class DashboardPage extends GrafanaPage.GrafanaPage {
         await showMoreItems.click();
       }
     }
-    const useNewSidebarLayout = semver__namespace.gte(this.ctx.grafanaVersion, "13.0.0") && await isFeatureToggleEnabled.isLegacyFeatureEnabled(this.ctx.page, "dashboardNewLayouts");
+    const useNewSidebarLayout = version.gte(this.ctx.grafanaVersion, "13.0.0") && await isFeatureToggleEnabled.isLegacyFeatureEnabled(this.ctx.page, "dashboardNewLayouts");
     if (useNewSidebarLayout) {
       await this.ctx.page.waitForSelector(utils.resolveGrafanaSelector(this.ctx.selectors.components.Sidebar.container));
       const newPanelButton = this.getByGrafanaSelector(components.Sidebar.newPanelButton);
@@ -191,9 +172,9 @@ class DashboardPage extends GrafanaPage.GrafanaPage {
         await this.getByGrafanaSelector(pages.Dashboard.Sidebar.addButton).click();
       }
       await this.getByGrafanaSelector(components.Sidebar.newPanelButton).click();
-      const configureButton = semver__namespace.lt(this.ctx.grafanaVersion, "13.1.0") ? this.getByGrafanaSelector(components.Sidebar.container).getByRole("button", { name: "Configure" }) : this.getByGrafanaSelector(components.Sidebar.configurePanelButton);
+      const configureButton = version.lt(this.ctx.grafanaVersion, "13.1.0") ? this.getByGrafanaSelector(components.Sidebar.container).getByRole("button", { name: "Configure" }) : this.getByGrafanaSelector(components.Sidebar.configurePanelButton);
       await configureButton.click();
-    } else if (semver__namespace.gte(this.ctx.grafanaVersion, "9.5.0")) {
+    } else if (version.gte(this.ctx.grafanaVersion, "9.5.0")) {
       let addButton = this.getByGrafanaSelector(
         components.PageToolbar.itemButton(constants.PageToolBar.itemButtonTitle)
       );

package/dist/models/pages/ExplorePage.js

@@ -1,30 +1,11 @@
 'use strict';
 
-var semver = require('semver');
+var version = require('../../utils/version.js');
 var DataSourcePicker = require('../components/DataSourcePicker.js');
 var GrafanaPage = require('./GrafanaPage.js');
 var TimeRange = require('../components/TimeRange.js');
 var Panel = require('../components/Panel.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var semver__namespace = /*#__PURE__*/_interopNamespaceDefault(semver);
-
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -53,9 +34,9 @@ class ExplorePage extends GrafanaPage.GrafanaPage {
     let locator = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.title(suffix), {
       startsWith: true
     });
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "9.3.0")) {
+    if (version.lt(this.ctx.grafanaVersion, "9.3.0")) {
       locator = page.getByText(suffix).locator("..").locator("..").locator("..");
-    } else if (semver__namespace.lt(this.ctx.grafanaVersion, "10.0.0")) {
+    } else if (version.lt(this.ctx.grafanaVersion, "10.0.0")) {
       locator = page.getByRole("button", { name: text }).locator("..");
     }
     return locator;

package/dist/models/pages/PanelEditPage.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var semver = require('semver');
+var version = require('../../utils/version.js');
 var test = require('@playwright/test');
 var DataSourcePicker = require('../components/DataSourcePicker.js');
 var GrafanaPage = require('./GrafanaPage.js');
@@ -10,25 +10,6 @@ var utils = require('../utils.js');
 var DashboardPage = require('./DashboardPage.js');
 var PanelEditOptionsGroup = require('../components/PanelEditOptionsGroup.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var semver__namespace = /*#__PURE__*/_interopNamespaceDefault(semver);
-
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
@@ -48,7 +29,7 @@ class PanelEditPage extends GrafanaPage.GrafanaPage {
     const locator = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.title(""), {
       startsWith: true
     });
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "9.5.0")) {
+    if (version.lt(this.ctx.grafanaVersion, "9.5.0")) {
       return locator.locator("..").locator("..");
     }
     return locator;
@@ -66,7 +47,7 @@ class PanelEditPage extends GrafanaPage.GrafanaPage {
   async toggleTableView() {
     await utils.radioButtonSetChecked(this.ctx.page, "Table view", true);
     let locator = this.getByGrafanaSelector(this.ctx.selectors.components.Panels.Panel.title(""));
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "10.4.0")) {
+    if (version.lt(this.ctx.grafanaVersion, "10.4.0")) {
       locator = this.ctx.page.getByRole("table");
     }
     this.panel = new Panel.Panel(this.ctx, locator);
@@ -86,7 +67,7 @@ class PanelEditPage extends GrafanaPage.GrafanaPage {
     const { OptionsGroup, PanelEditor } = this.ctx.selectors.components;
     const sectionGroupTitle = "Panel options";
     await this.collapseSection(sectionGroupTitle);
-    const vizInput = semver__namespace.gte(this.ctx.grafanaVersion, "11.0.0") ? this.getByGrafanaSelector(PanelEditor.OptionsPane.fieldInput(TITLE)) : this.getByGrafanaSelector(OptionsGroup.group(sectionGroupTitle)).locator("input").first();
+    const vizInput = version.gte(this.ctx.grafanaVersion, "11.0.0") ? this.getByGrafanaSelector(PanelEditor.OptionsPane.fieldInput(TITLE)) : this.getByGrafanaSelector(OptionsGroup.group(sectionGroupTitle)).locator("input").first();
     await vizInput.fill(titleText);
     await this.ctx.page.keyboard.press("Tab");
   }
@@ -100,7 +81,7 @@ class PanelEditPage extends GrafanaPage.GrafanaPage {
     if (showPanelEditElementCount > 0) {
       await showPanelEditElement.click();
     }
-    if (semver__namespace.gte(this.ctx.grafanaVersion, "12.4.0")) {
+    if (version.gte(this.ctx.grafanaVersion, "12.4.0")) {
       const allVisualizationsTab = components.Tab.title(constants.Tab.title);
       if (!await this.getByGrafanaSelector(allVisualizationsTab).isVisible()) {
         await this.getByGrafanaSelector(components.PanelEditor.toggleVizPicker).click();
@@ -110,7 +91,7 @@ class PanelEditPage extends GrafanaPage.GrafanaPage {
       await this.getByGrafanaSelector(components.PanelEditor.toggleVizPicker).click();
     }
     await this.getByGrafanaSelector(components.PluginVisualization.item(visualization)).click();
-    const vizSelector = semver__namespace.lt(this.ctx.grafanaVersion, "12.4.0") ? components.PanelEditor.toggleVizPicker : components.PanelEditor.OptionsPane.header;
+    const vizSelector = version.lt(this.ctx.grafanaVersion, "12.4.0") ? components.PanelEditor.toggleVizPicker : components.PanelEditor.OptionsPane.header;
     await test.expect(
       this.getByGrafanaSelector(vizSelector),
       `Could not set visualization to ${visualization}. Ensure the panel is installed.`
@@ -133,7 +114,7 @@ class PanelEditPage extends GrafanaPage.GrafanaPage {
    * Returns the name of the visualization currently selected in the panel editor
    */
   getVisualizationName() {
-    const vizSelector = semver__namespace.lt(this.ctx.grafanaVersion, "12.4.0") ? this.ctx.selectors.components.PanelEditor.toggleVizPicker : this.ctx.selectors.components.PanelEditor.OptionsPane.header;
+    const vizSelector = version.lt(this.ctx.grafanaVersion, "12.4.0") ? this.ctx.selectors.components.PanelEditor.toggleVizPicker : this.ctx.selectors.components.PanelEditor.OptionsPane.header;
     return this.getByGrafanaSelector(vizSelector);
   }
   /**
@@ -141,7 +122,7 @@ class PanelEditPage extends GrafanaPage.GrafanaPage {
    * In versions prior to 11.3.0, this method clicks the "Apply" button instead
    */
   async backToDashboard() {
-    if (semver__namespace.gte(this.ctx.grafanaVersion, "11.3.0")) {
+    if (version.gte(this.ctx.grafanaVersion, "11.3.0")) {
       await this.getByGrafanaSelector(
         this.ctx.selectors.components.NavToolbar.editDashboard.backToDashboardButton
       ).click();

package/dist/models/pages/VariableEditPage.js

@@ -1,29 +1,10 @@
 'use strict';
 
-var semver = require('semver');
+var version = require('../../utils/version.js');
 var test = require('@playwright/test');
 var DataSourcePicker = require('../components/DataSourcePicker.js');
 var GrafanaPage = require('./GrafanaPage.js');
 
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var semver__namespace = /*#__PURE__*/_interopNamespaceDefault(semver);
-
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
@@ -42,7 +23,7 @@ class VariableEditPage extends GrafanaPage.GrafanaPage {
     const { Dashboard, AddDashboard } = this.ctx.selectors.pages;
     const url = this.args.dashboard?.uid ? `${Dashboard.url(this.args.dashboard.uid)}?${Dashboard.Settings.Variables.Edit.urlParams(this.args.id)}` : AddDashboard.Settings.Variables.Edit.url(this.args.id);
     await super.navigate(url, options);
-    if (semver__namespace.lt(this.ctx.grafanaVersion, "9.2.0") && this.args.id) {
+    if (version.lt(this.ctx.grafanaVersion, "9.2.0") && this.args.id) {
       const list = await this.getByGrafanaSelector(
         this.ctx.selectors.pages.Dashboard.Settings.Variables.List.table
       ).locator("tbody tr");
@@ -72,7 +53,7 @@ class VariableEditPage extends GrafanaPage.GrafanaPage {
    * @example await this.ctx.page.waitForResponse((resp) => resp.url().includes('<url>')
    */
   async runQuery() {
-    if (semver__namespace.gte(this.ctx.grafanaVersion, "9.2.0")) {
+    if (version.gte(this.ctx.grafanaVersion, "9.2.0")) {
       await this.getByGrafanaSelector(
         this.ctx.selectors.pages.Dashboard.Settings.Variables.Edit.General.submitButton
       ).click();

package/dist/utils/version.js

@@ -0,0 +1,107 @@
+'use strict';
+
+function parseVer(v) {
+  const cleaned = v.split("+")[0];
+  const dash = cleaned.indexOf("-");
+  const base = dash === -1 ? cleaned : cleaned.slice(0, dash);
+  const preStr = dash === -1 ? "" : cleaned.slice(dash + 1);
+  const [ma = 0, mi = 0, pa = 0] = base.split(".").map((s) => parseInt(s, 10));
+  return {
+    major: ma,
+    minor: mi,
+    patch: pa,
+    pre: preStr ? preStr.split(".") : null
+  };
+}
+function cmpPre(a, b) {
+  const len = Math.max(a.length, b.length);
+  for (let i = 0; i < len; i++) {
+    const ai = a[i];
+    const bi = b[i];
+    if (ai === void 0) {
+      return -1;
+    }
+    if (bi === void 0) {
+      return 1;
+    }
+    const aIsNum = /^\d+$/.test(ai);
+    const bIsNum = /^\d+$/.test(bi);
+    if (aIsNum && bIsNum) {
+      const diff = parseInt(ai, 10) - parseInt(bi, 10);
+      if (diff !== 0) {
+        return diff;
+      }
+    } else if (aIsNum) {
+      return -1;
+    } else if (bIsNum) {
+      return 1;
+    } else if (ai < bi) {
+      return -1;
+    } else if (ai > bi) {
+      return 1;
+    }
+  }
+  return 0;
+}
+function cmp(a, b) {
+  const va = parseVer(a);
+  const vb = parseVer(b);
+  if (va.major !== vb.major) {
+    return va.major - vb.major;
+  }
+  if (va.minor !== vb.minor) {
+    return va.minor - vb.minor;
+  }
+  if (va.patch !== vb.patch) {
+    return va.patch - vb.patch;
+  }
+  if (!va.pre && !vb.pre) {
+    return 0;
+  }
+  if (!va.pre) {
+    return 1;
+  }
+  if (!vb.pre) {
+    return -1;
+  }
+  return cmpPre(va.pre, vb.pre);
+}
+const gte = (a, b) => cmp(a, b) >= 0;
+const lt = (a, b) => cmp(a, b) < 0;
+const lte = (a, b) => cmp(a, b) <= 0;
+const gt = (a, b) => cmp(a, b) > 0;
+const eq = (a, b) => cmp(a, b) === 0;
+const satisfies = (version, range) => {
+  const orGroups = range.split("||").map((group) => group.trim());
+  return orGroups.some((group) => {
+    const comparators = group.split(/\s+/).filter(Boolean);
+    return comparators.every((comparator) => evalComparator(version, comparator));
+  });
+};
+function evalComparator(version, comparator) {
+  const match = comparator.match(/^(>=|<=|>|<|=)?(.+)$/);
+  if (!match) {
+    return false;
+  }
+  const [, op = "=", target] = match;
+  switch (op) {
+    case ">=":
+      return gte(version, target);
+    case "<=":
+      return lte(version, target);
+    case ">":
+      return gt(version, target);
+    case "<":
+      return lt(version, target);
+    case "=":
+    default:
+      return eq(version, target);
+  }
+}
+
+exports.eq = eq;
+exports.gt = gt;
+exports.gte = gte;
+exports.lt = lt;
+exports.lte = lte;
+exports.satisfies = satisfies;