fix: playwright setup on Gitpod (#2261)

* fix playwright setup on gitpod

* use custom dockerfile

* use correct image

* add sudo & latest tag

* remove sudo

* only install deps in dockerfile

* use npx

* remove apt update

* change installs in dockerfile

* fix npm typo

* install chromium in gitpod yml

* use npx for playwright

* put playwright install in command section

* use playwright install-deps

* remove apt

* install chromium in node modules folder

* set playwright browsers path env var

* update terminal env vars

Author: dan-mba

.gitpod.Dockerfile

@@ -0,0 +1,2 @@
+FROM gitpod/workspace-mongodb:latest
+RUN npx playwright install-deps chromium 

.gitpod.dockerfile

@@ -1,9 +1,13 @@
 ---
 # List the start up tasks. Learn more https://www.gitpod.io/docs/config-start-tasks/
 tasks:
-  - name: Install npm depdencies
-    init: npm i
+  - name: Install npm dependencies
+    init: |
+      npm ci
+      PLAYWRIGHT_BROWSERS_PATH=0 npx playwright install chromium
     command: |
+      gp env PLAYWRIGHT_BROWSERS_PATH=0
+      eval $(gp env -e)
       gp ports await 27017
       npm run dev
   - name: Mongo
@@ -20,7 +24,8 @@ github:
     addComment: false
     addBadge: true
 
-image: gitpod/workspace-mongodb
+image:
+  file: .gitpod.Dockerfile
 
 vscode:
   extensions:

.gitpod.yml

@@ -34,8 +34,8 @@ const config = {
   forbidOnly: !!process.env.CI,
   /* Retry on CI only */
   retries: process.env.CI ? 2 : 0,
-  /* Opt out of parallel tests on CI. */
-  workers: process.env.CI ? 1 : undefined,
+  /* Opt out of parallel tests on CI & Gitpod. */
+  workers: process.env.CI || process.env.GITPOD_MEMORY ? 1 : undefined,
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
   reporter: "html",
   /* Shared settings for all the projects below. See https://playwright.dev/docs/api/class-testoptions. */