Tests now fully working using Playwright/test

.github/workflows/playwright.yml

@@ -4,11 +4,11 @@ on:
   push:
     paths:
       - "apps/pwabuilder/**"
-    branches: [ main, dev ]
+    branches: [ tests-final, staging, main ]
   pull_request:
     paths:
       - "apps/pwabuilder/**"
-    branches: [ main, dev ]
+    branches: [ tests-final, staging, main ]
 jobs:
   test:
     timeout-minutes: 60
@@ -20,13 +20,17 @@ jobs:
         node-version: 16
     - name: Install dependencies
       run: npm ci
+    - name: Install Playwright Test Globally
+      run: npm install -g @playwright/test
     - name: Install Playwright Browsers
       run: npx playwright install --with-deps
+    - name: Install Playwright Test Locally
+      run: npm install @playwright/test --save-dev
     - name: Run Playwright tests
-      run: npx playwright test
+      run: npx playwright test tests/basic.spec.ts tests/packaging.spec.ts tests/report-card.spec.ts
     - uses: actions/upload-artifact@v3
       if: always()
       with:
         name: playwright-report
         path: playwright-report/
-        retention-days: 30
+        retention-days: 30

apps/pwabuilder/package.json

@@ -14,8 +14,7 @@
     "start-remote": "vite --host",
     "postinstall": "npm run copy-sl-assets",
     "copy-sl-assets": "mkdirp ./public/assets/sl-icons/assets/icons && ncp ./node_modules/@shoelace-style/shoelace/dist/assets/icons ./public/assets/sl-icons/assets/icons",
-    "test": "npx nyc@latest playwright test",
-    "coverage": "cd coverage/lcov-report && npx http-server -p 3001"
+    "test": "playwright test"
   },
   "author": "",
   "license": "ISC",
@@ -37,7 +36,7 @@
   "devDependencies": {
     "@azure/msal-browser": "^2.37.0",
     "@istanbuljs/nyc-config-typescript": "^1.0.1",
-    "@playwright/test": "^1.32.3",
+    "@playwright/test": "^1.37.1",
     "@types/chai": "^4.2.21",
     "@types/lodash-es": "^4.17.4",
     "@types/mocha": "^8.2.3",