ci(simulator-ui): add playwright test suite to ensure ui is behaving …

…correctly

use `npm run e2e` in `simulator-ui` to run the tests.

Co-authored-by: phos-web <[email protected]>
Co-authored-by: flumiii <[email protected]>

.github/workflows/frontend.yml

@@ -15,7 +15,7 @@
 # limitations under the License.
 # ---------------------------------------------------------------------------
 
-name: main
+name: frontend
 on:
   pull_request:
     branches:
@@ -62,3 +62,32 @@ jobs:
       - name: Frontend Tests
         run: npm run ci:frontend:test
         working-directory: simulator-ui
+  e2e:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        with:
+          node-version: 20
+      - name: Install dependencies
+        run: npm ci --cache .npm --force
+        working-directory: simulator-ui
+      - name: Install Playwright Browsers
+        run: npx playwright install --with-deps
+        working-directory: simulator-ui
+      - name: Run Playwright tests
+        run: npm run e2e
+        working-directory: simulator-ui
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: test-results
+          path: simulator-ui/test-results/
+          retention-days: 30
+      - uses: actions/upload-artifact@v4
+        if: ${{ !cancelled() }}
+        with:
+          name: playwright-report
+          path: simulator-ui/playwright-report/
+          retention-days: 30

simulator-ui/.eslintrc.json

@@ -19,6 +19,7 @@
     "sourceType": "module",
     "project": ["./tsconfig.app.json", "./tsconfig.spec.json"]
   },
+  "ignorePatterns": ["playwright-report"],
   "rules": {
     "@angular-eslint/component-selector": [
       "error",

simulator-ui/.gitignore

@@ -116,7 +116,9 @@ Desktop.ini
 .eslintcache
 
 ######################
-# Code coverage
+# Test results
 ######################
 /coverage/
 /.nyc_output/
+/test-results/
+/playwright-report/