@grafana/create-plugin 5.1.1 → 5.1.2-canary.1039.3371803.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grafana/create-plugin",
-  "version": "5.1.1",
+  "version": "5.1.2-canary.1039.3371803.0",
   "repository": {
     "directory": "packages/create-plugin",
     "url": "https://github.com/grafana/plugin-tools"
@@ -87,5 +87,5 @@
   "engines": {
     "node": ">=20"
   },
-  "gitHead": "5daa5b95194f69c657bdd84cac664cc305903165"
+  "gitHead": "3371803b33035b65348509013d80aed6bd480ebc"
 }

package/templates/scenes-app/tests/appConfig.spec.ts

@@ -0,0 +1,19 @@
+import { test, expect } from './fixtures';
+
+test('should be possible to save app configuration', async ({ appConfigPage, page }) => {
+  const saveButton = page.getByRole('button', { name: /Save API settings/i });
+
+  // reset the configured secret
+  await page.getByRole('button', { name: /reset/i }).click();
+
+  // enter some valid values
+  await page.getByRole('textbox', { name: 'API Key' }).fill('secret-api-key');
+  await page.getByRole('textbox', { name: 'API Url' }).clear();
+  await page.getByRole('textbox', { name: 'API Url' }).fill('http://www.my-awsome-grafana-app.com/api');
+
+  // listen for the server response on the saved form
+  const saveResponse = appConfigPage.waitForSettingsResponse();
+
+  await saveButton.click();
+  await expect(saveResponse).toBeOK();
+});

package/templates/scenes-app/tests/appNavigation.spec.ts

@@ -0,0 +1,33 @@
+import { test, expect } from './fixtures';
+import { ROUTES } from '../src/constants';
+
+test.describe('navigating app', () => {
+  test('page Hello World should render successfully', async ({ gotoPage, page }) => {
+    await gotoPage(`/${ROUTES.HelloWorld}`);
+    await expect(page.getByText('Hello world panel')).toBeVisible();
+  });
+
+  test('page With Tabs should render successfully', async ({ gotoPage, page }) => {
+    await gotoPage(`/${ROUTES.WithTabs}`);
+    await expect(page.getByText('This scene showcases a basic tabs functionality.')).toBeVisible();
+  });
+
+  test('page Home should support an id parameter', async ({ gotoPage, page }) => {
+    await gotoPage(`/${ROUTES.Home}`);
+    await expect(
+      page.getByText(
+        'This scene showcases a basic scene functionality, including query runner, variable and a custom scene object.'
+      )
+    ).toBeVisible();
+  });
+
+  test('page With Drilldown should render sucessfully', async ({ gotoPage, page }) => {
+    // wait for page to successfully render
+    await gotoPage(`/${ROUTES.WithDrilldown}`);
+    await expect(
+      page.getByText(
+        'This scene showcases a basic drilldown functionality. Interact with room to see room details scene.'
+      )
+    ).toBeVisible();
+  });
+});

package/templates/scenes-app/tests/fixtures.ts

@@ -0,0 +1,26 @@
+import { AppConfigPage, AppPage, test as base } from '@grafana/plugin-e2e';
+import pluginJson from '../src/plugin.json';
+
+type AppTestFixture = {
+  appConfigPage: AppConfigPage;
+  gotoPage: (path?: string) => Promise<AppPage>;
+};
+
+export const test = base.extend<AppTestFixture>({
+  appConfigPage: async ({ gotoAppConfigPage }, use) => {
+    const configPage = await gotoAppConfigPage({
+      pluginId: pluginJson.id,
+    });
+    await use(configPage);
+  },
+  gotoPage: async ({ gotoAppPage }, use) => {
+    await use((path) =>
+      gotoAppPage({
+        path,
+        pluginId: pluginJson.id,
+      })
+    );
+  },
+});
+
+export { expect } from '@grafana/plugin-e2e';