Trying Yarn instead of NPM and NPX

Author: Obada Haddad

.github/workflows/tests.yml

@@ -16,8 +16,8 @@ jobs:
       - name: "Setup: Prepare the playwright environment"
         run: |
             cd tests
-            npm install
-            npx playwright install --with-deps
+            yarn install
+            yarn playwright install --with-deps
       - name: "Docker: Build containers and collect static files"
         run: |
             docker compose -f docker-compose.yml -f docker-compose.selenium.yml -f docker-compose.playwright.yml up -d

docker-compose.playwright.yml

@@ -1,12 +1,11 @@
 services:
   playwright:
+      network_mode: host
       init: true
       stdin_open: true
       tty: true
       working_dir: /home/pwuser
       user: pwuser
-      ports:
-        - 3000:3000
       image: mcr.microsoft.com/playwright:v1.56.0-noble
       command: /bin/sh -c "npx -y playwright@1.56.0 run-server --port 3000 --host
           0.0.0.0"

tests/playwright.config.ts

@@ -27,7 +27,7 @@ export default defineConfig({
   use: {
     viewport: { width: 1500, height: 1000 },
     /* Base URL to use in actions like `await page.goto('')`. */
-    baseURL: 'http://django:8000',
+    baseURL: 'http://localhost',
     // Capture screenshot after each test failure.
     screenshot: 'only-on-failure',