Add Playwright setup for in-browser tests

- Add @epic-web/workshop-utils to root dependencies
- Add playwright.config.ts and workshop.test.ts in epicshop/
- Add @playwright/test, get-port, @types/node to epicshop deps

Author: kentcdodds

epicshop/package-lock.json

@@ -3,11 +3,14 @@
   "dependencies": {
     "@epic-web/workshop-app": "^6.50.0",
     "@epic-web/workshop-utils": "^6.50.0",
+    "@playwright/test": "^1.49.1",
+    "@types/node": "^22.10.5",
     "chokidar": "^5.0.0",
     "enquirer": "^2.4.1",
     "epicshop": "^6.50.0",
     "execa": "^9.6.1",
     "fs-extra": "^11.3.3",
+    "get-port": "^7.1.0",
     "match-sorter": "^8.2.0",
     "p-limit": "^7.2.0"
   }

epicshop/package.json

@@ -0,0 +1,22 @@
+import { defineConfig } from '@playwright/test'
+import getPort from 'get-port'
+
+const port = process.env.PORT ? Number(process.env.PORT) : await getPort({ port: 5639 })
+
+process.env.PORT = String(port)
+
+export default defineConfig({
+	testDir: '.',
+	testMatch: 'workshop.test.ts',
+	timeout: 60000,
+	use: {
+		baseURL: `http://localhost:${port}`,
+	},
+	webServer: {
+		command: 'npm run dev',
+		cwd: '..',
+		port,
+		reuseExistingServer: true,
+		timeout: 120000,
+	},
+})

epicshop/playwright.config.ts

@@ -0,0 +1,4 @@
+{
+  "status": "passed",
+  "failedTests": []
+}

epicshop/test-results/.last-run.json

@@ -0,0 +1,4 @@
+/// <reference types="chai-dom" />
+import { setupInBrowserTests } from '@epic-web/workshop-utils/playwright.server'
+
+setupInBrowserTests()