Plugin extensions: Add e2e tests (#89048)

* add custom plugins

* update bundles

* provision app plugins and their dashboards

* add one more script that run e2e tests using e2e test server

* add e2e tests

* regenerate jsonnet dashboards

* ignore custom plugins and playwright report

* use minified

* cleanup tests

* update codeowners

* add leading slash

* document new script

* document custom-plugins

* cleanup

* twist modules

* add readme

e2e/plugin-e2e/plugin-e2e-api-tests/as-admin-user/extensions.spec.ts

@@ -0,0 +1,38 @@
+import { expect, test } from '@grafana/plugin-e2e';
+
+const panelTitle = 'Link with defaults';
+const extensionTitle = 'Open from time series...';
+const testIds = {
+  modal: {
+    container: 'ape-modal-body',
+  },
+  mainPage: {
+    container: 'ape-main-page-container',
+  },
+};
+
+const linkOnClickDashboardUid = 'dbfb47c5-e5e5-4d28-8ac7-35f349b95946';
+const linkPathDashboardUid = 'd1fbb077-cd44-4738-8c8a-d4e66748b719';
+
+test('should add link extension (path) with defaults to time series panel', async ({ gotoDashboardPage, page }) => {
+  const dashboardPage = await gotoDashboardPage({ uid: linkPathDashboardUid });
+  const panel = await dashboardPage.getPanelByTitle(panelTitle);
+  await panel.clickOnMenuItem(extensionTitle, { parentItem: 'Extensions' });
+  await expect(page.getByTestId(testIds.mainPage.container)).toBeVisible();
+});
+
+test('should add link extension (onclick) with defaults to time series panel', async ({ gotoDashboardPage, page }) => {
+  const dashboardPage = await gotoDashboardPage({ uid: linkOnClickDashboardUid });
+  const panel = await dashboardPage.getPanelByTitle(panelTitle);
+  await panel.clickOnMenuItem(extensionTitle, { parentItem: 'Extensions' });
+  await expect(page.getByRole('dialog')).toContainText('Select query from "Link with defaults"');
+});
+
+test('should add link extension (onclick) with new title to pie chart panel', async ({ gotoDashboardPage, page }) => {
+  const panelTitle = 'Link with new name';
+  const extensionTitle = 'Open from piechart';
+  const dashboardPage = await gotoDashboardPage({ uid: linkOnClickDashboardUid });
+  const panel = await dashboardPage.getPanelByTitle(panelTitle);
+  await panel.clickOnMenuItem(extensionTitle, { parentItem: 'Extensions' });
+  await expect(page.getByRole('dialog')).toContainText('Select query from "Link with new name"');
+});