Containerize puppeteer.

.dockerignore

@@ -0,0 +1,4 @@
+.git
+node_modules
+build
+docs

Dockerfile

@@ -0,0 +1,23 @@
+FROM node:20
+
+# Install Google Chrome Stable and fonts
+# Note: this installs the necessary libs to make the browser work with Puppeteer.
+RUN apt-get update && apt-get install gnupg wget -y && \
+  wget --quiet --output-document=- https://dl-ssl.google.com/linux/linux_signing_key.pub | gpg --dearmor > /etc/apt/trusted.gpg.d/google-archive.gpg && \
+  sh -c 'echo "deb [arch=amd64] http://dl.google.com/linux/chrome/deb/ stable main" >> /etc/apt/sources.list.d/google.list' && \
+  apt-get update && \
+  apt-get install google-chrome-stable -y --no-install-recommends && \
+  rm -rf /var/lib/apt/lists/*
+
+WORKDIR /app
+
+COPY . .
+
+ENV CI=1
+ENV NODE_ENV=development
+
+RUN yarn install
+RUN yarn build
+RUN servebuild 1>/dev/null &
+
+CMD yarn test:puppeteer

package.json

@@ -35,6 +35,8 @@
     "deploy:staging": "npm run lint && npm run build && firebase hosting:channel:deploy staging --expires 30d",
     "deploy:staging2": "npm run lint && npm run build && firebase hosting:channel:deploy staging2 --expires 30d",
     "deploy:dev": "npm run lint && npm run build && firebase hosting:channel:deploy dev --expires 30d",
+    "docker:build": "docker build --platform linux/amd64 --rm -t em-snapshot .",
+    "docker:run": "docker run em-snapshot",
     "lint": "FORCE_COLOR=1 npm-run-all --parallel --aggregate-output lint:*",
     "lint:src": "FORCE_COLOR=1 eslint . --cache --rule 'no-console: [2, { allow: [error, info, warn] }]'",
     "lint:lockfile": "npx lockfile-lint",