@grafana/plugin-e2e 0.20.0 → 0.21.0

package/dist/api.d.ts

@@ -1,6 +1,6 @@
 import { E2ESelectors } from './e2e-selectors/types';
-import { CreateDataSourceArgs, CreateDataSourcePageArgs, DataSourceSettings, ReadProvisionedDashboardArgs, ReadProvisionedDataSourceArgs, CreateUserArgs, Dashboard } from './types';
-import { PanelEditPage, GrafanaPage, DataSourceConfigPage, DashboardPage, VariableEditPage, AnnotationEditPage } from './models';
+import { CreateDataSourceArgs, CreateDataSourcePageArgs, DataSourceSettings, ReadProvisionedDashboardArgs, ReadProvisionedDataSourceArgs, CreateUserArgs, Dashboard, DashboardPageArgs, DashboardEditViewArgs, GotoAppConfigPageArgs } from './types';
+import { PanelEditPage, GrafanaPage, DataSourceConfigPage, DashboardPage, VariableEditPage, AnnotationEditPage, AppConfigPage } from './models';
 import { ExplorePage } from './models/pages/ExplorePage';
 export type PluginOptions = {
     /**
@@ -62,14 +62,9 @@ export type PluginFixture = {
     /**
      * Isolated {@link DashboardPage} instance for each test.
      *
-     * Navigates to a new dashboard page and adds a new panel.
-     *
-     * Use {@link PanelEditPage.setVisualization} to change the visualization
-     * Use {@link PanelEditPage.datasource.set} to change the datasource
-     * Use {@link PanelEditPage.getQueryEditorEditorRow} to retrieve the query
-     * editor row locator for a given query refId
+     * Navigates to a new to a new dashboard page.
      */
-    newDashboardPage: DashboardPage;
+    dashboardPage: DashboardPage;
     /**
      * Isolated {@link PanelEditPage} instance for each test.
      *
@@ -202,6 +197,30 @@ export type PluginFixture = {
      * Function that checks if a feature toggle is enabled. Only works for frontend feature toggles.
      */
     isFeatureToggleEnabled<T = object>(featureToggle: keyof T): Promise<boolean>;
+    /**
+     * Fixture command that navigates to an already exist dashboard. Returns a DashboardPage instance.
+     */
+    gotoDashboardPage: (args: DashboardPageArgs) => Promise<DashboardPage>;
+    /**
+     * Fixture command that navigates a panel edit page for an already existing panel in a dashboard.
+     */
+    gotoPanelEditPage: (args: DashboardEditViewArgs<string>) => Promise<PanelEditPage>;
+    /**
+     * Fixture command that navigates a variable edit page for an already existing variable query in a dashboard.
+     */
+    gotoVariableEditPage: (args: DashboardEditViewArgs<string>) => Promise<VariableEditPage>;
+    /**
+     * Fixture command that navigates an annotation edit page for an already existing annotation query in a dashboard.
+     */
+    gotoAnnotationEditPage: (args: DashboardEditViewArgs<string>) => Promise<AnnotationEditPage>;
+    /**
+     * Fixture command that navigates a configuration page for an already existing data source instance.
+     */
+    gotoDataSourceConfigPage: (uid: string) => Promise<DataSourceConfigPage>;
+    /**
+     * Fixture command that navigates to the AppConfigPage for a given plugin.
+     */
+    gotoAppConfigPage: (args: GotoAppConfigPageArgs) => Promise<AppConfigPage>;
 };
 export declare const test: import("@playwright/test").TestType<import("@playwright/test").PlaywrightTestArgs & import("@playwright/test").PlaywrightTestOptions & PluginFixture, import("@playwright/test").PlaywrightWorkerArgs & import("@playwright/test").PlaywrightWorkerOptions & PluginOptions>;
 export declare const expect: import("@playwright/test").Expect<{

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

@@ -16,6 +16,9 @@ export type APIs = {
     Dashboard: {
         delete: (uid: string) => string;
     };
+    Plugin: {
+        settings: (pluginId: string) => string;
+    };
 };
 export type Components = {
     TimePicker: {
@@ -179,4 +182,7 @@ export type Pages = {
     Explore: {
         url: string;
     };
+    Plugin: {
+        url: (pluginId: string) => string;
+    };
 };

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

@@ -29,4 +29,9 @@ export declare const versionedAPIs: {
             "8.0.0": (uid: string) => string;
         };
     };
+    Plugin: {
+        settings: {
+            "8.0.0": (pluginId: string) => string;
+        };
+    };
 };

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

@@ -33,4 +33,9 @@ exports.versionedAPIs = {
             [constants_1.MIN_GRAFANA_VERSION]: (uid) => `/api/datasources/uid/${uid}`,
         },
     },
