feat: headless app and api for testing js-waku in browser

Author: adklempner

.dockerignore

@@ -0,0 +1,25 @@
+**/node_modules
+**/.git
+**/.vscode
+**/dist
+**/build
+**/.DS_Store
+**/.env*
+**/*.log
+
+# Exclude all packages except browser-tests and browser-container
+packages/discovery/
+packages/tests/
+packages/utils/
+packages/sds/
+packages/sdk/
+packages/relay/
+packages/rln/
+packages/message-hash/
+packages/proto/
+packages/enr/
+packages/interfaces/
+packages/message-encryption/
+packages/core/
+packages/react-native-polyfills/
+packages/build-utils/

.eslintrc.json

@@ -5,7 +5,12 @@
     "project": ["./tsconfig.json"]
   },
   "env": { "es6": true },
-  "ignorePatterns": ["node_modules", "build", "coverage", "proto"],
+  "ignorePatterns": [
+    "node_modules",
+    "build",
+    "coverage",
+    "proto"
+  ],
   "plugins": ["import", "eslint-comments", "functional"],
   "extends": [
     "eslint:recommended",

.github/workflows/ci.yml

@@ -22,9 +22,9 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-        with: 
+        with:
           repository: waku-org/js-waku
-          
+
       - uses: actions/setup-node@v3
         with:
           node-version: ${{ env.NODE_JS }}
@@ -37,7 +37,7 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v3
-        with: 
+        with:
           repository: waku-org/js-waku
       - uses: actions/setup-node@v3
         with:
@@ -62,7 +62,7 @@ jobs:
       HOME: "/root"
     steps:
       - uses: actions/checkout@v3
-        with: 
+        with:
           repository: waku-org/js-waku
       - uses: actions/setup-node@v3
         with:
@@ -150,7 +150,7 @@ jobs:
           token: ${{ secrets.CI_TOKEN }}
 
       - uses: actions/checkout@v3
-        with: 
+        with:
           repository: waku-org/js-waku
         if: ${{ steps.release.outputs.releases_created }}
 

.github/workflows/playwright.yml

@@ -29,6 +29,12 @@ jobs:
 
     - uses: ./.github/actions/npm
 
+    - name: Build browser container
+      run: npm run build --workspace=@waku/browser-container
+
+    - name: Build browser test environment
+      run: npm run build --workspace=@waku/browser-tests
+
     - name: Run Playwright tests
       run: npm run test --workspace=@waku/browser-tests
 

.gitignore

@@ -15,4 +15,5 @@ example
 packages/discovery/mock_local_storage
 .cursorrules
 .giga
-.cursor
+.cursor
+.DS_Store

Dockerfile

@@ -0,0 +1,45 @@
+FROM node:20-slim
+
+# Install Chrome dependencies
+RUN apt-get update && apt-get install -y \
+    procps \
+    libglib2.0-0 \
+    libnss3 \
+    libnspr4 \
+    libatk1.0-0 \
+    libatk-bridge2.0-0 \
+    libcups2 \
+    libdrm2 \
+    libxkbcommon0 \
+    libxcomposite1 \
+    libxdamage1 \
+    libxfixes3 \
+    libxrandr2 \
+    libgbm1 \
+    libasound2 \
+    libpango-1.0-0 \
+    libcairo2 \
+    && rm -rf /var/lib/apt/lists/*
+
+WORKDIR /app
+
+# Copy package files
+COPY package*.json ./
+COPY packages/browser-tests/package.json ./packages/browser-tests/
+COPY packages/headless-tests/package.json ./packages/headless-tests/
+
+# Install dependencies and serve
+RUN npm install && npm install -g serve
+
+# Copy source files
+COPY tsconfig.json ./
+COPY packages/ ./packages/
+
+# Build packages
+RUN npm run build -w packages/headless-tests && \
+    npm run build:server -w packages/browser-tests && \
+    npx playwright install chromium
+
+EXPOSE 3000
+
+CMD ["npm", "run", "start:server", "-w", "packages/browser-tests"]