chore(ci): add vue3 testing to pipeline

xanf · xanf · commit 443b82d05625 · 2022-01-29T13:47:44.000+02:00
diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
@@ -122,8 +122,14 @@ jobs:
       - name: Test unit
         run: yarn run test:unit --coverage --maxWorkers=2
 
+      - name: Test unit (Vue 3)
+        run: yarn run test:unit --coverage --maxWorkers=2
+        env:
+          USE_VUE3: '1'
+
       - name: CodeCov
         uses: codecov/codecov-action@v2.1.0
         with:
           token: ${{ secrets.CODECOV_TOKEN }}
           flags: unittests
+          files: ./coverage/clover.xml,./coverage-vue3/clover.xml
diff --git a/.gitignore b/.gitignore
@@ -4,6 +4,7 @@
 .vercel/
 .vscode/
 coverage/
+coverage-vue3/
 dist/
 docs-dist/
 esm/
diff --git a/jest.config.js b/jest.config.js
@@ -1,11 +1,11 @@
-const useVue2 = 'USE_VUE2' in process.env
+const useVue3 = 'USE_VUE3' in process.env
 
-const moduleNameMapper = useVue2
-  ? {}
-  : {
+const moduleNameMapper = useVue3
+  ? {
       '^vue$': '@vue/compat',
       '^@vue/test-utils$': '@vue/test-utils-vue3'
     }
+  : {}
 
 module.exports = {
   testRegex: 'spec.js$',
@@ -15,7 +15,7 @@ module.exports = {
     '^.+\\.js$': 'babel-jest'
   },
   transformIgnorePatterns: ['/node_modules(?![\\\\/]vue-test-utils-compat[\\\\/])'],
-  coverageDirectory: './coverage/',
+  coverageDirectory: useVue3 ? './coverage-vue3' : './coverage/',
   testEnvironmentOptions: {
     pretendToBeVisual: true
   },
diff --git a/tests/setup.js b/tests/setup.js
@@ -3,8 +3,8 @@ import Vue from 'vue'
 import * as VTU from '@vue/test-utils'
 import { installCompat as installVTUCompat, fullCompatConfig } from 'vue-test-utils-compat'
 
-const useVue2 = 'USE_VUE2' in process.env
-if (!useVue2) {
+const useVue3 = 'USE_VUE3' in process.env
+if (useVue3) {
   Vue.configureCompat({
     MODE: 2,
     ATTR_FALSE_VALUE: 'suppress-warning',
