Add e2e for plugin routes

packages/playground/server-components/hydrogen.config.js

@@ -1,4 +1,5 @@
 import {defineConfig, CookieSessionStorage} from '@shopify/hydrogen/config';
+import myTestPlugin from './my-test-plugin/plugin.js';
 
 export default defineConfig({
   shopify: {
@@ -16,4 +17,5 @@ export default defineConfig({
     debug() {},
   },
   serverErrorPage: '/src/500Error.tsx',
+  plugins: [myTestPlugin({})],
 });

packages/playground/server-components/my-test-plugin/package.json

@@ -0,0 +1,5 @@
+{
+  "name": "my-test-plugin",
+  "private": "true",
+  "type": "module"
+}

packages/playground/server-components/my-test-plugin/plugin.js

@@ -0,0 +1,6 @@
+import {definePlugin} from '@shopify/hydrogen/config';
+
+export default definePlugin(() => ({
+  name: 'my-test-plugin',
+  url: import.meta.url,
+}));

packages/playground/server-components/my-test-plugin/routes/my-plugin.server.jsx

@@ -0,0 +1,7 @@
+export default function MyPlugin() {
+  return <h1>Hello My Plugin</h1>;
+}
+
+export function api() {
+  return new Response('Plugin OK');
+}

packages/playground/server-components/tests/e2e-test-cases.ts

@@ -894,4 +894,16 @@ export default async function testCases({
       expect(await page.textContent('h2')).toContain('itBroke is not defined');
     });
   });
+
+  describe('Hydrogen Plugins', () => {
+    it('imports plugin routes', async () => {
+      const pluginRoute = getServerUrl() + '/my-plugin';
+      await page.goto(pluginRoute);
+      expect(await page.textContent('h1')).toContain('Hello My Plugin');
+
+      expect(await (await fetch(pluginRoute, {method: 'POST'})).text()).toEqual(
+        'Plugin OK'
+      );
+    });
+  });
 }