@grafana/plugin-ui 0.3.1 → 0.3.4

package/dist/e2e/flows/flows.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addVariables = exports.addAnnotations = exports.selectDashboardTimeRange = exports.openOptions = exports.openDashboardSettings = exports.selectListOption = void 0;
+const e2e_1 = require("@grafana/e2e");
+const selectListOption = (container, value) => {
+    container.within(() => (0, e2e_1.e2e)().get('[class$="-input-suffix"]').click());
+    e2e_1.e2e.components.Select.option().should('be.visible').contains(value).click();
+};
+exports.selectListOption = selectListOption;
+const openDashboardSettings = (sectionName = 'Variables') => {
+    e2e_1.e2e.components.PageToolbar.item('Dashboard settings').click();
+    cy.get('.dashboard-settings__aside').within(() => {
+        cy.contains(sectionName).should('be.visible').click();
+    });
+};
+exports.openDashboardSettings = openDashboardSettings;
+const openOptions = () => e2e_1.e2e.components.PanelEditor.toggleVizPicker().click();
+exports.openOptions = openOptions;
+const selectDashboardTimeRange = (start_time, end_time) => {
+    e2e_1.e2e.components.TimePicker.openButton().click();
+    e2e_1.e2e.components.TimePicker.absoluteTimeRangeTitle().click();
+    e2e_1.e2e.components.TimePicker.fromField().clear().type(start_time);
+    e2e_1.e2e.components.TimePicker.toField().clear().type(end_time);
+    e2e_1.e2e.components.TimePicker.applyTimeRange().click();
+};
+exports.selectDashboardTimeRange = selectDashboardTimeRange;
+const addAnnotations = (datasourceName, validate) => {
+    // Dashboard settings
+    (0, exports.openDashboardSettings)('Annotations');
+    // Dashboard annotations
+    if (e2e_1.e2e.pages.Dashboard.Settings.Annotations.List.addAnnotationCTAV2) {
+        e2e_1.e2e.pages.Dashboard.Settings.Annotations.List.addAnnotationCTAV2().click();
+    }
+    else {
+        e2e_1.e2e.pages.Dashboard.Settings.Annotations.List.addAnnotationCTA().click();
+    }
+    e2e_1.e2e.pages.Dashboard.Settings.Annotations.Settings.name().clear().type('Annotations');
+    (0, exports.selectListOption)(e2e_1.e2e.components.DataSourcePicker.container(), datasourceName);
+    if (validate !== undefined) {
+        validate();
+    }
+    // Back from settings to dashboard
+    e2e_1.e2e.components.BackButton.backArrow().should('be.visible').click({ force: true });
+};
+exports.addAnnotations = addAnnotations;
+const addVariables = (variableName, variableValue) => {
+    // Dashboard settings
+    (0, exports.openDashboardSettings)('Variables');
+    // Dashboard variables
+    if (e2e_1.e2e.pages.Dashboard.Settings.Variables.List.addVariableCTAV2) {
+        e2e_1.e2e.pages.Dashboard.Settings.Variables.List.addVariableCTAV2().click();
+    }
+    else {
+        e2e_1.e2e.pages.Dashboard.Settings.Variables.List.addVariableCTA().click();
+    }
+    (0, exports.selectListOption)(e2e_1.e2e.pages.Dashboard.Settings.Variables.Edit.General.generalTypeSelect(), 'Constant');
+    e2e_1.e2e.pages.Dashboard.Settings.Variables.Edit.General.generalNameInput().clear().type(`{selectall}${variableName}`);
+    e2e_1.e2e.pages.Dashboard.Settings.Variables.Edit.ConstantVariable.constantOptionsQueryInput().type(variableValue);
+    // Back from settings to dashboard
+    e2e_1.e2e.components.BackButton.backArrow().should('be.visible').click({ force: true });
+};
+exports.addVariables = addVariables;
+//# sourceMappingURL=flows.js.map

package/dist/e2e/flows/flows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flows.js","sourceRoot":"","sources":["../../../src/e2e/flows/flows.ts"],"names":[],"mappings":"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"}

package/dist/e2e/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./migrate"), exports);
+tslib_1.__exportStar(require("./flows/flows"), exports);
+//# sourceMappingURL=index.js.map

package/dist/e2e/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/e2e/index.ts"],"names":[],"mappings":";;;AAAA,oDAA0B;AAC1B,wDAA8B"}

