Automated tests (#30)

* feat(loama): setup playwright + basic tests

* feat(tests): add public permission test

* feat(tests): add control permission + navigation tests

* feat(ci): add github action

* docs: update changelog

* fix(ci): use docker image + update version in package.json

* docs: add more test setup documentation

* test(permissions): disable page caching on pod route

* fix(config): force playwright to run 1 test at a time in one browser

* chore(playwright): only test in chromium

* fix(tests): set default timeout high + specific timeout's on expected expect's

* test(permissionTable): add test for disable & delete button

* fix(permissionTableSpec): await to make sure pages are updated

* chore: update lock file

* chore: update primevue

* chore: disable a unfixable check

* Modified tests to modified ui; playwright version bump

* doc

---------

Co-authored-by: Martin Vanbrabant <martin.vanbrabant@ugent.be>

Author: NuttyShrimp

.github/workflows/cd.yml

@@ -0,0 +1,44 @@
+name: Playwright Tests
+on:
+  push:
+    branches: [ development ]
+  pull_request:
+    branches: [ development ]
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    container:
+      image: mcr.microsoft.com/playwright:v1.47.0-jammy
+    steps:
+    - uses: actions/checkout@v4
+    - name: Set Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: 20
+        cache: yarn
+    - name: Run install
+      uses: borales/actions-yarn@v5
+      with:
+        cmd: install
+    - run: cd loama
+    - name: Build repo
+      uses: borales/actions-yarn@v5
+      with:
+        cmd: build
+    - name: Install Playwright Browsers
+      uses: borales/actions-yarn@v5
+      with:
+        cmd: playwright install --with-deps
+        dir: loama
+    - name: Run playwright tests
+      uses: borales/actions-yarn@v5
+      with:
+        cmd: test
+        dir: loama
+    - uses: actions/upload-artifact@v4
+      if: ${{ !cancelled() }}
+      with:
+        name: playwright-report
+        path: loama/playwright-report/
+        retention-days: 30

.github/workflows/ci.yml

@@ -2,6 +2,7 @@ node_modules/
 dist/
 build/
 .env
+pods/
 
 .nx/cache
 .nx/workspace-data

.github/workflows/playwright.yml

@@ -7,6 +7,11 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Added
+
+- Add automated UI tests on ./loama
+- Add Github action to run UI tests on PR to default branch
+
 ## [0.1.0] - 2025-02-20
 
 ### Added

.gitignore

@@ -96,3 +96,9 @@ Now you can find loama at <http://localhost:5173>, or in a URL with a path, if y
 2. `docker compose up -d --wait`
 
 This will spin up a Community Solid Server on port 3000.
+
+### Automated tests
+
+The `./loama` subproject contains automated tests and these are added to the github workflow.
+
+See the local [README](./loama/README.md) for details to execute these tests locally.

CHANGELOG.md

@@ -1,17 +1,23 @@
 [
-  {
-    "email": "hello@example.com",
-    "password": "abc123",
-    "pods": [
-      { "name": "pod1" }
-    ]
-  },
-  {
-    "email": "hello2@example.com",
-    "password": "123abc",
-    "pods": [
-      { "name": "pod2" },
-      { "name": "pod3" }
-    ]
-  }
+    {
+        "email": "hello@example.com",
+        "password": "abc123",
+        "pods": [
+            {
+                "name": "pod1"
+            }
+        ]
+    },
+    {
+        "email": "hello2@example.com",
+        "password": "123abc",
+        "pods": [
+            {
+                "name": "pod2"
+            },
+            {
+                "name": "pod3"
+            }
+        ]
+    }
 ]