+    Plugin: {
+        settings: {
+            [constants_1.MIN_GRAFANA_VERSION]: (pluginId) => `/api/plugins/${pluginId}/settings`,
+        },
+    },
 };

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

@@ -122,4 +122,9 @@ export declare const versionedPages: {
             "8.0.0": string;
         };
     };
+    Plugin: {
+        url: {
+            "8.0.0": (pluginId: string) => string;
+        };
+    };
 };

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

@@ -128,4 +128,9 @@ exports.versionedPages = {
             [constants_1.MIN_GRAFANA_VERSION]: '/explore',
         },
     },
+    Plugin: {
+        url: {
+            [constants_1.MIN_GRAFANA_VERSION]: (pluginId) => `/plugins/${pluginId}`,
+        },
+    },
 };

package/dist/fixtures/commands/gotoAnnotationEditPage.d.ts

@@ -0,0 +1,8 @@
+import { TestFixture } from '@playwright/test';
+import { PluginFixture, PluginOptions } from '../../api';
+import { DashboardEditViewArgs } from '../../types';
+import { PlaywrightCombinedArgs } from '../types';
+import { AnnotationEditPage } from '../../models';
+type GotoAnnotationEditPageFixture = TestFixture<(args: DashboardEditViewArgs<string>) => Promise<AnnotationEditPage>, PluginFixture & PluginOptions & PlaywrightCombinedArgs>;
+declare const gotoAnnotationEditPage: GotoAnnotationEditPageFixture;
+export default gotoAnnotationEditPage;

package/dist/fixtures/commands/gotoAnnotationEditPage.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const models_1 = require("../../models");
+const gotoAnnotationEditPage = async ({ request, page, selectors, grafanaVersion }, use, testInfo) => {
+    await use(async (args) => {
+        const annotationEditPage = new models_1.AnnotationEditPage({ page, selectors, grafanaVersion, request, testInfo }, args);
+        await annotationEditPage.goto();
+        return annotationEditPage;
+    });
+};
+exports.default = gotoAnnotationEditPage;

package/dist/fixtures/commands/gotoAppConfigPage.d.ts

@@ -0,0 +1,8 @@
+import { TestFixture } from '@playwright/test';
+import { PluginFixture, PluginOptions } from '../../api';
+import { GotoAppConfigPageArgs } from '../../types';
+import { PlaywrightCombinedArgs } from '../types';
+import { AppConfigPage } from '../../models/pages/AppConfigPage';
+type GotoAppConfigPageFixture = TestFixture<(args: GotoAppConfigPageArgs) => Promise<AppConfigPage>, PluginFixture & PluginOptions & PlaywrightCombinedArgs>;
+export declare const gotoAppConfigPage: GotoAppConfigPageFixture;
+export default gotoAppConfigPage;

package/dist/fixtures/commands/gotoAppConfigPage.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.gotoAppConfigPage = void 0;
+const AppConfigPage_1 = require("../../models/pages/AppConfigPage");
+const gotoAppConfigPage = async ({ page, selectors, grafanaVersion, request }, use, testInfo) => {
+    await use(async (args) => {
+        const appConfigPage = new AppConfigPage_1.AppConfigPage({ page, selectors, grafanaVersion, request, testInfo }, args);
+        await appConfigPage.goto();
+        return appConfigPage;
+    });
+};
+exports.gotoAppConfigPage = gotoAppConfigPage;
+exports.default = exports.gotoAppConfigPage;

package/dist/fixtures/commands/gotoDashboardPage.d.ts

@@ -0,0 +1,8 @@
+import { TestFixture } from '@playwright/test';
+import { PluginFixture, PluginOptions } from '../../api';
+import { DashboardPageArgs } from '../../types';
+import { PlaywrightCombinedArgs } from '../types';
+import { DashboardPage } from '../../models';
+type GotoDashboardFixture = TestFixture<(args: DashboardPageArgs) => Promise<DashboardPage>, PluginFixture & PluginOptions & PlaywrightCombinedArgs>;
+declare const gotoDashboardPage: GotoDashboardFixture;
+export default gotoDashboardPage;

