diff --git a/.github/workflows/fw-lite.yaml b/.github/workflows/fw-lite.yaml
index 8e6b5b02b3..5bff8a0577 100644
--- a/.github/workflows/fw-lite.yaml
+++ b/.github/workflows/fw-lite.yaml
@@ -40,14 +40,6 @@ jobs:
       - uses: actions/setup-dotnet@v4
         with:
           dotnet-version: '9.x'
-      - uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
-        with:
-          package_json_file: 'frontend/package.json'
-      - uses: actions/setup-node@v4
-        with:
-          node-version-file: './frontend/package.json'
-          cache: 'pnpm'
-          cache-dependency-path: './frontend/pnpm-lock.yaml'
       - name: Install Task
         uses: arduino/setup-task@b91d5d2c96a56797b48ac1e0e89220bf64044611 #v2
         with:
@@ -62,22 +54,48 @@ jobs:
           echo "VERSION=v$(date --rfc-3339=date)-$shortSha" >> ${GITHUB_OUTPUT}
           echo "SEMVER_VERSION=$(date +%Y.%-m.%-d)" >> ${GITHUB_OUTPUT}
 
+      - name: Dotnet build
+        # the android build is quite slow, so we disable it for builds just for testing
+        run: dotnet build FwLiteOnly.slnf -p:BuildAndroid=false
+
       - name: Check for pending EF model changes
-        run: task fw-lite:has-pending-model-changes
+        run: task fw-lite:has-pending-model-changes -- --no-build
+
+      - name: Dotnet test
+        run: dotnet test FwLiteOnly.slnf --logger GitHubActions --no-build
 
+  frontend:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - uses: pnpm/action-setup@fe02b34f77f8bc703788d5817da081398fad5dd2 # v4.0.0
+        with:
+          package_json_file: 'frontend/package.json'
+      - uses: actions/setup-node@v4
+        with:
+          node-version-file: './frontend/package.json'
+          cache: 'pnpm'
+          cache-dependency-path: './frontend/pnpm-lock.yaml'
+      - name: Install Task
+        uses: arduino/setup-task@b91d5d2c96a56797b48ac1e0e89220bf64044611 #v2
+        with:
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
       - name: Prepare frontend
         working-directory: frontend
         run: |
           pnpm install
-          pnpm svelte-kit sync
+      - name: Set up Playwright dependencies
+        working-directory: frontend
+        run: pnpm exec playwright install --with-deps
+      - name: Run snapshot tests
+        working-directory: frontend/viewer
+        run: task playwright-test-standalone
 
       - name: Build viewer
         working-directory: frontend/viewer
         run: pnpm run build-app
 
-      - name: Dotnet test
-        run: dotnet test FwLiteOnly.slnf --logger GitHubActions
-
       - name: Upload viewer artifacts
         uses: actions/upload-artifact@v4
         with:
@@ -87,7 +105,7 @@ jobs:
 
   publish-mac:
     name: Publish FW Lite app for Mac
-    needs: build-and-test
+    needs: [build-and-test, frontend]
     timeout-minutes: 30
     runs-on: macos-latest
     steps:
@@ -124,7 +142,7 @@ jobs:
 
   publish-linux:
     name: Publish FW Lite app for Linux
-    needs: build-and-test
+    needs: [ build-and-test, frontend ]
     timeout-minutes: 30
     runs-on: ubuntu-latest
     steps:
@@ -155,7 +173,7 @@ jobs:
 
   publish-android:
     name: Publish FW Lite app for Android
-    needs: build-and-test
+    needs: [ build-and-test, frontend ]
     timeout-minutes: 30
     runs-on: macos-latest
     steps:
@@ -188,7 +206,7 @@ jobs:
           KEYSTORE_PASS: ${{ secrets.FW_LITE_KEYSTORE_PASS }}
           KEYSTORE_ALIAS: ${{ vars.FW_LITE_KEYSTORE_UPLOAD_KEY_ALIAS }}
         run: |
-          dotnet publish -f net9.0-android --artifacts-path ../artifacts \
+          dotnet publish -f net9.0-android -p:BuildApple=false --artifacts-path ../artifacts \
             -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} \
             -p:ApplicationVersion=${{ github.run_number }} \
             -p:InformationalVersion=${{ needs.build-and-test.outputs.version }} \
@@ -209,7 +227,7 @@ jobs:
 
   publish-win:
     name: Publish FW Lite app for Windows
-    needs: build-and-test
+    needs: [ build-and-test, frontend ]
     timeout-minutes: 30
     runs-on: windows-latest
     steps:
