@grafana/plugin-ui 0.3.6 → 0.3.8

package/dist/e2e/flows/editor.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.runQuery = exports.fillQuery = void 0;
+const e2e_1 = require("@grafana/e2e");
+const selectors_1 = require("../selectors");
+const e2eSelectors = e2e_1.e2e.getSelectors(selectors_1.selectors.components);
+const selectDropdown = (container, text) => {
+    container.within(() => {
+        e2e_1.e2e.components.Select.input().first().should('be.empty').focus().type(`${text}{enter}`);
+    });
+};
+const fillQuery = (query, overrideFormat) => {
+    e2eSelectors.QueryEditor.CodeEditor.input()
+        .scrollIntoView()
+        .type(Cypress.platform === 'darwin' ? '{cmd}a' : '{ctrl}a')
+        .type('{backspace}')
+        .type(query)
+        .type(Cypress.platform === 'darwin' ? '{cmd}s' : '{ctrl}s');
+    if (overrideFormat) {
+        selectDropdown(e2eSelectors.QueryEditor.FormatAs.label(), overrideFormat);
+    }
+    (0, e2e_1.e2e)().wait(3000);
+};
+exports.fillQuery = fillQuery;
+const runQuery = (opts, pre, post) => {
+    if (pre !== undefined) {
+        pre();
+    }
+    if (opts.viewport !== undefined) {
+        cy.viewport(opts.viewport);
+    }
+    e2e_1.e2e.flows.login();
+    e2e_1.e2e.flows.addDashboard({ timeRange: opts.timeRange });
+    e2e_1.e2e.flows.addPanel({
+        dataSourceName: `E2E Datasource for ${opts.name}`,
+        panelTitle: opts.title || 'Query',
+        saveDashboard: false,
+        queriesForm: () => (0, exports.fillQuery)(opts.query),
+    });
+    if (post !== undefined) {
+        post();
+    }
+};
+exports.runQuery = runQuery;
+//# sourceMappingURL=editor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"editor.js","sourceRoot":"","sources":["../../../src/e2e/flows/editor.ts"],"names":[],"mappings":";;;AAAA,sCAAmC;AACnC,4CAAyC;AAGzC,MAAM,YAAY,GAAG,SAAG,CAAC,YAAY,CAAC,qBAAS,CAAC,UAAU,CAAC,CAAC;AAE5D,MAAM,cAAc,GAAG,CAAC,SAAiD,EAAE,IAAY,EAAE,EAAE;IACvF,SAAS,CAAC,MAAM,CAAC,GAAG,EAAE;QAClB,SAAG,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,GAAG,IAAI,SAAS,CAAC,CAAC;IAC5F,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAEK,MAAM,SAAS,GAAG,CAAC,KAAa,EAAE,cAAiD,EAAE,EAAE;IAC1F,YAAY,CAAC,WAAW,CAAC,UAAU,CAAC,KAAK,EAAE;SACtC,cAAc,EAAE;SAChB,IAAI,CAAC,OAAO,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;SAC1D,IAAI,CAAC,aAAa,CAAC;SACnB,IAAI,CAAC,KAAK,CAAC;SACX,IAAI,CAAC,OAAO,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAChE,IAAI,cAAc,EAAE;QAChB,cAAc,CAAC,YAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,cAAc,CAAC,CAAC;KAC7E;IACD,IAAA,SAAG,GAAE,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACrB,CAAC,CAAC;AAXW,QAAA,SAAS,aAWpB;AAUK,MAAM,QAAQ,GAAG,CAAC,IAAe,EAAE,GAAgB,EAAE,IAAiB,EAAE,EAAE;IAC7E,IAAI,GAAG,KAAK,SAAS,EAAE;QACnB,GAAG,EAAE,CAAC;KACT;IACD,IAAI,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;QAC7B,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KAC9B;IACD,SAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;IAClB,SAAG,CAAC,KAAK,CAAC,YAAY,CAAC,EAAC,SAAS,EAAE,IAAI,CAAC,SAAS,EAAC,CAAC,CAAC;IACpD,SAAG,CAAC,KAAK,CAAC,QAAQ,CAAC;QACjB,cAAc,EAAE,sBAAsB,IAAI,CAAC,IAAI,EAAE;QACjD,UAAU,EAAE,IAAI,CAAC,KAAK,IAAI,OAAO;QACjC,aAAa,EAAE,KAAK;QACpB,WAAW,EAAE,GAAG,EAAE,CAAC,IAAA,iBAAS,EAAC,IAAI,CAAC,KAAK,CAAC;KACzC,CAAC,CAAC;IACH,IAAI,IAAI,KAAK,SAAS,EAAE;QACpB,IAAI,EAAE,CAAC;KACV;AACL,CAAC,CAAA;AAlBY,QAAA,QAAQ,YAkBpB"}

package/dist/e2e/index.js

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

package/dist/e2e/index.js.map

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

package/dist/e2e/selectors.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectors = exports.Components = void 0;
+exports.Components = {
+    QueryEditor: {
+        CodeEditor: {
+            label: `SQL Query`,
+            tip: 'Tip: To re-run the query while you are editing, press ctrl/cmd+s.',
+            input: () => '.monaco-editor textarea',
+        },
+        FormatAs: {
+            label: `Format as`,
+        },
+    },
+};
+exports.selectors = {
+    components: exports.Components,
+};
+//# sourceMappingURL=selectors.js.map

package/dist/e2e/selectors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../src/e2e/selectors.ts"],"names":[],"mappings":";;;AAEa,QAAA,UAAU,GAAG;IACtB,WAAW,EAAE;QACT,UAAU,EAAE;YACR,KAAK,EAAE,WAAW;YAClB,GAAG,EAAE,mEAAmE;YACxE,KAAK,EAAE,GAAG,EAAE,CAAC,yBAAyB;SACzC;QACD,QAAQ,EAAE;YACN,KAAK,EAAE,WAAW;SACrB;KACJ;CACJ,CAAC;AAEW,QAAA,SAAS,GAAoD;IACtE,UAAU,EAAE,kBAAU;CACzB,CAAC"}

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

@@ -0,0 +1,11 @@
+/// <reference types="cypress" />
+import { TimeRangeConfig } from '@grafana/e2e/flows/setTimeRange';
+export declare const fillQuery: (query: string, overrideFormat?: 'Table' | 'Time Series' | 'Logs') => void;
+export interface QueryOpts {
+    name: string;
+    query: string;
+    title?: string;
+    timeRange: TimeRangeConfig;
+    viewport?: Cypress.ViewportPreset;
+}
+export declare const runQuery: (opts: QueryOpts, pre?: () => void, post?: () => void) => void;

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

@@ -1,2 +1,4 @@
 export * from './migrate';
 export * from './flows/flows';
+export * from './flows/editor';
+export * from './selectors';

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

@@ -0,0 +1,16 @@
+import { E2ESelectors } from '@grafana/e2e-selectors';
+export declare const Components: {
+    QueryEditor: {
+        CodeEditor: {
+            label: string;
+            tip: string;
+            input: () => string;
+        };
+        FormatAs: {
+            label: string;
+        };
+    };
+};
+export declare const selectors: {
+    components: E2ESelectors<typeof Components>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-ui",
-  "version": "0.3.6",
+  "version": "0.3.8",
   "repository": "git@github.com:grafana/plugin-ui.git",
   "author": "Grafana Labs",
   "main": "dist/index.js",