chore: update project to vue3 and other latest dependencies

Fixes #266, #463
Closes #509, #464, #461, #451, #332, #322, #317, #297, #287, #276, #199

Author: d-koppenhagen

.github/workflows/build.yml

@@ -4,28 +4,18 @@ on:
     branches-ignore:
       - main
       - gh-pages
-
 jobs:
   build-and-test:
-    timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
       - name: Checkout 🛎️
         uses: actions/[email protected]
       - uses: actions/setup-node@v4
         with:
           node-version: 22
-      - name: Install dependencies
-        run: npm ci
-      - name: Build
-        run: npm run build
-      - name: Install Playwright Browsers
-        run: npx playwright install --with-deps
-      - name: Run Playwright tests
-        run: npx playwright test
-      - uses: actions/upload-artifact@v4
-        if: ${{ !cancelled() }}
+      - name: Build and Run End2End tests with Cypress
+        uses: cypress-io/github-action@v4
         with:
-          name: playwright-report
-          path: playwright-report/
-          retention-days: 30
+          build: npm run build
+          start: npm run dev
+          wait-on: "http://localhost:8080"

.gitignore

@@ -19,9 +19,3 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
-
-# Playwright
-/test-results/
-/playwright-report/
-/blob-report/
-/playwright/.cache/

cypress/e2e/smoke.cy.ts

@@ -0,0 +1,15 @@
+beforeEach(() => {
+  cy.visit("/")
+})
+
+it("should display the title", () => {
+  cy.get(".v-toolbar__content").contains("Trivy")
+})
+
+it("should contain a file input", () => {
+  cy.get(".v-file-upload input").should("have.attr", "type", "file")
+})
+
+it("should display an alert that no report was loaded", () => {
+  cy.get(".v-alert")
+})