Feature/issue 211/create ci for frontend

.github/workflows/jest.yml

@@ -0,0 +1,37 @@
+name: Frontend CI
+
+on:
+  push:
+    branches: [ dev ]
+    paths:
+      - 'frontend/**'
+  pull_request:
+    branches: [ dev ]
+    paths:
+      - 'frontend/**'
+
+jobs:
+  build-and-test:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v3
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v3
+      with:
+        node-version: '16'
+        cache: 'npm'
+        cache-dependency-path: frontend/package-lock.json
+
+    - name: Install dependencies
+      working-directory: ./frontend
+      run: npm ci
+
+    - name: Run unit tests
+      working-directory: ./frontend
+      run: npm run test:unit
+
+    - name: Build
+      working-directory: ./frontend
+      run: npm run build

frontend/babel.config.js

@@ -1,5 +1,5 @@
 module.exports = {
   presets: [
-    '@vue/cli-plugin-babel/preset'
+    '@babel/preset-env'
   ]
-};
+}

frontend/jest.config.js

@@ -0,0 +1,12 @@
+module.exports = {
+  preset: '@vue/cli-plugin-unit-jest',
+  transform: {
+    '^.+\\.vue$': '@vue/vue3-jest',
+    '^.+\\.js$': 'babel-jest'
+  },
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  testEnvironment: 'jsdom',
+  moduleFileExtensions: ['vue', 'js', 'json', 'jsx', 'ts', 'tsx', 'node']
+}