@@ -231,14 +249,14 @@ jobs:
       - name: Publish Windows MAUI portable app
         working-directory: backend/FwLite/FwLiteMaui
         run: |
-          dotnet publish -f net9.0-windows10.0.19041.0 --artifacts-path ../artifacts -p:WindowsPackageType=None -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
+          dotnet publish -f net9.0-windows10.0.19041.0 -p:BuildAndroid=false --artifacts-path ../artifacts -p:WindowsPackageType=None -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
           mkdir -p ../artifacts/sign/portable
           cp -r ../artifacts/publish/FwLiteMaui/* ../artifacts/sign/portable/
 
       - name: Publish Windows MAUI msix app
         working-directory: backend/FwLite/FwLiteMaui
         run: |
-          dotnet publish -f net9.0-windows10.0.19041.0 --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
+          dotnet publish -f net9.0-windows10.0.19041.0 -p:BuildAndroid=false --artifacts-path ../artifacts -p:ApplicationDisplayVersion=${{ needs.build-and-test.outputs.semver-version }} -p:InformationalVersion=${{ needs.build-and-test.outputs.version }}
           mkdir -p ../artifacts/msix
           cp ../artifacts/bin/FwLiteMaui/*/AppPackages/*/*.msix ../artifacts/msix/
 
diff --git a/backend/FwLite/FwLiteMaui/FwLiteMaui.csproj b/backend/FwLite/FwLiteMaui/FwLiteMaui.csproj
index 1e0308a51e..2db1c1ba7e 100644
--- a/backend/FwLite/FwLiteMaui/FwLiteMaui.csproj
+++ b/backend/FwLite/FwLiteMaui/FwLiteMaui.csproj
@@ -2,7 +2,8 @@
   <PropertyGroup>
     <!--        override the target framework set in Directory.Build.props, we will use what is defined in TargetFrameworks below instead-->
     <TargetFramework />
-    <TargetFrameworks>net9.0-android;net9.0-ios;net9.0-maccatalyst</TargetFrameworks>
+    <TargetFrameworks Condition=" '$(BuildAndroid)' != 'false' ">$(TargetFrameworks);net9.0-android;</TargetFrameworks>
+    <TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('osx')) And '$(BuildApple)' != 'false'">$(TargetFrameworks);net9.0-ios;net9.0-maccatalyst</TargetFrameworks>
     <TargetFrameworks Condition="$([MSBuild]::IsOSPlatform('windows'))">$(TargetFrameworks);net9.0-windows10.0.19041.0</TargetFrameworks>
     <LangVersion>preview</LangVersion>
     <!-- Note for MacCatalyst:
diff --git a/backend/FwLite/Taskfile.yml b/backend/FwLite/Taskfile.yml
index 6f23c69547..624980c26c 100644
--- a/backend/FwLite/Taskfile.yml
+++ b/backend/FwLite/Taskfile.yml
@@ -38,7 +38,7 @@ tasks:
     deps: [ tool-restore ]
     dir: ./LcmCrdt
     cmds:
-      - dotnet ef migrations has-pending-model-changes
+      - dotnet ef migrations has-pending-model-changes {{.CLI_ARGS}}
 
   maui-windows:
     label: Run Maui Windows, requires vite dev server to be running, use task fw-lite-win in root
diff --git a/frontend/pnpm-lock.yaml b/frontend/pnpm-lock.yaml
index 1d4d0908b9..1de0583a8f 100644
--- a/frontend/pnpm-lock.yaml
+++ b/frontend/pnpm-lock.yaml
@@ -391,6 +391,9 @@ importers:
         specifier: ^4.18.2
         version: 4.34.1
     devDependencies:
+      '@argos-ci/playwright':
+        specifier: ^5.0.4
+        version: 5.0.4
       '@egoist/tailwindcss-icons':
         specifier: ^1.9.0
         version: 1.9.0(tailwindcss@3.4.17)
@@ -545,6 +548,26 @@ packages:
     peerDependencies:
       graphql: '*'
 
+  '@argos-ci/api-client@0.8.1':
+    resolution: {integrity: sha512-3IHv7ANSPNO6OwWgwULlHbP9/tFV9kQDu6+nL9jysfPkGj0GgtrOsyBb+iU931c7wSMo1OD+XNujCnRzDD968w==}
+    engines: {node: '>=18.0.0'}
+
+  '@argos-ci/browser@4.1.1':
+    resolution: {integrity: sha512-UyKdnprGftUjWQkb0jqJ0zGHJmcWBzdko8zRy4y+4efukVX4jjC/Px2HvWW8aqwjoR4aplouMZuzhmOkq2SCsA==}
+    engines: {node: '>=18.0.0'}
+
+  '@argos-ci/core@3.2.0':
+    resolution: {integrity: sha512-wraH5RGFpoU7zcKV2BVi4LvY+5bWR/Ds6OVhUtq3jtd7I3qJRFVFq2IX1TfPPvBBA7wX0OqcrqgIWAQwy+vsoA==}
+    engines: {node: '>=18.0.0'}
+
+  '@argos-ci/playwright@5.0.4':
+    resolution: {integrity: sha512-mfbEg6RgQb4ciihozEJ+F1guA4MNphzDfefRpxQuwt+P5eczTxkhgUCO94glk4+dqWoHQDbdNf2N33sL9Zsuew==}
+    engines: {node: '>=18.16.0'}
+
+  '@argos-ci/util@2.3.1':
+    resolution: {integrity: sha512-kE61HU2480fbAnimmA4x9HK45ZJvkoqLdW5GxT5uvwhkclQykVd2S6WfGFUr3JokTXfZ5LZEEfoWgtGA316KSQ==}
+    engines: {node: '>=18.0.0'}
+
   '@babel/code-frame@7.26.2':
     resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
     engines: {node: '>=6.9.0'}
@@ -671,6 +694,9 @@ packages:
     peerDependencies:
       tailwindcss: '*'
 
+  '@emnapi/runtime@1.4.3':
+    resolution: {integrity: sha512-pBPWdu6MLKROBX05wSNKcNb++m5Er+KQ9QkB+WVM+pW2Kx9hoSrVTnu3BdkI5eBLZoKu/J6mW/B6i6bJB2ytXQ==}
+
   '@envelop/core@5.2.3':
     resolution: {integrity: sha512-KfoGlYD/XXQSc3BkM1/k15+JQbkQ4ateHazeZoWl9P71FsLTDXSjGy6j7QqfhpIDSbxNISqhPMfZHYSbDFOofQ==}
     engines: {node: '>=18.0.0'}
@@ -1315,6 +1341,111 @@ packages:
   '@iconify/utils@2.3.0':
     resolution: {integrity: sha512-GmQ78prtwYW6EtzXRU1rY+KwOKfz32PD7iJh6Iyqw68GiKuoZ2A6pRtzWONz5VQJbp50mEjXh/7NkumtrAgRKA==}
 
+  '@img/sharp-darwin-arm64@0.33.5':
+    resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.33.5':
+    resolution: {integrity: sha512-fyHac4jIc1ANYGRDxtiqelIbdWkIuQaI84Mv45KvGRRxSAa7o7d1ZKAOBaYbnepLC1WqxfpimdeWfvqqSGwR2Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    resolution: {integrity: sha512-XblONe153h0O2zuFfTAbQYAX2JhYmDHeWikp1LM9Hul9gVPjFY427k6dFEcOL72O01QxQsWi761svJ/ev9xEDg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    resolution: {integrity: sha512-xnGR8YuZYfJGmWPvmlunFaWJsb9T/AO2ykoP3Fz/0X5XV2aoYBPkX6xqCQvUTKKiLddarLaxpzNe+b1hjeWHAQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    resolution: {integrity: sha512-9B+taZ8DlyyqzZQnoeIvDVR/2F4EbMepXMc/NdVbkzsJbzkUjhXv/70GQJ7tdLA4YJgNP25zukcxpX2/SueNrA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    resolution: {integrity: sha512-gvcC4ACAOPRNATg/ov8/MnbxFDJqf/pDePbBnuBDcjsI8PssmjoKMAz4LtLaVi+OnSb5FK/yIOamqDwGmXW32g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    resolution: {integrity: sha512-u7Wz6ntiSSgGSGcjZ55im6uvTrOxSIS8/dgoVMoiGE9I6JAfU50yH5BoDlYA1tcuGS7g/QNtetJnxA6QEsCVTA==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    resolution: {integrity: sha512-MmWmQ3iPFZr0Iev+BAgVMb3ZyC4KeFc3jFxnNbEPas60e1cIfevbtuyf9nDGIzOaW9PdnDciJm+wFFaTlj5xYw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    resolution: {integrity: sha512-9Ti+BbTYDcsbp4wfYib8Ctm1ilkugkA/uscUn6UXK1ldpC1JjiXbLfFZtRlBhjPZ5o1NCLiDbg8fhUPKStHoTA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    resolution: {integrity: sha512-viYN1KX9m+/hGkJtvYYp+CCLgnJXwiQB39damAO7WMdKWlIhmYTfHjwSbQeUK/20vY154mwezd9HflVFM1wVSw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.33.5':
+    resolution: {integrity: sha512-JMVv+AMRyGOHtO1RFBiJy/MBsgz0x4AWrT6QoEVVTyh1E39TrCUpTRI7mx9VksGX4awWASxqCYLCV4wBZHAYxA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.33.5':
+    resolution: {integrity: sha512-JTS1eldqZbJxjvKaAkxhZmBqPRGmxgu+qFKSInv8moZ2AmT5Yib3EQ1c6gp493HvrvV8QgdOXdyaIBrhvFhBMQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.33.5':
+    resolution: {integrity: sha512-y/5PCd+mP4CA/sPDKl2961b+C9d+vPAveS33s6Z3zfASk2j5upL6fXVPZi7ztePZ5CuH+1kW8JtvxgbuXHRa4Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.33.5':
+    resolution: {integrity: sha512-opC+Ok5pRNAzuvq1AG0ar+1owsu842/Ab+4qvU879ippJBHvyY5n2mxF1izXqkPYlGuP/M556uh53jRLJmzTWA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    resolution: {integrity: sha512-XrHMZwGQGvJg2V/oRSUfSAfjfPxO+4DkiRh6p2AFjLQztWUuY/o8Mq0eMQVIY7HJ1CDQUJlxGGZRw1a5bqmd1g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    resolution: {integrity: sha512-WT+d/cgqKkkKySYmqoZ8y3pxx7lx9vVejxW/W4DOFMYVSkErR+w7mf2u8m/y4+xHe7yY9DAXQMWQhpnMuFfScw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.33.5':
+    resolution: {integrity: sha512-ykUW4LVGaMcU9lu9thv85CbRMAwfeadCJHRsg2GmeRa/cJxsVY9Rbd57JcMxBkKHag5U/x7TSBpScF4U8ElVzg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-ia32@0.33.5':
+    resolution: {integrity: sha512-T36PblLaTwuVJ/zw/LaH0PdZkRz5rd3SmMHX8GSmR7vtNSP5Z6bQkExdSK7xGWyxLw4sUknBuugTelgw2faBbQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.33.5':
+    resolution: {integrity: sha512-MpY/o8/8kj+EcnxwvrP4aTJSWw/aZ7JIGR4aBeZkZw5B7/Jn+tY9/VNwtcoGmdT7GfggGIU4kygOMSbYnOrAbg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
   '@inquirer/confirm@2.0.17':
     resolution: {integrity: sha512-EqzhGryzmGpy2aJf6LxJVhndxYmFs+m8cxXzf8nejb1DE3sabf6mUgBcp4J0jAUEiAcYzqmkqRr7LPFh/WdnXA==}
     engines: {node: '>=14.18.0'}
@@ -2962,6 +3093,10 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
+  chalk@5.4.1:
+    resolution: {integrity: sha512-zgVZuo2WcZgfUEmsn6eO3kINexW8RAE4maiQ8QNs8CtpPCSyMiYsULR3HQYkm3w8FIA3SberyMJMSldGsW+U3w==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
   change-case-all@1.0.15:
     resolution: {integrity: sha512-3+GIFhk3sNuvFAJKU46o26OdzudQlPNBCu1ZQi3cMeMHhty1bhDxu2WrEilVNYaGvqUtR1VSigFcJOiS13dRhQ==}
 
@@ -3143,6 +3278,10 @@ packages:
   convert-source-map@2.0.0:
     resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
 
+  convict@6.2.4:
+    resolution: {integrity: sha512-qN60BAwdMVdofckX7AlohVJ2x9UvjTNoKVXCL2LxFk1l7757EJqf1nySdMkPQer0bt8kQ5lQiyZ9/2NvrFBuwQ==}
+    engines: {node: '>=6'}
+
   cookie@0.6.0:
     resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
@@ -3317,6 +3456,10 @@ packages:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
 
+  detect-libc@2.0.4:
+    resolution: {integrity: sha512-3UDv+G9CsCKO1WKMGw9fwq/SWJYbI0c5Y7LU1AXYoDdbhE2AHQ6N6Nb34sG8Fj7T5APy8qXDCKuuIHd1BR0tVA==}
+    engines: {node: '>=8'}
+
   detect-node@2.1.0:
     resolution: {integrity: sha512-T0NIuQpnTvFDATNuHN5roPwSBG83rFsuO+MXXH9/3N1eFbn4wcPjttvjMLEPWJ0RGUYgQE7cGgS3tNxbqCGM7g==}
 
@@ -4309,6 +4452,9 @@ packages:
   lodash.castarray@4.4.0:
     resolution: {integrity: sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q==}
 
+  lodash.clonedeep@4.5.0:
+    resolution: {integrity: sha512-H5ZhCF25riFd9uB5UCkVKo61m3S/xZk1x4wA6yp/L3RFP6Z/eHH1ymQcGLo7J3GMPfm0V/7m1tryHuGVxpqEBQ==}
+
   lodash.foreach@4.5.0:
     resolution: {integrity: sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ==}
 
@@ -4818,6 +4964,12 @@ packages:
     resolution: {integrity: sha512-7x81NCL719oNbsq/3mh+hVrAWmFuEYUqrq/Iw3kUzH8ReypT9QQ0BLoJS7/G9k6N81XjW4qHWtjWwe/9eLy1EQ==}
     engines: {node: '>=12'}
 
+  openapi-fetch@0.13.5:
+    resolution: {integrity: sha512-AQK8T9GSKFREFlN1DBXTYsLjs7YV2tZcJ7zUWxbjMoQmj8dDSFRrzhLCbHPZWA1TMV3vACqfCxLEZcwf2wxV6Q==}
+
+  openapi-typescript-helpers@0.0.15:
+    resolution: {integrity: sha512-opyTPaunsklCBpTK8JGef6mfPhLSnyy5a0IN9vKtx3+4aExf+KxEqYwIy3hqkedXIB97u357uLMJsOnm3GVjsw==}
+
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
@@ -5394,6 +5546,10 @@ packages:
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
 
+  sharp@0.33.5:
+    resolution: {integrity: sha512-haPVm1EkS9pgvHrQ/F3Xy+hgcuMV0Wm9vfIBSiwZ05k+xgb0PkBQpGsAA/oWdDobNaZTH5ppvHtzCFbnSEwHVw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -5745,6 +5901,10 @@ packages:
     resolution: {integrity: sha512-jRCJlojKnZ3addtTOjdIqoRuPEKBvNXcGYqzO6zWZX8KfKEpnGY5jfggJQ3EjKuu8D4bJRr0y+cYJFmYbImXGw==}
     engines: {node: '>=0.6.0'}
 
+  tmp@0.2.3:
+    resolution: {integrity: sha512-nZD7m9iCPC5g0pYmcaxogYKggSfLsdxl8of3Q/oIbqCqLLIO9IAF0GWjX1z9NZRHPiXv8Wex4yDCaZsgEw0Y8w==}
+    engines: {node: '>=14.14'}
+
   to-regex-range@5.0.1:
     resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
     engines: {node: '>=8.0'}
@@ -6167,6 +6327,10 @@ packages:
     engines: {node: '>= 14'}
     hasBin: true
 
+  yargs-parser@20.2.9:
+    resolution: {integrity: sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w==}
+    engines: {node: '>=10'}
+
   yargs-parser@21.1.1:
     resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
     engines: {node: '>=12'}
@@ -6232,6 +6396,40 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
+  '@argos-ci/api-client@0.8.1':
+    dependencies:
+      debug: 4.4.0
+      openapi-fetch: 0.13.5
+    transitivePeerDependencies:
+      - supports-color
+
+  '@argos-ci/browser@4.1.1': {}
+
+  '@argos-ci/core@3.2.0':
+    dependencies:
+      '@argos-ci/api-client': 0.8.1
+      '@argos-ci/util': 2.3.1
+      axios: 1.9.0(debug@4.4.0)
+      convict: 6.2.4
+      debug: 4.4.0
+      fast-glob: 3.3.3
+      sharp: 0.33.5
+      tmp: 0.2.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@argos-ci/playwright@5.0.4':
+    dependencies:
+      '@argos-ci/browser': 4.1.1
+      '@argos-ci/core': 3.2.0
+      '@argos-ci/util': 2.3.1
+      chalk: 5.4.1
+      debug: 4.4.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@argos-ci/util@2.3.1': {}
+
   '@babel/code-frame@7.26.2':
     dependencies:
       '@babel/helper-validator-identifier': 7.25.9
@@ -6455,6 +6653,11 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@emnapi/runtime@1.4.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@envelop/core@5.2.3':
     dependencies:
       '@envelop/instrumentation': 1.0.0
@@ -7191,6 +7394,81 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@img/sharp-darwin-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.0.5':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.0.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.0.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.0.5
+    optional: true
+
+  '@img/sharp-linux-s390x@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.33.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+    optional: true
+
+  '@img/sharp-wasm32@0.33.5':
+    dependencies:
+      '@emnapi/runtime': 1.4.3
+    optional: true
+
+  '@img/sharp-win32-ia32@0.33.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.33.5':
+    optional: true
+
   '@inquirer/confirm@2.0.17':
     dependencies:
       '@inquirer/core': 6.0.0
@@ -9126,15 +9404,15 @@ snapshots:
 
   axios@1.7.9:
     dependencies:
-      follow-redirects: 1.15.9
+      follow-redirects: 1.15.9(debug@4.4.0)
       form-data: 4.0.1
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
       - debug
 
-  axios@1.9.0:
+  axios@1.9.0(debug@4.4.0):
     dependencies:
-      follow-redirects: 1.15.9
+      follow-redirects: 1.15.9(debug@4.4.0)
       form-data: 4.0.2
       proxy-from-env: 1.1.0
     transitivePeerDependencies:
@@ -9279,6 +9557,8 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
+  chalk@5.4.1: {}
+
   change-case-all@1.0.15:
     dependencies:
       change-case: 4.1.2
@@ -9502,6 +9782,11 @@ snapshots:
 
   convert-source-map@2.0.0: {}
 
+  convict@6.2.4:
+    dependencies:
+      lodash.clonedeep: 4.5.0
+      yargs-parser: 20.2.9
+
   cookie@0.6.0: {}
 
   cosmiconfig@7.1.0:
@@ -9659,6 +9944,8 @@ snapshots:
 
   detect-indent@6.1.0: {}
 
+  detect-libc@2.0.4: {}
+
   detect-node@2.1.0: {}
 
   devalue@4.3.3: {}
@@ -9746,7 +10033,7 @@ snapshots:
 
   e2e-mailbox@1.1.5:
     dependencies:
-      axios: 1.9.0
+      axios: 1.9.0(debug@4.4.0)
       mailparser: 3.7.2
     transitivePeerDependencies:
       - debug
@@ -10108,7 +10395,9 @@ snapshots:
 
   fn.name@1.1.0: {}
 
-  follow-redirects@1.15.9: {}
+  follow-redirects@1.15.9(debug@4.4.0):
+    optionalDependencies:
+      debug: 4.4.0
 
   foreground-child@3.3.0:
     dependencies:
@@ -10733,6 +11022,8 @@ snapshots:
 
   lodash.castarray@4.4.0: {}
 
+  lodash.clonedeep@4.5.0: {}
+
   lodash.foreach@4.5.0: {}
 
   lodash.get@4.4.2: {}
@@ -11589,6 +11880,12 @@ snapshots:
       is-docker: 2.2.1
       is-wsl: 2.2.0
 
+  openapi-fetch@0.13.5:
+    dependencies:
+      openapi-typescript-helpers: 0.0.15
+
+  openapi-typescript-helpers@0.0.15: {}
+
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -12192,6 +12489,32 @@ snapshots:
 
   setimmediate@1.0.5: {}
 
+  sharp@0.33.5:
+    dependencies:
+      color: 4.2.3
+      detect-libc: 2.0.4
+      semver: 7.7.1
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.33.5
+      '@img/sharp-darwin-x64': 0.33.5
+      '@img/sharp-libvips-darwin-arm64': 1.0.4
+      '@img/sharp-libvips-darwin-x64': 1.0.4
+      '@img/sharp-libvips-linux-arm': 1.0.5
+      '@img/sharp-libvips-linux-arm64': 1.0.4
+      '@img/sharp-libvips-linux-s390x': 1.0.4
+      '@img/sharp-libvips-linux-x64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.0.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.0.4
+      '@img/sharp-linux-arm': 0.33.5
+      '@img/sharp-linux-arm64': 0.33.5
+      '@img/sharp-linux-s390x': 0.33.5
+      '@img/sharp-linux-x64': 0.33.5
+      '@img/sharp-linuxmusl-arm64': 0.33.5
+      '@img/sharp-linuxmusl-x64': 0.33.5
+      '@img/sharp-wasm32': 0.33.5
+      '@img/sharp-win32-ia32': 0.33.5
+      '@img/sharp-win32-x64': 0.33.5
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -12631,6 +12954,8 @@ snapshots:
     dependencies:
       os-tmpdir: 1.0.2
 
+  tmp@0.2.3: {}
+
   to-regex-range@5.0.1:
     dependencies:
       is-number: 7.0.0
@@ -13101,6 +13426,8 @@ snapshots:
 
   yaml@2.7.1: {}
 
+  yargs-parser@20.2.9: {}
+
   yargs-parser@21.1.1: {}
 
   yargs@17.7.2:
diff --git a/frontend/viewer/package.json b/frontend/viewer/package.json
index 54084c838c..bfb5029321 100644
--- a/frontend/viewer/package.json
+++ b/frontend/viewer/package.json
@@ -34,6 +34,7 @@
     "generate-icon-types": "node ./generate-icon-types.js"
   },
   "devDependencies": {
+    "@argos-ci/playwright": "^5.0.4",
     "@egoist/tailwindcss-icons": "^1.9.0",
     "@iconify-json/mdi": "^1.1.66",
     "@lingui/cli": "^5.2.0",
diff --git a/frontend/viewer/playwright.config.ts b/frontend/viewer/playwright.config.ts
index 1debeffd73..027a6d4e6e 100644
--- a/frontend/viewer/playwright.config.ts
+++ b/frontend/viewer/playwright.config.ts
@@ -1,9 +1,19 @@
-import {defineConfig, devices} from '@playwright/test';
+import { defineConfig, devices, type ReporterDescription } from '@playwright/test';
 import * as testEnv from '../tests/envVars';
 const vitePort = '5173';
 const dotnetPort = '5137';
 const autoStartServer = process.env.AUTO_START_SERVER ? Boolean(process.env.AUTO_START_SERVER) : false;
 const serverPort = process.env.SERVER_PORT ?? (autoStartServer ? vitePort : dotnetPort);
+const allReporters: ReporterDescription[] = [['list'], [
+  '@argos-ci/playwright/reporter',
+  {
+    // Upload to Argos on CI only.
+    uploadToArgos: !!process.env.CI
+    // Argos token not required when using GitHub Actions.
+  }
+]];
+const localReporters: ReporterDescription[] = [['html', { outputFolder: 'html-test-results', open: 'never' }]];
+const ciReporters: ReporterDescription[] = [['github'], ['junit', {outputFile: 'test-results/results.xml'}]];
 export default defineConfig({
   testDir: './tests',
   fullyParallel: true,
@@ -15,11 +25,16 @@ export default defineConfig({
   workers: process.env.CI ? 1 : 2,
   outputDir: 'test-results',
   /* Reporter to use. See https://playwright.dev/docs/test-reporters */
