LWS-159: Run Lighthouse tests on CI

.github/workflows/lxl-web.yml

@@ -0,0 +1,66 @@
+name: lxl-web
+on:
+  push:
+    branches: [develop]
+  pull_request:
+    branches: [develop]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./lxl-web
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Setup yarn
+        run: npm install -g yarn
+      - name: Install lxljs dependency
+        run: yarn install --frozen-lockfile
+        working-directory: ./lxljs
+      - name: Install dependencies
+        run: npm ci
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+      - name: Run Playwright tests
+        env:
+          API_URL: ${{ secrets.API_URL }}
+          ID_URL: ${{ secrets.ID_URL }}
+        run: npm run test
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: playwright-report/
+          retention-days: 30
+  lighthouseci:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./lxl-web
+    steps:
+      - uses: actions/checkout@v4
+        with:
+          ref: ${{ github.event.pull_request.head.sha }}
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Setup yarn
+        run: npm install -g yarn
+      - name: Install lxljs dependency
+        run: yarn install --frozen-lockfile
+        working-directory: ./lxljs
+      - name: Install dependencies
+        run: npm ci
+      - name: Build and run Lighthouse CI
+        env:
+          API_URL: ${{ secrets.API_URL }}
+          ID_URL: ${{ secrets.ID_URL }}
+          LHCI_GITHUB_APP_TOKEN: ${{ secrets.LHCI_GITHUB_APP_TOKEN }}
+        run: |
+          npm run build
+          npm install -g @lhci/[email protected]
+          lhci autorun --upload.githubToken="$LHCI_GITHUB_TOKEN" || echo "LHCI failed!"

lxl-web/lighthouserc.json

@@ -0,0 +1,29 @@
+{
+	"ci": {
+		"collect": {
+			"startServerCommand": "npm run preview",
+			"url": [
+				"http://localhost:4173/",
+				"http://localhost:4173/find?_q=*&_limit=10&_offset=0&_sort=&_i=*",
+				"http://localhost:4173/h08ndxddfg5v2pjf"
+			]
+		},
+		"assert": {
+			"preset": "lighthouse:no-pwa",
+			"assertions": {
+				"unsized-images": ["warn", { "minScore": 0.9 }],
+				"unused-javascript": ["warn", { "maxLength": 1 }],
+				"csp-xss": ["warn", { "minScore": 0.9 }],
+				"font-display": ["warn", { "minScore": 0.9 }],
+				"meta-description": ["warn", { "minScore": 0.9 }],
+				"tap-targets": ["warn", { "minScore": 0.9 }],
+				"target-size": ["warn", { "minScore": 0.0 }],
+				"total-byte-weight": ["warn", { "minScore": 0.9 }],
+				"empty-heading": ["warn", { "minScore": 0.9 }],
+				"label-content-name-mismatch": ["warn", { "minScore": 0.9 }],
+				"link-name": ["warn", { "minScore": 0.9 }],
+				"valid-source-maps": ["warn", { "minScore": 0.9 }]
+			}
+		}
+	}
+}