fix: playright init failures in github actions

Author: abose

.github/workflows/playwright-chromium.yml

@@ -15,10 +15,12 @@ jobs:
         node-version: 16
     - name: Install dependencies
       run: npm ci
+    - name: Build phoenix
+      run: npm run build
     - name: Install Playwright Browsers
       run: npx playwright install --with-deps
     - name: Run Playwright tests in chromium
-      run: npx playwright test --project=chromium
+      run: npm run testChromium
     - uses: actions/upload-artifact@v3
       if: always()
       with:

.github/workflows/playwright-firefox.yml

@@ -15,10 +15,12 @@ jobs:
         node-version: 16
     - name: Install dependencies
       run: npm ci
+    - name: Build phoenix
+      run: npm run build
     - name: Install Playwright Browsers
       run: npx playwright install --with-deps
     - name: Run Playwright tests in firefox
-      run: npx playwright test --project=firefox
+      run: npm run testFirefox
     - uses: actions/upload-artifact@v3
       if: always()
       with:

package.json

@@ -48,6 +48,8 @@
     "prepare": "husky install",
     "serveTest": "http-server . -p 5000 -c-1",
     "test": "gulp test",
+    "testChromium": "npx playwright test --project=chromium",
+    "testFirefox": "npx playwright test --project=firefox",
     "buildonly": "gulp build",
     "vulnerabilityCheck": "echo Scanning for vulnarabilities && npm audit --prod",
     "build": "npm run buildonly && npm run createJSDocs && npm run test && npm run lint && npm run vulnerabilityCheck",

tests/unit-test-suite.spec.js

@@ -3,7 +3,7 @@ const { test, expect } = require("@playwright/test");
 
 test("Execute all unit tests", async ({ page }) => {
     await page.goto(
-        "http://localhost:8000/test/SpecRunner.html?spec=all&category=unit"
+        "http://localhost:5000/test/SpecRunner.html?spec=all&category=unit"
     );
     // wait for spec runner to complete
     await page.waitForFunction(() => window.playWrightRunComplete);