package/dist/fixtures/commands/gotoDashboardPage.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const models_1 = require("../../models");
+const gotoDashboardPage = async ({ request, page, selectors, grafanaVersion }, use, testInfo) => {
+    await use(async (args) => {
+        const dashboardPage = new models_1.DashboardPage({ page, selectors, grafanaVersion, request, testInfo }, args);
+        await dashboardPage.goto();
+        return dashboardPage;
+    });
+};
+exports.default = gotoDashboardPage;

package/dist/fixtures/commands/gotoDataSourceConfigPage.d.ts

@@ -0,0 +1,7 @@
+import { TestFixture } from '@playwright/test';
+import { PluginFixture, PluginOptions } from '../../api';
+import { PlaywrightCombinedArgs } from '../types';
+import { DataSourceConfigPage } from '../../models';
+type GotoDataSourceConfigPageFixture = TestFixture<(uid: string) => Promise<DataSourceConfigPage>, PluginFixture & PluginOptions & PlaywrightCombinedArgs>;
+declare const gotoDataSourceConfigPage: GotoDataSourceConfigPageFixture;
+export default gotoDataSourceConfigPage;

package/dist/fixtures/commands/gotoDataSourceConfigPage.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const models_1 = require("../../models");
+const gotoDataSourceConfigPage = async ({ request, page, selectors, grafanaVersion }, use, testInfo) => {
+    await use(async (uid) => {
+        const response = await request.get(`/api/datasources/uid/${uid}`, {
+            headers: {
+                // here we call backend as admin user and not on behalf of the logged in user as it might not have required permissions
+                Authorization: `Basic ${Buffer.from(`admin:admin`).toString('base64')}`,
+            },
+        });
+        if (!response.ok()) {
+            throw new Error(`Failed to get datasource by uid: ${response.statusText()}. If you're using a provisioned data source, make sure it has a UID`);
+        }
+        const settings = await response.json();
+        const dataSourceConfigPage = new models_1.DataSourceConfigPage({ page, selectors, grafanaVersion, request, testInfo }, settings);
+        await dataSourceConfigPage.goto();
+        return dataSourceConfigPage;
+    });
+};
+exports.default = gotoDataSourceConfigPage;

package/dist/fixtures/commands/gotoPanelEditPage.d.ts

@@ -0,0 +1,8 @@
+import { TestFixture } from '@playwright/test';
+import { PluginFixture, PluginOptions } from '../../api';
+import { DashboardEditViewArgs } from '../../types';
+import { PlaywrightCombinedArgs } from '../types';
+import { PanelEditPage } from '../../models';
+type GotoPanelEditPageFixture = TestFixture<(args: DashboardEditViewArgs<string>) => Promise<PanelEditPage>, PluginFixture & PluginOptions & PlaywrightCombinedArgs>;
+declare const gotoPanelEditPage: GotoPanelEditPageFixture;
+export default gotoPanelEditPage;

package/dist/fixtures/commands/gotoPanelEditPage.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const models_1 = require("../../models");
+const gotoPanelEditPage = async ({ request, page, selectors, grafanaVersion }, use, testInfo) => {
+    await use(async (args) => {
+        const panelEditPage = new models_1.PanelEditPage({ page, selectors, grafanaVersion, request, testInfo }, args);
+        await panelEditPage.goto();
+        return panelEditPage;
+    });
+};
+exports.default = gotoPanelEditPage;

package/dist/fixtures/commands/gotoVariableEditPage.d.ts

@@ -0,0 +1,8 @@
+import { TestFixture } from '@playwright/test';
+import { PluginFixture, PluginOptions } from '../../api';
+import { DashboardEditViewArgs } from '../../types';
+import { PlaywrightCombinedArgs } from '../types';
+import { VariableEditPage } from '../../models';
+type GotoVariableEditPageFixture = TestFixture<(args: DashboardEditViewArgs<string>) => Promise<VariableEditPage>, PluginFixture & PluginOptions & PlaywrightCombinedArgs>;
+declare const gotoVariableEditPage: GotoVariableEditPageFixture;
+export default gotoVariableEditPage;

package/dist/fixtures/commands/gotoVariableEditPage.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const models_1 = require("../../models");
+const gotoVariableEditPage = async ({ request, page, selectors, grafanaVersion }, use, testInfo) => {
+    await use(async (args) => {
+        const variableEditPage = new models_1.VariableEditPage({ page, selectors, grafanaVersion, request, testInfo }, args);
+        await variableEditPage.goto();
+        return variableEditPage;
+    });
+};
+exports.default = gotoVariableEditPage;

