@grafana/plugin-e2e 0.0.2-canary.610.7379ad2.0 → 0.0.2

package/dist/api.d.ts

@@ -1,6 +1,6 @@
 import { E2ESelectors } from './e2e-selectors/types';
 import { CreateDataSourceArgs, CreateDataSourcePageArgs, DataSource, ReadProvisionArgs } from './types';
-import { PanelEditPage, GrafanaPage, DataSourceConfigPage, DashboardPage, VariableEditPage, AnnotationEditPage } from './models';
+import { PanelEditPage, DataSourceConfigPage, DashboardPage, VariableEditPage, AnnotationEditPage } from './models';
 import { ExplorePage } from './models/ExplorePage';
 export type PluginOptions = {
     selectorRegistration: void;
@@ -20,7 +20,7 @@ export type PluginFixture = {
 };
 export declare const test: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & PluginFixture & PluginOptions, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions>;
 export declare const expect: import("@playwright/test").Expect<{
-    toBeOK: (request: Promise<import("playwright-core").Response>) => Promise<{
+    toBeOK: (request: Promise<import("@playwright/test").Response>) => Promise<{
         message: () => string;
         pass: boolean;
         actual: number;
@@ -37,9 +37,5 @@ export declare const expect: import("@playwright/test").Expect<{
         actual: boolean;
         message: () => string;
     }>;
-    toHaveAlert: (grafanaPage: GrafanaPage, severity: import("./matchers/toHaveAlert").AlertVariant, options?: import("./types").AlertPageOptions) => Promise<{
-        message: () => any;
-        pass: boolean;
-    }>;
 }>;
 export { selectors } from '@playwright/test';

package/dist/api.js

@@ -4,10 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.selectors = exports.expect = exports.test = void 0;
-var test_1 = require("@playwright/test");
-var fixtures_1 = __importDefault(require("./fixtures"));
-var matchers_1 = __importDefault(require("./matchers"));
-var selectorEngine_1 = require("./selectorEngine");
+const test_1 = require("@playwright/test");
+const fixtures_1 = __importDefault(require("./fixtures"));
+const matchers_1 = __importDefault(require("./matchers"));
+const selectorEngine_1 = require("./selectorEngine");
 exports.test = test_1.test.extend(fixtures_1.default);
 exports.expect = test_1.expect.extend(matchers_1.default);
 test_1.selectors.register('selector', selectorEngine_1.grafanaE2ESelectorEngine);

package/dist/e2e-selectors/resolver.js

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveSelectors = void 0;
-var semver = require('semver');
-var processSelectors = function (selectors, versionedSelectors, grafanaVersion) {
-    var keys = Object.keys(versionedSelectors);
-    for (var index = 0; index < keys.length; index++) {
-        var key = keys[index];
-        var value = versionedSelectors[key];
+const semver = require('semver');
+const processSelectors = (selectors, versionedSelectors, grafanaVersion) => {
+    const keys = Object.keys(versionedSelectors);
+    for (let index = 0; index < keys.length; index++) {
+        const key = keys[index];
+        const value = versionedSelectors[key];
         if (typeof value === 'object' && Object.keys(value).length > 0 && !semver.valid(Object.keys(value)[0])) {
             selectors[key] = processSelectors({}, value, grafanaVersion);
         }
         else {
             if (typeof value === 'object' && Object.keys(value).length > 0 && semver.valid(Object.keys(value)[0])) {
-                var sorted = Object.keys(value).sort(semver.rcompare);
-                var validVersion = sorted[0];
-                for (var index_1 = 0; index_1 < sorted.length; index_1++) {
-                    var version = sorted[index_1];
+                const sorted = Object.keys(value).sort(semver.rcompare);
+                let validVersion = sorted[0];
+                for (let index = 0; index < sorted.length; index++) {
+                    const version = sorted[index];
                     if (semver.gte(grafanaVersion, version)) {
                         validVersion = version;
                         break;
@@ -31,8 +31,8 @@ var processSelectors = function (selectors, versionedSelectors, grafanaVersion)
     }
     return selectors;
 };
-var resolveSelectors = function (versionedSelectors, grafanaVersion) {
-    var selectors = {};
+const resolveSelectors = (versionedSelectors, grafanaVersion) => {
+    const selectors = {};
     return processSelectors(selectors, versionedSelectors, grafanaVersion.replace(/\-.*/, ''));
 };
 exports.resolveSelectors = resolveSelectors;

package/dist/e2e-selectors/resolver.test.js

@@ -1,33 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var resolver_1 = require("./resolver");
-var versioned_1 = require("./versioned");
-var apis_1 = require("./versioned/apis");
-var constants_1 = require("./versioned/constants");
-var GRAFANA_VERSION = '10.2.0';
-var versionedSelectors = {
+const resolver_1 = require("./resolver");
+const versioned_1 = require("./versioned");
+const apis_1 = require("./versioned/apis");
+const constants_1 = require("./versioned/constants");
+const GRAFANA_VERSION = '10.2.0';
+let versionedSelectors = {
     components: versioned_1.versionedComponents,
     pages: versioned_1.versionedPages,
     apis: apis_1.versionedAPIs,
 };
-var originalVersionedSelectors = versionedSelectors;
-describe('resolveSelectors', function () {
-    afterEach(function () {
+const originalVersionedSelectors = versionedSelectors;
+describe('resolveSelectors', () => {
+    afterEach(() => {
         versionedSelectors = originalVersionedSelectors;
     });
-    test('handles selector without version', function () {
+    test('handles selector without version', () => {
         versionedSelectors.components.PanelEditor.General.content = 'Panel editor content';
-        var selectors = (0, resolver_1.resolveSelectors)(versionedSelectors, GRAFANA_VERSION);
+        const selectors = (0, resolver_1.resolveSelectors)(versionedSelectors, GRAFANA_VERSION);
         expect(selectors.components.PanelEditor.General.content).toBe('Panel editor content');
     });
-    test('returns the right selector value when it has multiple versions', function () {
-        var _a;
-        versionedSelectors.components.CodeEditor.container = (_a = {
-                '10.3.0': 'data-testid Code editor container'
-            },
-            _a[constants_1.MIN_GRAFANA_VERSION] = 'Code editor container',
-            _a);
-        var selectors = (0, resolver_1.resolveSelectors)(versionedSelectors, '10.4.0');
+    test('returns the right selector value when it has multiple versions', () => {
+        versionedSelectors.components.CodeEditor.container = {
+            '10.3.0': 'data-testid Code editor container',
+            [constants_1.MIN_GRAFANA_VERSION]: 'Code editor container',
+        };
+        let selectors = (0, resolver_1.resolveSelectors)(versionedSelectors, '10.4.0');
         expect(selectors.components.CodeEditor.container).toBe('data-testid Code editor container');
         selectors = (0, resolver_1.resolveSelectors)(versionedSelectors, '10.3.0');
         expect(selectors.components.CodeEditor.container).toBe('data-testid Code editor container');

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

@@ -10,7 +10,7 @@ export type APIs = {
         queryPattern: string;
         query: string;
         health: (uid: string, id: string) => string;
-        datasourceByUID: (uid: string) => string;
+        delete: (uid: string) => string;
     };
     Dashboard: {
         delete: (uid: string) => string;
@@ -190,10 +190,7 @@ export type Components = {
     AlertTab: {
         content: string;
     };
-    Alert: {
-        alert: (severity: string) => string;
-        alertV2: (severity: string) => string;
-    };
+    Alert: {};
     TransformTab: {
         content: string;
     };

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

@@ -17,7 +17,7 @@ export declare const versionedAPIs: {
             "9.5.0": (uid: string, _: string) => string;
             "8.0.0": (_: string, id: string) => string;
         };
-        datasourceByUID: {
+        delete: {
             "8.0.0": (uid: string) => string;
         };
     };

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

@@ -1,35 +1,33 @@
 "use strict";
-var _a, _b, _c, _d, _e, _f, _g;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.versionedAPIs = void 0;
-var constants_1 = require("./constants");
+const constants_1 = require("./constants");
 exports.versionedAPIs = {
     DataSource: {
-        resourcePattern: (_a = {},
-            _a[constants_1.MIN_GRAFANA_VERSION] = '/api/datasources/*/resources',
-            _a),
-        resourceUIDPattern: (_b = {
-                '9.4.4': '/api/datasources/uid/*/resources'
-            },
-            _b[constants_1.MIN_GRAFANA_VERSION] = '/api/datasources/*/resources',
-            _b),
-        queryPattern: (_c = {},
-            _c[constants_1.MIN_GRAFANA_VERSION] = '*/**/api/ds/query*',
-            _c),
-        query: (_d = {},
-            _d[constants_1.MIN_GRAFANA_VERSION] = '/api/ds/query',
-            _d),
-        health: (_e = {},
-            _e['9.5.0'] = function (uid, _) { return "/api/datasources/uid/".concat(uid, "/health"); },
-            _e[constants_1.MIN_GRAFANA_VERSION] = function (_, id) { return "/api/datasources/".concat(id, "/health"); },
-            _e),
-        datasourceByUID: (_f = {},
-            _f[constants_1.MIN_GRAFANA_VERSION] = function (uid) { return "/api/datasources/uid/".concat(uid); },
-            _f),
+        resourcePattern: {
+            [constants_1.MIN_GRAFANA_VERSION]: '/api/datasources/*/resources',
+        },
+        resourceUIDPattern: {
+            '9.4.4': '/api/datasources/uid/*/resources',
+            [constants_1.MIN_GRAFANA_VERSION]: '/api/datasources/*/resources',
+        },
+        queryPattern: {
+            [constants_1.MIN_GRAFANA_VERSION]: '*/**/api/ds/query*',
+        },
+        query: {
+            [constants_1.MIN_GRAFANA_VERSION]: '/api/ds/query',
+        },
+        health: {
+            ['9.5.0']: (uid, _) => `/api/datasources/uid/${uid}/health`,
+            [constants_1.MIN_GRAFANA_VERSION]: (_, id) => `/api/datasources/${id}/health`,
+        },
+        delete: {
+            [constants_1.MIN_GRAFANA_VERSION]: (uid) => `/api/datasources/uid/${uid}`,
+        },
     },
     Dashboard: {
-        delete: (_g = {},
-            _g[constants_1.MIN_GRAFANA_VERSION] = function (uid) { return "/api/datasources/uid/".concat(uid); },
-            _g),
+        delete: {
+            [constants_1.MIN_GRAFANA_VERSION]: (uid) => `/api/datasources/uid/${uid}`,
+        },
     },
 };

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

@@ -1,20 +1,18 @@
 "use strict";
-var _a, _b, _c, _d, _e, _f;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.versionedComponents = void 0;
-var constants_1 = require("./constants");
+const constants_1 = require("./constants");
 exports.versionedComponents = {
     Breadcrumbs: {
         breadcrumb: {
-            '9.4.0': function (title) { return "data-testid ".concat(title, " breadcrumb"); },
+            '9.4.0': (title) => `data-testid ${title} breadcrumb`,
         },
     },
     TimePicker: {
-        openButton: (_a = {
-                '8.1.0': 'data-testid TimePicker Open Button'
-            },
-            _a[constants_1.MIN_GRAFANA_VERSION] = 'TimePicker open button',
-            _a),
+        openButton: {
+            '8.1.0': 'data-testid TimePicker Open Button',
+            [constants_1.MIN_GRAFANA_VERSION]: 'TimePicker open button',
+        },
         fromField: 'Time Range from field',
         toField: 'Time Range to field',
         applyTimeRange: 'data-testid TimePicker submit button',
@@ -26,7 +24,7 @@ exports.versionedComponents = {
         absoluteTimeRangeTitle: 'data-testid-absolute-time-range-narrow',
     },
     DataSourcePermissions: {
-        form: function () { return 'form[name="addPermission"]'; },
+        form: () => 'form[name="addPermission"]',
         roleType: 'Role to add new permission to',
         rolePicker: 'Built-in role picker',
         permissionLevel: 'Permission Level',
@@ -61,9 +59,9 @@ exports.versionedComponents = {
         },
     },
     Menu: {
-        MenuComponent: function (title) { return "".concat(title, " menu"); },
-        MenuGroup: function (title) { return "".concat(title, " menu group"); },
-        MenuItem: function (title) { return "".concat(title, " menu item"); },
+        MenuComponent: (title) => `${title} menu`,
+        MenuGroup: (title) => `${title} menu group`,
+        MenuItem: (title) => `${title} menu item`,
         SubMenu: {
             container: 'SubMenu container',
             icon: 'SubMenu icon',
@@ -71,17 +69,17 @@ exports.versionedComponents = {
     },
     Panels: {
         Panel: {
-            title: function (title) { return "data-testid Panel header ".concat(title); },
-            headerItems: function (item) { return "data-testid Panel header item ".concat(item); },
-            menuItems: function (item) { return "data-testid Panel menu item ".concat(item); },
-            menu: function (title) { return "data-testid Panel menu ".concat(title); },
-            containerByTitle: function (title) { return "".concat(title, " panel"); },
-            headerCornerInfo: function (mode) { return "Panel header ".concat(mode); },
-            status: (_b = {},
-                _b['10.2.0'] = function (status) { return "data-testid Panel status ".concat(status); },
-                _b[constants_1.MIN_GRAFANA_VERSION] = function (_) { return 'Panel status'; },
-                _b),
-            loadingBar: function () { return "Panel loading bar"; },
+            title: (title) => `data-testid Panel header ${title}`,
+            headerItems: (item) => `data-testid Panel header item ${item}`,
+            menuItems: (item) => `data-testid Panel menu item ${item}`,
+            menu: (title) => `data-testid Panel menu ${title}`,
+            containerByTitle: (title) => `${title} panel`,
+            headerCornerInfo: (mode) => `Panel header ${mode}`,
+            status: {
+                ['10.2.0']: (status) => `data-testid Panel status ${status}`,
+                [constants_1.MIN_GRAFANA_VERSION]: (_) => 'Panel status',
+            },
+            loadingBar: () => `Panel loading bar`,
             HoverWidget: {
                 container: 'data-testid hover-header-container',
                 dragIcon: 'data-testid drag-icon',
@@ -94,11 +92,11 @@ exports.versionedComponents = {
                     legendSection: 'Legend section',
                 },
                 Legend: {
-                    legendItemAlias: function (name) { return "gpl alias ".concat(name); },
+                    legendItemAlias: (name) => `gpl alias ${name}`,
                     showLegendSwitch: 'gpl show legend',
                 },
                 xAxis: {
-                    labels: function () { return 'div.flot-x-axis > div.flot-tick-label'; },
+                    labels: () => 'div.flot-x-axis > div.flot-tick-label',
                 },
             },
             BarGauge: {
@@ -109,7 +107,7 @@ exports.versionedComponents = {
                 svgSlice: 'Pie Chart Slice',
             },
             Text: {
-                container: function () { return '.markdown-html'; },
+                container: () => '.markdown-html',
             },
             Table: {
                 header: 'table header',
@@ -121,15 +119,15 @@ exports.versionedComponents = {
         },
     },
     VizLegend: {
-        seriesName: function (name) { return "VizLegend series ".concat(name); },
+        seriesName: (name) => `VizLegend series ${name}`,
     },
     Drawer: {
         General: {
-            title: function (title) { return "Drawer title ".concat(title); },
+            title: (title) => `Drawer title ${title}`,
             expand: 'Drawer expand',
             contract: 'Drawer contract',
             close: 'Drawer close',
-            rcContentWrapper: function () { return '.rc-drawer-content-wrapper'; },
+            rcContentWrapper: () => '.rc-drawer-content-wrapper',
         },
     },
     PanelEditor: {
@@ -139,17 +137,16 @@ exports.versionedComponents = {
         OptionsPane: {
             content: 'Panel editor option pane content',
             select: 'Panel editor option pane select',
-            fieldLabel: function (type) { return "".concat(type, " field property editor"); },
+            fieldLabel: (type) => `${type} field property editor`,
         },
         DataPane: {
             content: 'Panel editor data pane content',
         },
         applyButton: 'data-testid Apply changes and go back to dashboard',
-        toggleVizPicker: (_c = {
-                '10.0.0': 'data-testid toggle-viz-picker'
-            },
-            _c[constants_1.MIN_GRAFANA_VERSION] = 'toggle-viz-picker',
-            _c),
+        toggleVizPicker: {
+            '10.0.0': 'data-testid toggle-viz-picker',
+            [constants_1.MIN_GRAFANA_VERSION]: 'toggle-viz-picker',
+        },
         toggleVizOptions: 'data-testid toggle-viz-options',
         toggleTableView: 'toggle-table-view',
         showZoomField: 'Map controls Show zoom control field property editor',
@@ -172,12 +169,12 @@ exports.versionedComponents = {
         Query: {
             content: 'Panel inspector Query content',
             refreshButton: 'Panel inspector Query refresh button',
-            jsonObjectKeys: function () { return '.json-formatter-key'; },
+            jsonObjectKeys: () => '.json-formatter-key',
         },
     },
     Tab: {
-        title: function (title) { return "Tab ".concat(title); },
-        active: function () { return '[class*="-activeTabStyle"]'; },
+        title: (title) => `Tab ${title}`,
+        active: () => '[class*="-activeTabStyle"]',
     },
     RefreshPicker: {
         runButton: 'RefreshPicker run button',
@@ -198,25 +195,25 @@ exports.versionedComponents = {
         rows: 'Query editor row',
     },
     QueryEditorRow: {
-        actionButton: function (title) { return "".concat(title); },
-        title: function (refId) { return "Query editor row title ".concat(refId); },
-        container: function (refId) { return "Query editor row ".concat(refId); },
+        actionButton: (title) => `${title}`,
+        title: (refId) => `Query editor row title ${refId}`,
+        container: (refId) => `Query editor row ${refId}`,
     },
     AlertTab: {
         content: 'Alert editor tab content',
     },
     Alert: {
-        alert: function (severity) { return "Alert ".concat(severity); },
-        alertV2: function (severity) { return "data-testid Alert ".concat(severity); },
+        alert: (severity) => `Alert ${severity}`,
+        alertV2: (severity) => `data-testid Alert ${severity}`,
     },
     TransformTab: {
         content: 'data-testid Transform editor tab content',
-        newTransform: function (name) { return "data-testid New transform ".concat(name); },
-        transformationEditor: function (name) { return "data-testid Transformation editor ".concat(name); },
-        transformationEditorDebugger: function (name) { return "data-testid Transformation editor debugger ".concat(name); },
+        newTransform: (name) => `data-testid New transform ${name}`,
+        transformationEditor: (name) => `data-testid Transformation editor ${name}`,
+        transformationEditorDebugger: (name) => `data-testid Transformation editor debugger ${name}`,
     },
     Transforms: {
-        card: function (name) { return "data-testid New transform ".concat(name); },
+        card: (name) => `data-testid New transform ${name}`,
         Reduce: {
             modeLabel: 'Transform mode label',
             calculationsLabel: 'Transform calculations label',
@@ -263,36 +260,35 @@ exports.versionedComponents = {
         container: 'data-testid Nav toolbar',
     },
     PageToolbar: {
-        container: function () { return '.page-toolbar'; },
-        item: function (tooltip) { return "".concat(tooltip); },
-        shotMoreItems: (_d = {},
-            _d[constants_1.MIN_GRAFANA_VERSION] = 'Show more items',
-            _d),
-        itemButton: function (title) { return "data-testid ".concat(title); },
-        itemButtonTitle: (_e = {
-                '10.1.0': 'Add button'
-            },
-            _e[constants_1.MIN_GRAFANA_VERSION] = 'Add panel button',
-            _e),
+        container: () => '.page-toolbar',
+        item: (tooltip) => `${tooltip}`,
+        shotMoreItems: {
+            [constants_1.MIN_GRAFANA_VERSION]: 'Show more items',
+        },
+        itemButton: (title) => `data-testid ${title}`,
+        itemButtonTitle: {
+            '10.1.0': 'Add button',
+            [constants_1.MIN_GRAFANA_VERSION]: 'Add panel button',
+        },
     },
     QueryEditorToolbarItem: {
-        button: function (title) { return "QueryEditor toolbar item button ".concat(title); },
+        button: (title) => `QueryEditor toolbar item button ${title}`,
     },
     BackButton: {
         backArrow: 'Go Back',
     },
     OptionsGroup: {
-        group: function (title) { return (title ? "Options group ".concat(title) : 'Options group'); },
-        toggle: function (title) { return (title ? "Options group ".concat(title, " toggle") : 'Options group toggle'); },
+        group: (title) => (title ? `Options group ${title}` : 'Options group'),
+        toggle: (title) => (title ? `Options group ${title} toggle` : 'Options group toggle'),
     },
     PluginVisualization: {
-        item: function (title) { return "Plugin visualization item ".concat(title); },
-        current: function () { return '[class*="-currentVisualizationItem"]'; },
+        item: (title) => `Plugin visualization item ${title}`,
+        current: () => '[class*="-currentVisualizationItem"]',
     },
     Select: {
         option: 'Select option',
-        input: function () { return 'input[id*="time-options-input"]'; },
-        singleValue: function () { return 'div[class*="-singleValue"]'; },
+        input: () => 'input[id*="time-options-input"]',
+        singleValue: () => 'div[class*="-singleValue"]',
     },
     FieldConfigEditor: {
         content: 'Field config editor content',
@@ -313,7 +309,7 @@ exports.versionedComponents = {
             '10.0.0': 'data-testid Data source picker select container',
             '8.3.0': 'Data source picker select container',
         },
-        input: function () { return 'input[id="data-source-picker"]'; },
+        input: () => 'input[id="data-source-picker"]',
         inputV2: 'data-testid Select a data source',
     },
     TimeZonePicker: {
@@ -336,8 +332,8 @@ exports.versionedComponents = {
         matchOperatorSelect: 'Select match operator',
     },
     ValuePicker: {
-        button: function (name) { return "Value picker button ".concat(name); },
-        select: function (name) { return "Value picker select ".concat(name); },
+        button: (name) => `Value picker button ${name}`,
+        select: (name) => `Value picker select ${name}`,
     },
     Search: {
         section: 'Search section',
@@ -345,11 +341,11 @@ exports.versionedComponents = {
         items: 'Search items',
         itemsV2: 'data-testid Search items',
         cards: 'data-testid Search cards',
-        collapseFolder: function (sectionId) { return "data-testid Collapse folder ".concat(sectionId); },
-        expandFolder: function (sectionId) { return "data-testid Expand folder ".concat(sectionId); },
-        dashboardCard: function (item) { return "data-testid Search card ".concat(item); },
-        folderHeader: function (folderName) { return "data-testid Folder header ".concat(folderName); },
-        folderContent: function (folderName) { return "data-testid Folder content ".concat(folderName); },
+        collapseFolder: (sectionId) => `data-testid Collapse folder ${sectionId}`,
+        expandFolder: (sectionId) => `data-testid Expand folder ${sectionId}`,
+        dashboardCard: (item) => `data-testid Search card ${item}`,
+        folderHeader: (folderName) => `data-testid Folder header ${folderName}`,
+        folderContent: (folderName) => `data-testid Folder content ${folderName}`,
         dashboardItems: 'data-testid Dashboard search item',
     },
     DashboardLinks: {
@@ -361,18 +357,17 @@ exports.versionedComponents = {
         icon: 'Loading indicator',
     },
     CallToActionCard: {
-        button: function (name) { return "Call to action button ".concat(name); },
-        buttonV2: function (name) { return "data-testid Call to action button ".concat(name); },
+        button: (name) => `Call to action button ${name}`,
+        buttonV2: (name) => `data-testid Call to action button ${name}`,
     },
     DataLinksContextMenu: {
         singleLink: 'Data link',
     },
     CodeEditor: {
-        container: (_f = {
-                '10.3.0': 'data-testid Code editor container'
-            },
-            _f[constants_1.MIN_GRAFANA_VERSION] = 'Code editor container',
-            _f),
+        container: {
+            '10.3.0': 'data-testid Code editor container',
+            [constants_1.MIN_GRAFANA_VERSION]: 'Code editor container',
+        },
     },
     DashboardImportPage: {
         textarea: 'data-testid-import-dashboard-textarea',
@@ -386,13 +381,13 @@ exports.versionedComponents = {
         content: 'Unified alert editor tab content',
     },
     VisualizationPreview: {
-        card: function (name) { return "data-testid suggestion-".concat(name); },
+        card: (name) => `data-testid suggestion-${name}`,
     },
     ColorSwatch: {
-        name: "data-testid-colorswatch",
+        name: `data-testid-colorswatch`,
     },
     DashboardRow: {
-        title: function (title) { return "data-testid dashboard-row-title-".concat(title); },
+        title: (title) => `data-testid dashboard-row-title-${title}`,
     },
     UserProfile: {
         profileSaveButton: 'data-testid-user-profile-save',