chore: bootstrap vitest

Vitest configuration added.

CI test workflow added.

Existing UTM tests were rewrited from node:test assertions to vitest assertions.

Author: Reversean

.github/workflows/test.yml

@@ -0,0 +1,22 @@
+name: Unit tests
+
+on: [pull_request]
+
+jobs:
+  test:
+    name: Vitest
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version-file: '.nvmrc'
+
+      - name: Enable corepack for yarn version management
+        run: corepack enable
+
+      - run: yarn install
+
+      - run: yarn test

package.json

@@ -10,11 +10,11 @@
     "lint:css": "stylelint \"src/**/*{.css,.vue}\" --fix",
     "lint:js": "eslint src/ --fix",
     "lint:errors": "eslint src/ --ext .js --ext .ts --ext .vue --quiet",
+    "test": "vitest run",
     "serve:prod": "http-server ./dist --push-state -c-0",
     "storybook": "vue-cli-service storybook:serve -p 6006 -c config/storybook -s ./public",
     "storybook:build": "vue-cli-service storybook:build -c config/storybook",
     "get-schema": "get-graphql-schema http://api-staging.hawk.so/graphql > schema.graphql",
-    "test": "node --experimental-strip-types --test \"src/**/*.test.ts\"",
     "cy:run": "cypress run",
     "e2e:ci": "start-server-and-test serve 8080 cy:run"
   },
@@ -54,6 +54,7 @@
     "eslint-config-codex": "^2.0.3",
     "eslint-plugin-jsdoc": "^61.1.12",
     "eslint-plugin-vue": "^10.5.1",
+    "jsdom": "^30.0.1",
     "postcss": "^8.5.6",
     "postcss-apply": "^0.12.0",
     "postcss-color-mod-function": "^4.1.1",
@@ -67,6 +68,7 @@
     "typescript-eslint": "^8.46.3",
     "vite": "^7.1.9",
     "vite-plugin-svg-icons": "^2.0.1",
+    "vitest": "^5.0.0",
     "vue-eslint-parser": "^10.2.0"
   },
   "dependenciesMeta": {

src/components/utils/utm/utm.test.ts

@@ -1,5 +1,4 @@
-import assert from 'node:assert/strict';
-import { beforeEach, describe, it } from 'node:test';
+import { beforeEach, describe, expect, it, vi } from 'vitest';
 import {
   captureUtmFromQuery,
   getStoredUtm,
@@ -35,7 +34,7 @@ function createMemoryStorage(): Storage {
 
 describe('UTM session storage', () => {
   beforeEach(() => {
-    globalThis.sessionStorage = createMemoryStorage();
+    vi.stubGlobal('sessionStorage', createMemoryStorage());
   });
 
   describe('getUtmFromQuery', () => {
@@ -51,7 +50,7 @@ describe('UTM session storage', () => {
       const result = getUtmFromQuery(query);
 
       // Assert
-      assert.deepEqual(result, {
+      expect(result).toEqual({
         source: 'google',
         medium: 'cpc',
       });
@@ -68,7 +67,7 @@ describe('UTM session storage', () => {
       const result = getUtmFromQuery(query);
 
       // Assert
-      assert.equal(result, undefined);
+      expect(result).toBeUndefined();
     });
   });
 
@@ -84,7 +83,7 @@ describe('UTM session storage', () => {
       captureUtmFromQuery(query);
 
       // Assert
-      assert.deepEqual(JSON.parse(sessionStorage.getItem(UTM_STORAGE_KEY) ?? ''), {
+      expect(JSON.parse(sessionStorage.getItem(UTM_STORAGE_KEY) ?? '')).toEqual({
         source: 'google',
         campaign: 'spring',
       });
@@ -102,7 +101,7 @@ describe('UTM session storage', () => {
       });
 
       // Assert
-      assert.deepEqual(getStoredUtm(), {
+      expect(getStoredUtm()).toEqual({
         source: 'google',
       });
     });
@@ -121,7 +120,7 @@ describe('UTM session storage', () => {
       });
 
       // Assert
-      assert.deepEqual(getStoredUtm(), {
+      expect(getStoredUtm()).toEqual({
         source: 'google',
         medium: 'cpc',
         campaign: 'later',
@@ -141,7 +140,7 @@ describe('UTM session storage', () => {
       saveDemoUtm();
 
       // Assert
-      assert.deepEqual(getStoredUtm(), {
+      expect(getStoredUtm()).toEqual({
         source: 'demo',
         medium: 'cpc',
       });
@@ -160,7 +159,7 @@ describe('UTM session storage', () => {
       const result = getStoredUtm();
 
       // Assert
-      assert.deepEqual(result, {
+      expect(result).toEqual({
         source: 'google',
         medium: 'cpc',
       });
@@ -172,7 +171,7 @@ describe('UTM session storage', () => {
       const result = getStoredUtm();
 
       // Assert
-      assert.equal(result, undefined);
+      expect(result).toBeUndefined();
     });
 
     it('should return undefined for invalid stored JSON', () => {
@@ -183,7 +182,7 @@ describe('UTM session storage', () => {
       const result = getStoredUtm();
 
       // Assert
-      assert.equal(result, undefined);
+      expect(result).toBeUndefined();
     });
   });
 });

vitest.config.ts

@@ -0,0 +1,14 @@
+import { defineConfig } from 'vitest/config'
+import path from 'path'
+
+export default defineConfig({
+  test: {
+    include: ['src/**/*.test.ts'],
+    environment: 'jsdom'
+  },
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, 'src')
+    }
+  }
+})