chore(site): add playwright:remote script

mafredri · mafredri · commit afd090df05f8 · 2023-10-31T14:40:54.000Z
diff --git a/site/e2e/playwright.config.ts b/site/e2e/playwright.config.ts
@@ -6,6 +6,8 @@ export const port = process.env.CODER_E2E_PORT
   ? Number(process.env.CODER_E2E_PORT)
   : defaultPort;
 
+export const wsEndpoint = process.env.CODER_E2E_WS_ENDPOINT;
+
 const coderMain = path.join(__dirname, "../../enterprise/cmd/coder");
 
 export const STORAGE_STATE = path.join(__dirname, ".auth.json");
@@ -34,9 +36,17 @@ export default defineConfig({
   use: {
     baseURL: `http://localhost:${port}`,
     video: "retain-on-failure",
-    launchOptions: {
-      args: ["--disable-webgl"],
-    },
+    ...(wsEndpoint
+      ? {
+          connectOptions: {
+            wsEndpoint: wsEndpoint,
+          },
+        }
+      : {
+          launchOptions: {
+            args: ["--disable-webgl"],
+          },
+        }),
   },
   webServer: {
     url: `http://localhost:${port}/api/v2/deployment/config`,
diff --git a/site/e2e/server/run_with_forward.sh b/site/e2e/server/run_with_forward.sh
@@ -0,0 +1,52 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+workspace=${1:-}
+port=${2:-3000}
+
+if [[ -z "${workspace}" ]]; then
+	echo "Usage: $0 <workspace> [port]"
+	exit 1
+fi
+
+# Go to site.
+cd "$(dirname "$0")/../.."
+
+echo "Running \"pnpm install\" to ensure local and remote are up-to-date..."
+pnpm install
+
+echo "Running \"playwright install\" for browser binaries..."
+pnpm exec playwright install
+
+playwright_out="$(mktemp -t playwright_server_out.XXXXXX)"
+
+rm "$playwright_out"
+mkfifo "$playwright_out"
+exec 3<>"$playwright_out"
+
+echo "Starting Playwright server..."
+exec pnpm --silent exec node ./e2e/server/server.mjs 1>&3 &
+playwright_pid=$!
+
+trap '
+kill $playwright_pid
+exec 3>&-
+rm "$playwright_out"
+' EXIT
+
+echo "Waiting for Playwright to start..."
+read -r ws_endpoint <&3
+if [[ ${ws_endpoint} != ws://*  ]]; then
+	echo "Playwright failed to start."
+	echo "${ws_endpoint}"
+	cat "$playwright_out"
+	exit 1
+fi
+echo "Playwright started at ${ws_endpoint}"
+
+ws_port=${ws_endpoint##*:}
+ws_port=${ws_port%/*}
+
+echo "Starting SSH tunnel, run test via \"pnpm run playwright:test\"..."
+
+ssh -t -R "${ws_port}:127.0.0.1:${ws_port}" -L "${port}:127.0.0.1:${port}" coder."${workspace}" "export CODER_E2E_PORT='${port}'; export CODER_E2E_WS_ENDPOINT='${ws_endpoint}'; [[ -d site ]] && cd site; \"\$(grep \"\${USER}\": /etc/passwd | cut -d: -f7)\" -l"
diff --git a/site/e2e/server/server.mjs b/site/e2e/server/server.mjs
@@ -0,0 +1,4 @@
+import { chromium } from "@playwright/test";
+
+const server = await chromium.launchServer({ headless: false });
+console.log(server.wsEndpoint());
diff --git a/site/package.json b/site/package.json
@@ -18,6 +18,7 @@
     "lint:types": "tsc --noEmit",
     "playwright:install": "playwright install --with-deps chromium",
     "playwright:test": "playwright test --config=e2e/playwright.config.ts",
+    "playwright:remote": "./e2e/server/run_with_forward.sh",
     "gen:provisioner": "protoc --plugin=./node_modules/.bin/protoc-gen-ts_proto --ts_proto_out=./e2e/ --ts_proto_opt=outputJsonMethods=false,outputEncodeMethods=encode-no-creation,outputClientImpl=false,nestJs=false,outputPartialMethods=false,fileSuffix=Generated,suffix=hey -I ../provisionersdk/proto ../provisionersdk/proto/provisioner.proto && pnpm exec prettier --ignore-path '/dev/null' --cache --write './e2e/provisionerGenerated.ts'",
     "storybook": "STORYBOOK=true storybook dev -p 6006",
     "storybook:build": "storybook build",
