Add our very first Github Action

.github/workflows/unit-test.yml

@@ -0,0 +1,48 @@
+name: Run Unit Tests
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  unit-test:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+        name: Checkout Repository 🫠
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+      - run: npm ci
+      - run: npm test
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+      - run: npm ci
+      - run: npm run build
+  coverage:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: 'npm'
+      - run: npm ci
+      - run: npm test -- --coverage --run
+      - uses: actions/upload-artifact@v3
+        name: Archive coverage report
+        with:
+          name: coverage-report
+          path: coverage

package.json

@@ -10,7 +10,7 @@
     "test:all": "vitest",
     "test:accessibility": "vitest accessibility --run",
     "coverage": "vitest --coverage --run",
-    "test": "echo \"Navigate into an example and run the tests from there!\" && exit 1",
+    "test": "vitest",
     "build": "tsc && vite build",
     "preview": "vite preview"
   },

src/components/button.tsx

@@ -1,4 +1,4 @@
-import colors from '@/colors.json';
+import colors from '@/src/colors.json';
 import { css } from '@emotion/css';
 import { ComponentPropsWithoutRef } from 'react';
 

src/lib/polygon.test.ts

@@ -1,5 +1,5 @@
 import { beforeEach, describe, it, expect } from 'vitest';
-import { createPolygon, Polygon } from 'src/lib/polygon';
+import { createPolygon, Polygon } from '$lib/polygon';
 
 type ContextWithPolygon = {
   polygon: Polygon;

vitest.config.ts

@@ -19,7 +19,7 @@ export default defineConfig({
       ['**/*.component.test.ts', 'jsdom'],
     ],
     coverage: {
-      statements: 54.92,
+      statements: 50,
       thresholdAutoUpdate: true,
       include: ['src/**/*'],
       exclude: [