fix: missing playwright browsers into the production image

Author: sneko

.github/workflows/ci.yml

@@ -112,7 +112,7 @@ jobs:
           version: '2.14.2'
       - name: Install `Xvfb` and others to run browsers for end-to-end testing in local CI/CD simulations (https://github.com/nektos/act/issues/1300#issuecomment-1387344639)
         if: ${{ env.ACT }}
-        run: sudo apt-get update && sudo apt-get install -y xvfb && npx playwright install-deps
+        run: sudo apt-get update && sudo apt-get install -y xvfb && npm run playwright install-deps
 
       - name: Test unit
         run: make test-unit

Dockerfile

@@ -5,6 +5,7 @@ ARG NODE_VERSION=18.19.0
 ARG RUBY_VERSION=3.2.2-r1
 ARG PIP_VERSION=23.3.1-r0
 ARG PRISMA_VERSION=4.16.2
+ARG PLAYWRIGHT_VERSION=1.39.0
 ARG APP_HOST=172.17.0.2
 ARG PORT=3000
 
@@ -13,6 +14,7 @@ FROM node:${NODE_VERSION}-alpine
 ARG RUBY_VERSION
 ARG PIP_VERSION
 ARG PRISMA_VERSION
+ARG PLAYWRIGHT_VERSION
 ARG APP_HOST
 ARG PORT
 
@@ -58,6 +60,9 @@ RUN python3 -m venv ./venv \
 
 ENV PATH="/app/venv/bin:$PATH"
 
+# We use `npx` to install browsers needed to avoid using `npm run playwright install` since we build as standalone the entire application and we no longer want to rely application `node_modules` folder
+RUN npx --yes playwright@${PLAYWRIGHT_VERSION} install
+
 # Manage the final server build
 
 COPY --chown=nextjs:nodejs ".next/standalone" ./

package-lock.json

@@ -70,6 +70,7 @@
     "db:studio:unsecure": "prisma studio",
     "clean": "rm -rf .next && rm -rf node_modules",
     "chromatic": "only-include-used-icons && chromatic --build-script-name build:storybook:command --auto-accept-changes --exit-zero-on-changes --only-changed --externals \"public/**\"",
+    "playwright": "playwright",
     "jest": "NODE_OPTIONS=\"$NODE_OPTIONS --experimental-vm-modules\" jest"
   },
   "prisma": {
@@ -125,7 +126,7 @@
     "openai": "^4.25.0",
     "parse-domain": "^8.0.1",
     "pg-boss": "^9.0.1",
-    "playwright": "^1.39.0",
+    "playwright": "1.39.0",
     "pretty-bytes": "^6.1.1",
     "prisma": "4.16.2",
     "react": "^18.2.0",