add automated way to run tests

Author: kentcdodds

.gitignore

@@ -5,6 +5,7 @@ workspace/
 **/build/
 **/public/build
 **/playwright-report
+**/test-results
 data.db
 /playground
 **/tsconfig.tsbuildinfo

epicshop/in-browser-tests.spec.js

@@ -0,0 +1,8 @@
+import { dirname, resolve } from 'path'
+import { fileURLToPath } from 'url'
+import { setupInBrowserTests } from '@epic-web/workshop-utils/playwright.server'
+
+const __dirname = dirname(fileURLToPath(import.meta.url))
+process.env.EPICSHOP_CONTEXT_CWD = resolve(__dirname, '..')
+
+setupInBrowserTests()

epicshop/package-lock.json

@@ -1,7 +1,11 @@
 {
   "type": "module",
+  "scripts": {
+    "test": "playwright test"
+  },
   "dependencies": {
     "@epic-web/config": "^1.11.2",
-    "@epic-web/workshop-app": "^4.27.0"
+    "@epic-web/workshop-app": "^4.27.0",
+    "@epic-web/workshop-utils": "^4.27.0"
   }
 }

epicshop/package.json

@@ -0,0 +1,27 @@
+import { defineConfig, devices } from '@playwright/test'
+
+const PORT = process.env.PORT || '5639'
+
+export default defineConfig({
+	reporter: 'html',
+	use: {
+		baseURL: `http://localhost:${PORT}/`,
+		trace: 'retain-on-failure',
+	},
+
+	projects: [
+		{
+			name: 'chromium',
+			use: { ...devices['Desktop Chrome'] },
+		},
+	],
+
+	webServer: {
+		command: 'cd .. && npm start',
+		port: Number(PORT),
+		reuseExistingServer: !process.env.CI,
+		stdout: 'pipe',
+		stderr: 'pipe',
+		env: { PORT },
+	},
+})