E2E: Add support for building test plugins (#91873)

* build test apps with webpack * add extensions test app * update e2e tests * remove non-build test apps using amd * use @grafana/plugin-configs rather than create-plugin config * Update e2e/plugin-e2e/plugin-e2e-api-tests/as-admin-user/extensions/usePluginComponents.spec.ts Co-authored-by: Jack Westbrook <jack.westbrook@gmail.com> * Update package.json Co-authored-by: Jack Westbrook <jack.westbrook@gmail.com> * use run dir variable instead of hardcoded path * add dummy licence file * add separate step for building test plugins * support nested plugins * remove react-router-dom from the externals array * remove add_mode dev * lint starlark * pass license path as env variable * fix the path * chore(e2e-plugins): clean up dependencies to match core versions * refactor(e2e-plugins): prefer extending webpack plugins-config * docs(e2e-plugins): add basic info to extensions test plugin readme * update readme * change dir name from custom plugins to test plugins * change root readme * update lockfile --------- Co-authored-by: Jack Westbrook <jack.westbrook@gmail.com>
2024-08-23 09:00:03 +02:00
parent 0af4a20b58
commit d8ec95e9b1
78 changed files with 1143 additions and 722 deletions
@@ -0,0 +1,41 @@
+/*
+ * This is a dummy plugin to test the frontend sandbox
+ * It is not meant to be used in any other way
+ * This file doesn't require any compilation
+ */
+define(['react', '@grafana/data', 'react-router-dom'], function (React, grafanaData, ReactRouterDom) {
+  const { AppPlugin } = grafanaData;
+  const { Switch, Route } = ReactRouterDom;
+
+  function PageOne() {
+    return React.createElement(
+      'div',
+      {
+        'data-testid': 'sandbox-app-test-page-one',
+      },
+      'This is a page one'
+    );
+  }
+
+  function App() {
+    return React.createElement(Switch, null, React.createElement(Route, { component: PageOne }));
+  }
+  function AppConfig() {
+    return React.createElement(
+      'div',
+      {
+        'data-testid': 'sandbox-app-test-config-page',
+      },
+
+      'This is a config page'
+    );
+  }
+
+  const plugin = new AppPlugin().setRootPage(App).addConfigPage({
+    title: 'Configuration',
+    icon: 'cog',
+    body: AppConfig,
+    id: 'configuration',
+  });
+  return { plugin };
+});