@grafana/plugin-e2e 0.0.0 → 0.0.1

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

@@ -0,0 +1,426 @@
+"use strict";
+var _a, _b, _c, _d, _e, _f;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.versionedComponents = void 0;
+var constants_1 = require("./constants");
+exports.versionedComponents = {
+    Breadcrumbs: {
+        breadcrumb: {
+            '9.4.0': function (title) { return "data-testid ".concat(title, " breadcrumb"); },
+        },
+    },
+    TimePicker: {
+        openButton: (_a = {
+                '8.1.0': 'data-testid TimePicker Open Button'
+            },
+            _a[constants_1.MIN_GRAFANA_VERSION] = 'TimePicker open button',
+            _a),
+        fromField: 'Time Range from field',
+        toField: 'Time Range to field',
+        applyTimeRange: 'data-testid TimePicker submit button',
+        calendar: {
+            label: 'Time Range calendar',
+            openButton: 'Open time range calendar',
+            closeButton: 'Close time range Calendar',
+        },
+        absoluteTimeRangeTitle: 'data-testid-absolute-time-range-narrow',
+    },
+    DataSourcePermissions: {
+        form: function () { return 'form[name="addPermission"]'; },
+        roleType: 'Role to add new permission to',
+        rolePicker: 'Built-in role picker',
+        permissionLevel: 'Permission Level',
+    },
+    DataSource: {
+        TestData: {
+            QueryTab: {
+                scenarioSelectContainer: 'Test Data Query scenario select container',
+                scenarioSelect: 'Test Data Query scenario select',
+                max: 'TestData max',
+                min: 'TestData min',
+                noise: 'TestData noise',
+                seriesCount: 'TestData series count',
+                spread: 'TestData spread',
+                startValue: 'TestData start value',
+                drop: 'TestData drop values',
+            },
+        },
+        DataSourceHttpSettings: {
+            urlInput: 'Datasource HTTP settings url',
+        },
+        Jaeger: {
+            traceIDInput: 'Trace ID',
+        },
+        Prometheus: {
+            configPage: {
+                connectionSettings: 'Data source connection URL',
+                exemplarsAddButton: 'Add exemplar config button',
+                internalLinkSwitch: 'Internal link switch',
+            },
+            exemplarMarker: 'Exemplar marker',
+        },
+    },
+    Menu: {
+        MenuComponent: function (title) { return "".concat(title, " menu"); },
+        MenuGroup: function (title) { return "".concat(title, " menu group"); },
+        MenuItem: function (title) { return "".concat(title, " menu item"); },
+        SubMenu: {
+            container: 'SubMenu container',
+            icon: 'SubMenu icon',
+        },
+    },
+    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"; },
+            HoverWidget: {
+                container: 'data-testid hover-header-container',
+                dragIcon: 'data-testid drag-icon',
+            },
+        },
+        Visualization: {
+            Graph: {
+                container: 'Graph container',
+                VisualizationTab: {
+                    legendSection: 'Legend section',
+                },
+                Legend: {
+                    legendItemAlias: function (name) { return "gpl alias ".concat(name); },
+                    showLegendSwitch: 'gpl show legend',
+                },
+                xAxis: {
+                    labels: function () { return 'div.flot-x-axis > div.flot-tick-label'; },
+                },
+            },
+            BarGauge: {
+                value: 'Bar gauge value',
+                valueV2: 'data-testid Bar gauge value',
+            },
+            PieChart: {
+                svgSlice: 'Pie Chart Slice',
+            },
+            Text: {
+                container: function () { return '.markdown-html'; },
+            },
+            Table: {
+                header: 'table header',
+                footer: 'table-footer',
+                body: {
+                    '10.2.0': 'data-testid table body',
+                },
+            },
+        },
+    },
+    VizLegend: {
+        seriesName: function (name) { return "VizLegend series ".concat(name); },
+    },
+    Drawer: {
+        General: {
+            title: function (title) { return "Drawer title ".concat(title); },
+            expand: 'Drawer expand',
+            contract: 'Drawer contract',
+            close: 'Drawer close',
+            rcContentWrapper: function () { return '.rc-drawer-content-wrapper'; },
+        },
+    },
+    PanelEditor: {
+        General: {
+            content: 'Panel editor content',
+        },
+        OptionsPane: {
+            content: 'Panel editor option pane content',
+            select: 'Panel editor option pane select',
+            fieldLabel: function (type) { return "".concat(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),
+        toggleVizOptions: 'data-testid toggle-viz-options',
+        toggleTableView: 'toggle-table-view',
+        showZoomField: 'Map controls Show zoom control field property editor',
+        showAttributionField: 'Map controls Show attribution field property editor',
+        showScaleField: 'Map controls Show scale field property editor',
+        showMeasureField: 'Map controls Show measure tools field property editor',
+        showDebugField: 'Map controls Show debug field property editor',
+        measureButton: 'show measure tools',
+    },
+    PanelInspector: {
+        Data: {
+            content: 'Panel inspector Data content',
+        },
+        Stats: {
+            content: 'Panel inspector Stats content',
+        },
+        Json: {
+            content: 'Panel inspector Json content',
+        },
+        Query: {
+            content: 'Panel inspector Query content',
+            refreshButton: 'Panel inspector Query refresh button',
+            jsonObjectKeys: function () { return '.json-formatter-key'; },
+        },
+    },
+    Tab: {
+        title: function (title) { return "Tab ".concat(title); },
+        active: function () { return '[class*="-activeTabStyle"]'; },
+    },
+    RefreshPicker: {
+        runButton: 'RefreshPicker run button',
+        intervalButton: 'RefreshPicker interval button',
+        runButtonV2: 'data-testid RefreshPicker run button',
+        intervalButtonV2: 'data-testid RefreshPicker interval button',
+    },
+    QueryTab: {
+        content: 'Query editor tab content',
+        queryInspectorButton: 'Query inspector button',
+        queryHistoryButton: 'data-testid query-history-button',
+        addQuery: 'data-testid query-tab-add-query',
+    },
+    QueryHistory: {
+        queryText: 'Query text',
+    },
+    QueryEditorRows: {
+        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); },
+    },
+    AlertTab: {
+        content: 'Alert editor tab content',
+    },
+    Alert: {
+        alert: function (severity) { return "Alert ".concat(severity); },
+        alertV2: function (severity) { return "data-testid Alert ".concat(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); },
+    },
+    Transforms: {
+        card: function (name) { return "data-testid New transform ".concat(name); },
+        Reduce: {
+            modeLabel: 'Transform mode label',
+            calculationsLabel: 'Transform calculations label',
+        },
+        SpatialOperations: {
+            actionLabel: 'root Action field property editor',
+            locationLabel: 'root Location Mode field property editor',
+            location: {
+                autoOption: 'Auto location option',
+                coords: {
+                    option: 'Coords location option',
+                    latitudeFieldLabel: 'root Latitude field field property editor',
+                    longitudeFieldLabel: 'root Longitude field field property editor',
+                },
+                geohash: {
+                    option: 'Geohash location option',
+                    geohashFieldLabel: 'root Geohash field field property editor',
+                },
+                lookup: {
+                    option: 'Lookup location option',
+                    lookupFieldLabel: 'root Lookup field field property editor',
+                    gazetteerFieldLabel: 'root Gazetteer field property editor',
+                },
+            },
+        },
+        searchInput: 'search transformations',
+        addTransformationButton: 'data-testid add transformation button',
+    },
+    NavBar: {
+        Configuration: {
+            button: 'Configuration',
+        },
+        Toggle: {
+            button: 'Toggle menu',
+        },
+        Reporting: {
+            button: 'Reporting',
+        },
+    },
+    NavMenu: {
+        item: 'data-testid Nav menu item',
+    },
+    NavToolbar: {
+        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),
+    },
+    QueryEditorToolbarItem: {
+        button: function (title) { return "QueryEditor toolbar item button ".concat(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'); },
+    },
+    PluginVisualization: {
+        item: function (title) { return "Plugin visualization item ".concat(title); },
+        current: function () { return '[class*="-currentVisualizationItem"]'; },
+    },
+    Select: {
+        option: 'Select option',
+        input: function () { return 'input[id*="time-options-input"]'; },
+        singleValue: function () { return 'div[class*="-singleValue"]'; },
+    },
+    FieldConfigEditor: {
+        content: 'Field config editor content',
+    },
+    OverridesConfigEditor: {
+        content: 'Field overrides editor content',
+    },
+    FolderPicker: {
+        container: 'Folder picker select container',
+        containerV2: 'data-testid Folder picker select container',
+        input: 'Select a folder',
+    },
+    ReadonlyFolderPicker: {
+        container: 'data-testid Readonly folder picker select container',
+    },
+    DataSourcePicker: {
+        container: {
+            '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"]'; },
+        inputV2: 'data-testid Select a data source',
+    },
+    TimeZonePicker: {
+        container: 'Time zone picker select container',
+        containerV2: 'data-testid Time zone picker select container',
+    },
+    WeekStartPicker: {
+        container: 'Choose starting day of the week',
+        containerV2: 'data-testid Choose starting day of the week',
+        placeholder: 'Choose starting day of the week',
+    },
+    TraceViewer: {
+        spanBar: 'data-testid SpanBar--wrapper',
+    },
+    QueryField: { container: 'Query field' },
+    QueryBuilder: {
+        queryPatterns: 'Query patterns',
+        labelSelect: 'Select label',
+        valueSelect: 'Select value',
+        matchOperatorSelect: 'Select match operator',
+    },
+    ValuePicker: {
+        button: function (name) { return "Value picker button ".concat(name); },
+        select: function (name) { return "Value picker select ".concat(name); },
+    },
+    Search: {
+        section: 'Search section',
+        sectionV2: 'data-testid Search section',
+        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); },
+        dashboardItems: 'data-testid Dashboard search item',
+    },
+    DashboardLinks: {
+        container: 'data-testid Dashboard link container',
+        dropDown: 'data-testid Dashboard link dropdown',
+        link: 'data-testid Dashboard link',
+    },
+    LoadingIndicator: {
+        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); },
+    },
+    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),
+    },
+    DashboardImportPage: {
+        textarea: 'data-testid-import-dashboard-textarea',
+        submit: 'data-testid-load-dashboard',
+    },
+    ImportDashboardForm: {
+        name: 'data-testid-import-dashboard-title',
+        submit: 'data-testid-import-dashboard-submit',
+    },
+    PanelAlertTabContent: {
+        content: 'Unified alert editor tab content',
+    },
+    VisualizationPreview: {
+        card: function (name) { return "data-testid suggestion-".concat(name); },
+    },
+    ColorSwatch: {
+        name: "data-testid-colorswatch",
+    },
+    DashboardRow: {
+        title: function (title) { return "data-testid dashboard-row-title-".concat(title); },
+    },
+    UserProfile: {
+        profileSaveButton: 'data-testid-user-profile-save',
+        preferencesSaveButton: 'data-testid-shared-prefs-save',
+        orgsTable: 'data-testid-user-orgs-table',
+        sessionsTable: 'data-testid-user-sessions-table',
+    },
+    FileUpload: {
+        inputField: 'data-testid-file-upload-input-field',
+        fileNameSpan: 'data-testid-file-upload-file-name',
+    },
+    DebugOverlay: {
+        wrapper: 'debug-overlay',
+    },
+    OrgRolePicker: {
+        input: 'Role',
+    },
+    AnalyticsToolbarButton: {
+        button: 'Dashboard insights',
+    },
+    Variables: {
+        variableOption: 'data-testid variable-option',
+    },
+    Annotations: {
+        annotationsTypeInput: 'annotations-type-input',
+        annotationsChoosePanelInput: 'choose-panels-input',
+    },
+    Tooltip: {
+        container: 'data-testid tooltip',
+    },
+};

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

@@ -0,0 +1 @@
+export declare const MIN_GRAFANA_VERSION = "8.0.0";

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MIN_GRAFANA_VERSION = void 0;
+exports.MIN_GRAFANA_VERSION = '8.0.0';

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

@@ -0,0 +1,2 @@
+export { versionedComponents } from './components';
+export { versionedPages } from './pages';

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.versionedPages = exports.versionedComponents = void 0;
+var components_1 = require("./components");
+Object.defineProperty(exports, "versionedComponents", { enumerable: true, get: function () { return components_1.versionedComponents; } });
+var pages_1 = require("./pages");
+Object.defineProperty(exports, "versionedPages", { enumerable: true, get: function () { return pages_1.versionedPages; } });