package/dist/fixtures/dashboardPage.d.ts

@@ -0,0 +1,7 @@
+import { TestFixture } from '@playwright/test';
+import { PluginFixture, PluginOptions } from '../api';
+import { DashboardPage } from '../models';
+import { PlaywrightCombinedArgs } from './types';
+type DashboardPageFixture = TestFixture<DashboardPage, PluginFixture & PluginOptions & PlaywrightCombinedArgs>;
+declare const dashboardPage: DashboardPageFixture;
+export default dashboardPage;

package/dist/fixtures/dashboardPage.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const models_1 = require("../models");
+const dashboardPage = async ({ page, request, selectors, grafanaVersion }, use, testInfo) => {
+    const dashboardPage = new models_1.DashboardPage({ page, selectors, grafanaVersion, request, testInfo });
+    await dashboardPage.goto();
+    await use(dashboardPage);
+};
+exports.default = dashboardPage;

package/dist/fixtures/index.d.ts

@@ -4,7 +4,7 @@ declare const fixtures: {
     login: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: () => Promise<void>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
     createDataSourceConfigPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: (args: import("..").CreateDataSourcePageArgs) => Promise<import("..").DataSourceConfigPage>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
     page: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: import("playwright-core").Page) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
-    newDashboardPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: import("..").DashboardPage) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
+    dashboardPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: import("..").DashboardPage) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
     panelEditPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: import("..").PanelEditPage) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
     variableEditPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: import("..").VariableEditPage) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
     annotationEditPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: import("..").AnnotationEditPage) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
@@ -14,5 +14,11 @@ declare const fixtures: {
     readProvisionedDashboard: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: <T_1 = any>(args: import("..").ReadProvisionedDashboardArgs) => Promise<T_1>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
     isFeatureToggleEnabled: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: <T_2 = object>(featureToggle: keyof T_2) => Promise<boolean>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
     createUser: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: () => Promise<void>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
+    gotoDashboardPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: (args: import("..").DashboardPageArgs) => Promise<import("..").DashboardPage>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
+    gotoPanelEditPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: (args: import("..").DashboardEditViewArgs<string>) => Promise<import("..").PanelEditPage>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
+    gotoVariableEditPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: (args: import("..").DashboardEditViewArgs<string>) => Promise<import("..").VariableEditPage>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
+    gotoAnnotationEditPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: (args: import("..").DashboardEditViewArgs<string>) => Promise<import("..").AnnotationEditPage>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
+    gotoDataSourceConfigPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: (uid: string) => Promise<import("..").DataSourceConfigPage>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
+    gotoAppConfigPage: (args: import("..").PluginFixture & import("..").PluginOptions & import("playwright/test").PlaywrightTestArgs & import("playwright/test").PlaywrightTestOptions & import("playwright/test").PlaywrightWorkerArgs & import("playwright/test").PlaywrightWorkerOptions, use: (r: (args: import("..").PluginConfigPageArgs) => Promise<import("..").AppConfigPage>) => Promise<void>, testInfo: import("playwright/test").TestInfo) => any;
 };
 export default fixtures;

package/dist/fixtures/index.js

@@ -12,19 +12,25 @@ const panelEditPage_1 = __importDefault(require("./panelEditPage"));
 const createDataSource_1 = __importDefault(require("./commands/createDataSource"));
 const readProvisionedDataSource_1 = __importDefault(require("./commands/readProvisionedDataSource"));
 const readProvisionedDashboard_1 = __importDefault(require("./commands/readProvisionedDashboard"));
-const newDashboardPage_1 = __importDefault(require("./newDashboardPage"));
+const dashboardPage_1 = __importDefault(require("./dashboardPage"));
 const variableEditPage_1 = __importDefault(require("./variableEditPage"));
 const explorePage_1 = __importDefault(require("./explorePage"));
 const isFeatureToggleEnabled_1 = __importDefault(require("./isFeatureToggleEnabled"));
 const page_1 = __importDefault(require("./page"));
 const createUser_1 = __importDefault(require("./commands/createUser"));