-  reporter: process.env.CI
-    ? [['github'], ['list'], ['junit', {outputFile: 'test-results/results.xml'}]]
-    // Putting the HTML report in a subdirectory of the main output directory results in a warning log
-    // stating that it will "lead to artifact loss" but the warning in this case is not accurate
-    : [['list'], ['html', {outputFolder: 'html-test-results', open: 'never'}]],
+  reporter:[
+    ...allReporters,
+    ...(process.env.CI ? [] : localReporters),
+    ...(process.env.CI ? ciReporters : [])
+  ],
+    // process.env.CI
+    // ? [['github'], ['list'], ['junit', {outputFile: 'test-results/results.xml'}]]
+    // // Putting the HTML report in a subdirectory of the main output directory results in a warning log
+    // // stating that it will "lead to artifact loss" but the warning in this case is not accurate
+    // : [['list'], ['html', {outputFolder: 'html-test-results', open: 'never'}]],
 
   use: {
     baseURL: 'http://localhost:' + serverPort,
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts b/frontend/viewer/tests/project-view-snapshots.test.ts
index 94b66cfa18..ca8748772a 100644
--- a/frontend/viewer/tests/project-view-snapshots.test.ts
+++ b/frontend/viewer/tests/project-view-snapshots.test.ts
@@ -1,38 +1,36 @@
 import {type Page, expect, test} from '@playwright/test';
+import { assertScreenshot } from './snapshot';
 
 const viewports = [
   {height: 720, width: 1280, name: 'medium'},
   {height: 812, width: 375, name: 'iphone-11'},
 ];
 
-for (const viewport of viewports) {
   for (const colorScheme of ['light', 'dark'] as const) {
-    test(`ui snapshot selected entry (viewport: ${viewport.name} - ${colorScheme})`, async ({page}) => {
+    test(`ui snapshot selected entry (color: ${colorScheme})`, async ({page}) => {
       await page.emulateMedia({colorScheme});
-      await page.setViewportSize(viewport);
       await page.goto('/testing/project-view');
       await waitForProjectViewReady(page);
       await page.getByRole('row', {name: 'ambuka to cross a body of'}).click();
       await expect(page.getByRole('heading', {name: 'ambuka'})).toBeVisible();
       await expect(page.locator('.i-mdi-dots-vertical')).toBeVisible();
-      await expect(page.locator('.i-mdi-loading')).not.toBeVisible();
-      await expect(page).toHaveScreenshot();
+      await expect(page.locator('.i-mdi-loading')).toHaveCount(0);
+      await assertScreenshot(page, 'project-view-entry-selected-' + colorScheme);
     });
-    test(`ui snapshot default (viewport: ${viewport.name} - ${colorScheme})`, async ({page}) => {
+
+    test(`ui snapshot default (color: ${colorScheme})`, async ({page}) => {
       await page.emulateMedia({colorScheme});
-      await page.setViewportSize(viewport);
       await page.goto('/testing/project-view');
       await waitForProjectViewReady(page);
-      await expect(page.locator('.animate-pulse')).not.toBeVisible();
-      await expect(page.locator('.i-mdi-loading')).not.toBeVisible();
       await expect(page.getByRole('textbox', {name: 'Filter'})).toBeVisible();
-      await expect(page).toHaveScreenshot({});
+      await page.getByRole('row', { name: 'ambuka to cross a body of' }).scrollIntoViewIfNeeded();
+      await assertScreenshot(page, 'project-view-default-' + colorScheme);
     });
   }
-}
+
 
 async function waitForProjectViewReady(page: Page) {
-  await expect(page.locator('.i-mdi-loading')).not.toBeVisible();
+  await expect(page.locator('.i-mdi-loading')).toHaveCount(0);
   await page.waitForFunction(() => document.fonts.ready);
-  await expect(page.locator('.animate-pulse')).not.toBeVisible();
+  await expect(page.locator('.animate-pulse')).toHaveCount(0);
 }
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-view-port-iphone-11-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-view-port-iphone-11-1-chromium-win32.png
deleted file mode 100644
index 6f0728a1a4..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-view-port-iphone-11-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-view-port-medium-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-view-port-medium-1-chromium-win32.png
deleted file mode 100644
index ef7e14a544..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-view-port-medium-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-iphone-11---dark-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-iphone-11---dark-1-chromium-win32.png
deleted file mode 100644
index 6980e80544..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-iphone-11---dark-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-iphone-11---light-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-iphone-11---light-1-chromium-win32.png
deleted file mode 100644
index 6f0728a1a4..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-iphone-11---light-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-medium---dark-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-medium---dark-1-chromium-win32.png
deleted file mode 100644
index 2b0892bd30..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-medium---dark-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-medium---light-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-medium---light-1-chromium-win32.png
deleted file mode 100644
index ef7e14a544..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-default-viewport-medium---light-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-view-port-iphone-11-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-view-port-iphone-11-1-chromium-win32.png
deleted file mode 100644
index d246dea2c6..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-view-port-iphone-11-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-view-port-medium-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-view-port-medium-1-chromium-win32.png
deleted file mode 100644
index efd2b6c633..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-view-port-medium-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-iphone-11---dark-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-iphone-11---dark-1-chromium-win32.png
deleted file mode 100644
index bbfeffb1e6..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-iphone-11---dark-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-iphone-11---light-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-iphone-11---light-1-chromium-win32.png
deleted file mode 100644
index d246dea2c6..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-iphone-11---light-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-medium---dark-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-medium---dark-1-chromium-win32.png
deleted file mode 100644
index c7ff80836a..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-medium---dark-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-medium---light-1-chromium-win32.png b/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-medium---light-1-chromium-win32.png
deleted file mode 100644
index 8b330ac3ee..0000000000
Binary files a/frontend/viewer/tests/project-view-snapshots.test.ts-snapshots/ui-snapshot-selected-entry-viewport-medium---light-1-chromium-win32.png and /dev/null differ
diff --git a/frontend/viewer/tests/snapshot.ts b/frontend/viewer/tests/snapshot.ts
new file mode 100644
index 0000000000..c32ac90fb0
--- /dev/null
+++ b/frontend/viewer/tests/snapshot.ts
@@ -0,0 +1,13 @@
+import {argosScreenshot, type ArgosScreenshotOptions} from '@argos-ci/playwright';
+import type {Page} from '@playwright/test';
+
+const defaultOptions: ArgosScreenshotOptions = {
+  viewports: [
+    {height: 720, width: 1280},
+    'iphone-x'
+  ]
+};
+
+export async function assertScreenshot(page: Page, name: string, options?: ArgosScreenshotOptions): Promise<void> {
+  await argosScreenshot(page, name, {...defaultOptions, ...options});
+}