testing builds

Author: karpikpl

.github/workflows/playwright.yml

@@ -34,13 +34,21 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v3
+    - name: Build and export to Docker
+      uses: docker/build-push-action@v6
       with:
-        node-version: lts/*
-    - name: Install Playwright
-      run: npm install -g @playwright/test
+        load: true
+        tags: api:test
     - name: Run Playwright tests
-      run: docker compose --profile tests run playwright
+      run: docker run -it --rm --name playwright \
+          -v $(pwd)/test-results-docker-org:/test-results \
+          -e VUE_APP_SCOPE=organization \
+          -e VUE_APP_GITHUB_ORG=octodemo \
+          -e VUE_APP_GITHUB_API=/api/github \
+          -e APP_MOCKED_DATA=true \
+          api:test @org
     - uses: actions/upload-artifact@v4
       if: ${{ !cancelled() }}
       with:
@@ -53,13 +61,21 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v4
-    - uses: actions/setup-node@v4
+    - name: Set up Docker Buildx
+      uses: docker/setup-buildx-action@v3
+    - name: Build and export to Docker
+      uses: docker/build-push-action@v6
       with:
-        node-version: lts/*
-    - name: Install Playwright
-      run: npm install -g @playwright/test
+        load: true
+        tags: api:test
     - name: Run Playwright tests
-      run: docker compose -f docker-compose.yml -f docker-compose.ent.override.yml --profile tests run playwright
+      run: docker run -it --rm --name playwright \
+          -v $(pwd)/test-results-docker-ent:/test-results \
+          -e VUE_APP_SCOPE=enterprise \
+          -e VUE_APP_GITHUB_ENT=octodemo \
+          -e VUE_APP_GITHUB_API=/api/github \
+          -e APP_MOCKED_DATA=true \
+          api:test @ent
     - uses: actions/upload-artifact@v4
       if: ${{ !cancelled() }}
       with:

api.Dockerfile

@@ -1,22 +1,29 @@
 # Stage 1: Build the Vue.js application
+# mode can be 'prod' - default or 'playwright'
+# for 'playwright' mode, the final image will be base-playwright
+# for 'prod' mode, the final image will be base-prod
+# build with 'docker build -f api.Dockerfile -t api --build-arg mode=playwright .'
+# build with 'docker build -f api.Dockerfile -t api .' for production
+ARG mode=prod
+
 FROM node:23 AS build-stage
 
 USER node
 WORKDIR /app
 
 COPY --chown=1000:1000 package*.json ./
-RUN npm install
+RUN npm ci
 COPY --chown=1000:1000 . .
 RUN npm run build
 
 # Stage 2: Prepare the Node.js API
-FROM node:23 AS api-stage
+FROM node:23 AS base-prod
 
 WORKDIR /api
 
 # Copy package.json and other necessary files for the API
 COPY --chown=1000:1000 api/package*.json ./
-RUN npm install && \
+RUN npm ci && \
     chown -R 1000:1000 /api && \
     apt-get update && \
     apt-get install -y --no-install-recommends gettext-base && \
@@ -38,4 +45,29 @@ EXPOSE 3000
 RUN chmod +x /api/docker-entrypoint.api/entrypoint.sh
 
 USER node
-ENTRYPOINT ["/api/docker-entrypoint.api/entrypoint.sh"]
+ENTRYPOINT ["/api/docker-entrypoint.api/entrypoint.sh"]
+
+#-----------------------------------
+FROM mcr.microsoft.com/playwright:v1.49.1 AS base-playwright
+
+WORKDIR /pw
+
+RUN apt-get update && \
+    apt-get install -y --no-install-recommends gettext-base && \
+    apt-get clean && \
+    rm -rf /var/lib/apt/lists/*
+
+COPY --chown=1000:1000 --from=base-prod /api /api
+COPY --chown=1000:1000 --from=base-prod /mock-data /mock-data
+COPY --chown=1000:1000 tests ./tests
+COPY --chown=1000:1000 playwright.config.ts .
+COPY --chown=1000:1000 playwright.docker.config.ts .
+
+
+RUN npm install @playwright/[email protected] 
+# RUN npx playwright install --with-deps
+
+ENTRYPOINT [ "npx", "playwright", "test", "-c", "playwright.docker.config.ts", "--output", "/test-results", "--grep"]
+
+#-----------------------------------
+FROM base-${mode} AS final

api/server.mjs

@@ -5,6 +5,7 @@ import axios from 'axios';
 import { fileURLToPath } from 'url';
 import session from 'express-session';
 import { createProxyMiddleware } from 'http-proxy-middleware';
+import { readFileSync } from 'fs';
 
 // Construct __dirname equivalent in ES module scope
 const __dirname = path.dirname(fileURLToPath(import.meta.url));

docker-compose.ent.override.yml

@@ -0,0 +1,17 @@
+import { defineConfig } from '@playwright/test';
+import baseConfig from './playwright.config';
+
+export default defineConfig({
+  ...baseConfig,
+  use: {
+    baseURL: 'http://127.0.0.1:3000',
+  },
+  webServer: {
+    command: '/api/docker-entrypoint.api/entrypoint.sh',
+    url: 'http://127.0.0.1:3000',
+    reuseExistingServer: false,
+    cwd: '/api',
+    stderr: 'pipe',
+    stdout: 'pipe'
+  },
+});