task: setup testing (#58)

* task: setup testing

Signed-off-by: Carlos Feria <[email protected]>

* Enable ci.yaml in rekor-migration branch

---------

Signed-off-by: Carlos Feria <[email protected]>

Author: carlosthe19916

.github/workflows/ci.yaml

@@ -7,6 +7,7 @@ on:
   pull_request:
     branches:
       - "main"
+      - "rekor-migration"
   workflow_dispatch:
   workflow_call:
 

client/package.json

@@ -14,6 +14,7 @@
     "format:fix": "prettier --write './src/**/*.{ts,tsx,js,json}'",
     "start:dev": "npm run generate && vite --port 3000",
     "start": "vite preview",
+    "test": "vitest",
     "generate": "openapi-ts -f ./config/openapi-ts.config.ts",
     "preview": "vite preview"
   },
@@ -24,15 +25,15 @@
     "@patternfly/react-core": "^6.2.0",
     "@patternfly/react-table": "^6.2.0",
     "@patternfly/react-tokens": "^6.2.0",
+    "@peculiar/x509": "1.8.4",
     "@tanstack/react-query": "^5.61.0",
     "@tanstack/react-query-devtools": "^5.85.0",
-    "@peculiar/x509": "1.8.4",
     "axios": "^1.7.2",
     "dayjs": "^1.11.7",
-    "js-yaml": "^4.1.0",
     "file-saver": "^2.0.5",
-    "oidc-client-ts": "^2.4.0",
+    "js-yaml": "^4.1.0",
     "next": "^14.2.29",
+    "oidc-client-ts": "^2.4.0",
     "pvtsutils": "^1.3.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -46,15 +47,20 @@
   },
   "devDependencies": {
     "@hey-api/openapi-ts": "^0.80.9",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.0.0",
     "@types/file-saver": "^2.0.2",
     "@types/react": "^18.2.0",
     "@types/react-dom": "^18.2.0",
     "@vitejs/plugin-react": "^5.0.0",
+    "@vitest/browser": "^3.2.4",
+    "jsdom": "^27.0.0",
     "typescript": "^5.8.3",
     "vite": "^7.1.2",
     "vite-plugin-ejs": "^1.7.0",
-    "vite-plugin-static-copy": "^3.1.1"
+    "vite-plugin-static-copy": "^3.1.1",
+    "vitest": "^3.2.4",
+    "vitest-browser-react": "^1.0.1"
   },
   "browserslist": {
     "production": [

client/test-setup.ts

@@ -0,0 +1,5 @@
+import { expect } from "vitest";
+import * as matchers from "@testing-library/jest-dom/matchers";
+
+// // Add jest-dom matchers to Vitest's expect
+expect.extend(matchers);

client/tsconfig.node.json

@@ -21,5 +21,5 @@
     "noFallthroughCasesInSwitch": true,
     "noUncheckedSideEffectImports": true
   },
-  "include": ["vite.config.ts"]
+  "include": ["vite.config.ts", "test-setup.ts"]
 }

client/vite.config.ts

@@ -1,3 +1,5 @@
+/// <reference types="vitest/config" />
+
 import fs from "fs";
 import { createRequire } from "module";
 import path from "path";
@@ -91,4 +93,9 @@ export default defineConfig({
       },
     },
   },
+  test: {
+    globals: true,
+    environment: "jsdom",
+    setupFiles: "./test-setup.ts",
+  },
 });