💚 - Add UI CI github workflows (#38)

.github/workflows/ui.yml

@@ -0,0 +1,37 @@
+name: UI-claudio-coder page
+run-name: ${{github.actor}} is running UI-claudio-coder
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - main
+jobs:
+  UI-claudio-coder:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20.x'
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Build
+        run: npm run build
+
+      - name: Linters
+        run: npm run lint
+
+      - name: Format Code
+        run: npm run format
+
+      - name: Unit Test
+        run: npm run test:coverage
+
+      - name: 'Report Coverage'
+        uses: davelosert/vitest-coverage-report-action@v2

package.json

@@ -10,7 +10,7 @@
     "format": "prettier --check .",
     "format:fix": "prettier --write .",
     "test": "vitest",
-    "test:coverage": "vitest --coverage"
+    "test:coverage": "vitest --coverage.enabled true"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.5.1",

vitest.config.ts

@@ -24,13 +24,20 @@ export default defineConfig({
     environment: 'jsdom',
     coverage: {
       provider: 'v8',
+      reporter: ['text', 'html', 'clover', 'json-summary', 'json'],
       exclude: [
         'vitest.config.ts',
         '**/*.config.*',
         'src/utils',
         '__mocks__',
         ...coverageConfigDefaults.exclude,
       ],
+      thresholds: {
+        lines: 80,
+        branches: 80,
+        functions: 80,
+        statements: 80,
+      },
     },
     setupFiles: ['vitest.setup.ts'],
     watch: false,