package/dist/e2e/migrate.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.migrateRunButton = exports.migrateSetting = void 0;
+const e2e_1 = require("@grafana/e2e");
+// workaround for missing selector
+const migrateSetting = (item, kind) => {
+    const orig = e2e_1.e2e.pages.Dashboard.Settings.General.sectionItems;
+    // @ts-ignore
+    e2e_1.e2e.pages.Dashboard.Settings.General.sectionItems = (value) => {
+        if (value === item) {
+            const link = cy.get(`.dashboard-settings__nav-item[href*="${kind}"]`);
+            return link;
+        }
+        return orig;
+    };
+};
+exports.migrateSetting = migrateSetting;
+// workaround for missing selector
+const migrateRunButton = () => {
+    e2e_1.e2e.components.RefreshPicker.runButton = () => {
+        return cy.get('[data-testid="data-testid RefreshPicker run button"]').last();
+    };
+};
+exports.migrateRunButton = migrateRunButton;
+//# sourceMappingURL=migrate.js.map

package/dist/e2e/migrate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"migrate.js","sourceRoot":"","sources":["../../src/e2e/migrate.ts"],"names":[],"mappings":";;;AAAA,sCAAmC;AAEnC,kCAAkC;AAC3B,MAAM,cAAc,GAAG,CAAC,IAAiC,EAAE,IAAkC,EAAE,EAAE;IACpG,MAAM,IAAI,GAAG,SAAG,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC;IAC/D,aAAa;IACb,SAAG,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,YAAY,GAAG,CAAC,KAAyB,EAAE,EAAE;QAChF,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,MAAM,IAAI,GAAG,EAAE,CAAC,GAAG,CAAC,wCAAwC,IAAI,IAAI,CAAC,CAAA;YACrE,OAAO,IAAI,CAAC;SACb;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAA;AACL,CAAC,CAAA;AAVY,QAAA,cAAc,kBAU1B;AAED,kCAAkC;AAC3B,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,SAAG,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,GAAG,GAAG,EAAE;QAC5C,OAAO,EAAE,CAAC,GAAG,CAAC,sDAAsD,CAAC,CAAC,IAAI,EAAE,CAAC;IAC/E,CAAC,CAAA;AACH,CAAC,CAAA;AAJY,QAAA,gBAAgB,oBAI5B"}

package/dist/index.js

@@ -16,4 +16,5 @@ Object.defineProperty(exports, "SqlDatasource", { enumerable: true, get: functio
 var _8x_1 = require("./8x");
 Object.defineProperty(exports, "selectOption", { enumerable: true, get: function () { return _8x_1.selectOption; } });
 Object.defineProperty(exports, "generateOptions", { enumerable: true, get: function () { return _8x_1.generateOptions; } });
+tslib_1.__exportStar(require("./e2e"), exports);
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA;;;;GAIG;AACH,uDAA6B;AAC7B,iEAAuC;AACvC,uDAA6B;AAC7B,kDAAwB;AACxB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AACtB,4BAAqD;AAA5C,mGAAA,YAAY,OAAA;AAAE,sGAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;AAAA;;;;GAIG;AACH,uDAA6B;AAC7B,iEAAuC;AACvC,uDAA6B;AAC7B,kDAAwB;AACxB,4DAA2D;AAAlD,8GAAA,aAAa,OAAA;AACtB,4BAAqD;AAA5C,mGAAA,YAAY,OAAA;AAAE,sGAAA,eAAe,OAAA;AACtC,gDAAsB"}

package/dist/src/e2e/flows/flows.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+/// <reference types="cypress" />
+export declare const selectListOption: (container: Cypress.Chainable<JQuery<HTMLElement>>, value: string) => void;
+export declare const openDashboardSettings: (sectionName?: string) => void;
+export declare const openOptions: () => any;
+export declare const selectDashboardTimeRange: (start_time: string, end_time: string) => void;
+export declare const addAnnotations: (datasourceName: string, validate?: () => void) => void;
+export declare const addVariables: (variableName: string, variableValue: string) => void;

package/dist/src/e2e/index.d.ts

@@ -0,0 +1,2 @@
+export * from './migrate';
+export * from './flows/flows';

package/dist/src/e2e/migrate.d.ts

@@ -0,0 +1,2 @@
+export declare const migrateSetting: (item: 'Variables' | 'Annotations', kind: 'templating' | 'annotations') => void;
+export declare const migrateRunButton: () => void;

package/dist/src/index.d.ts

@@ -9,3 +9,4 @@ export * from './test/mocks';
 export * from './utils';
 export { SqlDatasource } from './datasource/SqlDatasource';
 export { selectOption, generateOptions } from './8x';
+export * from './e2e';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-ui",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "repository": "git@github.com:grafana/plugin-ui.git",
   "author": "Grafana Labs",
   "main": "dist/index.js",
@@ -21,6 +21,7 @@
     "@grafana/data": "^8.4.7",
     "@grafana/experimental": "^0.0.2-canary.39",
     "@grafana/runtime": "^8.4.7",
+    "@grafana/e2e": "^8.4.7",
     "@grafana/tsconfig": "1.2.0-rc1",
     "@grafana/ui": "^8.4.7",
     "@types/chance": "^1.1.0",