Add metrics report store

.github/workflows/build.yml

@@ -1,4 +1,4 @@
-name: Lint & build
+name: Lint & test & build
 
 on:
   push:
@@ -36,19 +36,31 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [18.x, 20.x]
-        # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
-
     steps:
-      - uses: actions/checkout@v3
-      - name: Use Node.js ${{ matrix.node-version }}
-        uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        id: setup-node
         with:
-          node-version: ${{ matrix.node-version }}
+          node-version-file: ".nvmrc"
           cache: "npm"
-      - run: npm ci
+
+      - id: node-modules-cache
+        uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-${{ steps.setup-node.outputs.node-version }}-node_modules-${{ hashFiles('package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-${{ steps.setup-node.outputs.node-version }}-node_modules-
+
+      - if: steps.node-modules-cache.outputs.cache-hit != 'true'
+        run: npm ci
+
       - run: npm run lint
+      - run: npm run test -- --bail
       - run: npm run build:prod
+
+      - name: Upload build artifact
+        uses: actions/upload-artifact@v4
+        with:
+          name: dist
+          path: dist/

.github/workflows/release.yml

@@ -1,4 +1,4 @@
-name: Publish release
+name: Lint & test & build & publish release
 
 # Controls when the workflow will run
 on:
@@ -16,26 +16,39 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v4
+        id: setup-node
         with:
-          cache: npm
           node-version-file: ".nvmrc"
-      - run: npm ci
+          cache: "npm"
+
+      - id: node-modules-cache
+        uses: actions/cache@v4
+        with:
+          path: node_modules
+          key: ${{ runner.os }}-node-${{ steps.setup-node.outputs.node-version }}-node_modules-${{ hashFiles('package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-node-${{ steps.setup-node.outputs.node-version }}-node_modules-
+
+      - if: steps.node-modules-cache.outputs.cache-hit != 'true'
+        run: npm ci
+
       - run: npm run lint
+      - run: npm run test -- --bail
       - run: npm run build:prod:web
 
-      - uses: actions/upload-artifact@v3
+      - uses: actions/upload-artifact@v4
         with:
           name: build
           path: dist/
 
-      - uses: actions/upload-artifact@v3
+      - uses: actions/upload-artifact@v4
         with:
           name: nginx-config
           path: nginx.conf.template
 
-      - uses: actions/upload-artifact@v3
+      - uses: actions/upload-artifact@v4
         with:
           name: dockerfile
           path: Dockerfile
@@ -46,16 +59,16 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-      - uses: actions/download-artifact@v3
+      - uses: actions/download-artifact@v4
         with:
           name: build
           path: dist
 
-      - uses: actions/download-artifact@v3
+      - uses: actions/download-artifact@v4
         with:
           name: nginx-config
 
-      - uses: actions/download-artifact@v3
+      - uses: actions/download-artifact@v4
         with:
           name: dockerfile
 

.gitignore

@@ -1,5 +1,6 @@
+coverage/
 dist/
 node_modules/
 storybook-static/
 .DS_Store
-.eslintcache
+.eslintcache

.vscode/extensions.json

@@ -3,6 +3,7 @@
     "dbaeumer.vscode-eslint",
     "davidanson.vscode-markdownlint",
     "esbenp.prettier-vscode",
+    "Orta.vscode-jest",
     "stylelint.vscode-stylelint",
     "styled-components.vscode-styled-components",
     "streetsidesoftware.code-spell-checker"

.vscode/settings.json

@@ -21,5 +21,6 @@
     "udemy",
     "undismiss",
     "zustand"
-  ]
+  ],
+  "jest.runMode": "on-demand"
 }

jest.config.ts

@@ -0,0 +1,17 @@
+import { createDefaultPreset, type JestConfigWithTsJest } from "ts-jest";
+
+const jestConfig: JestConfigWithTsJest = {
+  coverageDirectory: "coverage",
+  coverageReporters: ["text-summary", "html"],
+  collectCoverageFrom: [
+    "src/**/*.{ts,tsx}",
+    "!src/**/*.stories.tsx",
+    "!src/**/*.d.ts"
+  ],
+  testEnvironment: "jsdom",
+  transform: {
+    ...createDefaultPreset().transform
+  }
+};
+
+export default jestConfig;