+const gotoDashboardPage_1 = __importDefault(require("./commands/gotoDashboardPage"));
+const gotoPanelEditPage_1 = __importDefault(require("./commands/gotoPanelEditPage"));
+const gotoVariableEditPage_1 = __importDefault(require("./commands/gotoVariableEditPage"));
+const gotoAnnotationEditPage_1 = __importDefault(require("./commands/gotoAnnotationEditPage"));
+const gotoDataSourceConfigPage_1 = __importDefault(require("./commands/gotoDataSourceConfigPage"));
+const gotoAppConfigPage_1 = __importDefault(require("./commands/gotoAppConfigPage"));
 const fixtures = {
     selectors: selectors_1.default,
     grafanaVersion: grafanaVersion_1.default,
     login: login_1.default,
     createDataSourceConfigPage: createDataSourceConfigPage_1.default,
     page: page_1.default,
-    newDashboardPage: newDashboardPage_1.default,
+    dashboardPage: dashboardPage_1.default,
     panelEditPage: panelEditPage_1.default,
     variableEditPage: variableEditPage_1.default,
     annotationEditPage: annotationEditPage_1.default,
@@ -34,5 +40,11 @@ const fixtures = {
     readProvisionedDashboard: readProvisionedDashboard_1.default,
     isFeatureToggleEnabled: isFeatureToggleEnabled_1.default,
     createUser: createUser_1.default,
+    gotoDashboardPage: gotoDashboardPage_1.default,
+    gotoPanelEditPage: gotoPanelEditPage_1.default,
+    gotoVariableEditPage: gotoVariableEditPage_1.default,
+    gotoAnnotationEditPage: gotoAnnotationEditPage_1.default,
+    gotoDataSourceConfigPage: gotoDataSourceConfigPage_1.default,
+    gotoAppConfigPage: gotoAppConfigPage_1.default,
 };
 exports.default = fixtures;

package/dist/fixtures/panelEditPage.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const panelEditPage = async ({ newDashboardPage }, use) => {
-    const panelEditPage = await newDashboardPage.addPanel();
+const panelEditPage = async ({ dashboardPage }, use) => {
+    const panelEditPage = await dashboardPage.addPanel();
     await use(panelEditPage);
 };
 exports.default = panelEditPage;

package/dist/models/index.d.ts

@@ -10,3 +10,5 @@ export { VariablePage } from './pages/VariablePage';
 export { DataSourcePicker } from './components/DataSourcePicker';
 export { Panel } from './components/Panel';
 export { TimeRange } from './components/TimeRange';
+export { AppConfigPage } from './pages/AppConfigPage';
+export { PluginConfigPage } from './pages/PluginConfigPage';

package/dist/models/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimeRange = exports.Panel = exports.DataSourcePicker = exports.VariablePage = exports.VariableEditPage = exports.PanelEditPage = exports.GrafanaPage = exports.ExplorePage = exports.DataSourceConfigPage = exports.DashboardPage = exports.AnnotationPage = exports.AnnotationEditPage = void 0;
+exports.PluginConfigPage = exports.AppConfigPage = exports.TimeRange = exports.Panel = exports.DataSourcePicker = exports.VariablePage = exports.VariableEditPage = exports.PanelEditPage = exports.GrafanaPage = exports.ExplorePage = exports.DataSourceConfigPage = exports.DashboardPage = exports.AnnotationPage = exports.AnnotationEditPage = void 0;
 var AnnotationEditPage_1 = require("./pages/AnnotationEditPage");
 Object.defineProperty(exports, "AnnotationEditPage", { enumerable: true, get: function () { return AnnotationEditPage_1.AnnotationEditPage; } });
 var AnnotationPage_1 = require("./pages/AnnotationPage");
@@ -25,3 +25,7 @@ var Panel_1 = require("./components/Panel");
 Object.defineProperty(exports, "Panel", { enumerable: true, get: function () { return Panel_1.Panel; } });
 var TimeRange_1 = require("./components/TimeRange");
 Object.defineProperty(exports, "TimeRange", { enumerable: true, get: function () { return TimeRange_1.TimeRange; } });
+var AppConfigPage_1 = require("./pages/AppConfigPage");
+Object.defineProperty(exports, "AppConfigPage", { enumerable: true, get: function () { return AppConfigPage_1.AppConfigPage; } });
+var PluginConfigPage_1 = require("./pages/PluginConfigPage");
+Object.defineProperty(exports, "PluginConfigPage", { enumerable: true, get: function () { return PluginConfigPage_1.PluginConfigPage; } });

package/dist/models/pages/AppConfigPage.d.ts

@@ -0,0 +1,14 @@
+import { Response as PlaywrightResponse } from '@playwright/test';
+import { PluginConfigPageArgs, PluginTestCtx } from '../../types';
+import { PluginConfigPage } from './PluginConfigPage';
+export declare class AppConfigPage extends PluginConfigPage {
+    readonly ctx: PluginTestCtx;
+    readonly args: PluginConfigPageArgs;
+    constructor(ctx: PluginTestCtx, args: PluginConfigPageArgs);
+    /**
+     * Will wait for the settings endpoint to be called e.g. when saving settings
+     */
+    waitForSettingsResponse(options?: {
+        timeout?: number;
+    }): Promise<PlaywrightResponse>;
+}

package/dist/models/pages/AppConfigPage.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AppConfigPage = void 0;
+const PluginConfigPage_1 = require("./PluginConfigPage");
+class AppConfigPage extends PluginConfigPage_1.PluginConfigPage {
+    ctx;
+    args;
+    constructor(ctx, args) {
+        super(ctx, args);
+        this.ctx = ctx;
+        this.args = args;
+    }
+    /**
+     * Will wait for the settings endpoint to be called e.g. when saving settings
+     */
+    waitForSettingsResponse(options) {
+        const url = this.ctx.selectors.apis.Plugin.settings(this.args.pluginId);
+        return this.ctx.page.waitForResponse(url, options);
+    }
+}
+exports.AppConfigPage = AppConfigPage;

package/dist/models/pages/PluginConfigPage.d.ts

@@ -0,0 +1,11 @@
+import { PluginConfigPageArgs, NavigateOptions, PluginTestCtx } from '../../types';
+import { GrafanaPage } from './GrafanaPage';
+export declare class PluginConfigPage extends GrafanaPage {
+    readonly ctx: PluginTestCtx;
+    readonly args: PluginConfigPageArgs;
+    constructor(ctx: PluginTestCtx, args: PluginConfigPageArgs);
+    /**
+     * Navigates to the app plugin config page.
+     */
+    goto(options?: NavigateOptions): Promise<void>;
+}

package/dist/models/pages/PluginConfigPage.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PluginConfigPage = void 0;
+const GrafanaPage_1 = require("./GrafanaPage");
+class PluginConfigPage extends GrafanaPage_1.GrafanaPage {
+    ctx;
+    args;
+    constructor(ctx, args) {
+        super(ctx);
+        this.ctx = ctx;
+        this.args = args;
+    }
+    /**
+     * Navigates to the app plugin config page.
+     */
+    goto(options) {
+        const url = this.ctx.selectors.pages.Plugin.url(this.args.pluginId);
+        return super.navigate(url, options);
+    }
+}
+exports.PluginConfigPage = PluginConfigPage;

package/dist/types.d.ts

@@ -246,3 +246,7 @@ export interface ContainTextOptions {
      */
     useInnerText?: boolean;
 }
+export type PluginConfigPageArgs = {
+    pluginId: string;
+};
+export type GotoAppConfigPageArgs = PluginConfigPageArgs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/plugin-e2e",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "files": [
@@ -46,5 +46,5 @@
     "uuid": "^9.0.1",
     "yaml": "^2.3.4"
   },
-  "gitHead": "cfb36df34e91f83732cf2785e15aab43540cf551"
+  "gitHead": "b368c05c45d61983883f8efe7ee814b609b8d482"
 }

package/dist/fixtures/newDashboardPage.d.ts

@@ -1,7 +0,0 @@
-import { TestFixture } from '@playwright/test';
-import { PluginFixture, PluginOptions } from '../api';
-import { DashboardPage } from '../models';
-import { PlaywrightCombinedArgs } from './types';
-type NewDashboardPageFixture = TestFixture<DashboardPage, PluginFixture & PluginOptions & PlaywrightCombinedArgs>;
-declare const newDashboardPage: NewDashboardPageFixture;
-export default newDashboardPage;

package/dist/fixtures/newDashboardPage.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const models_1 = require("../models");
-const newDashboardPage = async ({ page, request, selectors, grafanaVersion }, use, testInfo) => {
-    const newDashboardPage = new models_1.DashboardPage({ page, selectors, grafanaVersion, request, testInfo });
-    await newDashboardPage.goto();
-    await use(newDashboardPage);
-};
-exports.default = newDashboardPage;