Merge pull request #1 from endformdev/oliver/e2e-pr

Add PR e2e workflow

Author: ostenbom

.github/workflows/endform-tests-on-prs.yml

@@ -0,0 +1,41 @@
+name: Run end to end tests with endform
+
+on:
+  pull_request:
+    branches:
+      - main
+
+permissions:
+  contents: read
+  id-token: write # required for authentication with Endform
+
+jobs:
+  e2e:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout code
+        uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+      
+      - name: Set up pnpm
+        uses: pnpm/action-setup@v4
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          cache: 'pnpm'
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Wait for Vercel deployment
+        uses: endformdev/actions/await-vercel-deployment@main
+        with:
+          project-name: endform-playwright-tutorial
+          set-url-env-var: BASE_URL # Sets the Vercel preview URL as the BASE_URL environment variable
+
+      - name: Run end to end tests with endform
+        run: |
+          npx endform@latest test

playwright.config.ts

@@ -28,20 +28,21 @@ export default defineConfig({
 	/* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */
 	use: {
 		/* Base URL to use in actions like `await page.goto('/')`. */
-		// baseURL: "https://endform-playwright-tutorial.vercel.app",
+		baseURL:
+			process.env.BASE_URL || "https://endform-playwright-tutorial.vercel.app",
 		// You can use this localhost baseURL if you are running the application locally
-		baseURL: "http://localhost:3000",
+		// baseURL: "http://localhost:3000",
 
 		/* Collect trace when retrying the failed test. See https://playwright.dev/docs/trace-viewer */
 		trace: "retain-on-failure",
 	},
 
 	/* Run your local dev server before starting the tests */
-	webServer: {
-		command: "pnpm dev",
-		url: "http://localhost:3000",
-		reuseExistingServer: !process.env.CI,
-	},
+	// webServer: {
+	// 	command: "pnpm dev",
+	// 	url: "http://localhost:3000",
+	// 	reuseExistingServer: !process.env.CI,
+	// },
 
 	projects: [
 		{

middleware.ts proxy.tsmiddleware.ts renamed to proxy.ts

@@ -4,7 +4,7 @@ import { signToken, verifyToken } from "@/lib/auth/session";
 
 const protectedRoutes = "/dashboard";
 
-export async function middleware(request: NextRequest) {
+export async function proxy(request: NextRequest) {
 	const { pathname } = request.nextUrl;
 	const sessionCookie = request.cookies.get("session");
 	const isProtectedRoute = pathname.startsWith(protectedRoutes);