[ONL-8065] Replace jest with vitest (#1737)

* [ONL-8065] feat: Replace jest with vitest.

* [ONL-8065] chore: Configure vitest.

* [ONL-8065] chore: Configure eslint rules.

* [ONL-8065] chore: Replace jest with vitest in test setup/mocks/stubs. Converted them to TS too.

* [ONL-8065] fix: Fixed CVueWrapper not having correct return values.

* [ONL-8065] fix: Fixed $tooltipContainer global property can't be recognised by TS when testing ec-tooltip.

* [ONL-8065] fix: Removed toMatchDiffSnapshot occurrences because they are not supported by vitest. Fixed random failures in dropdown-search when trying to find tabbableElement.

* [ONL-8065] chore: Replaced jest with vitest in utils.

* [ONL-8065] chore: Replaced jest with vitest in directives and reworked ec-tooltip tests.

* [ONL-8065] chore: Replaced jest with vitest in hocs.

* [ONL-8065] chore: Replaced jest with vitest in composables.

* [ONL-8065] chore: Fixed wrong eslint file path used in src.

* [ONL-8065] fix: Fixed coverage in tests reported by the vitest.

* [ONL-8065] fix: More fixes related to coverage and replacing jest with vitest.

* [ONL-8065] chore: Updated remaining snapshots.

* [ONL-8065] chore: Migrated intl setup to TS.

* [ONL-8065] fix: Fixed typing for VueWrapper

* [ONL-8065] chore: Removed CVueWrapper as it is not needed anymore.

* [ONL-8065] docs: Updated docs.

* [ONL-8065] chore: Updated npmignore.

* [ONL-8065] chore: Updated latest testing dependencies and removed unused packages.

* [ONL-8065] chore: Removed testing-library as it is no longer required by VTU.

* [ONL-8065] fix: Fixed missing types for fake-timers.

* [ONL-8065] fix: Allowed expect inside beforeEach and afterEach blocks.

* [ONL-8065] fix: Fixed comments in snapshots.

* [ONL-8065] chore: Updated latest dependencies.

* [ONL-8065] chore: Removed unused generic type.

* 2.4.0

.eslintrc.js

@@ -108,7 +108,7 @@ module.exports = {
       },
     ],
     'filenames/match-regex': [
-      2,
+      'error',
       '^[.a-z0-9-]+$',
     ],
   },
@@ -117,11 +117,7 @@ module.exports = {
       files: [
         '**/src/**/*.spec.js',
       ],
-      env: {
-        jest: true,
-      },
       rules: {
-        'global-require': 'off',
         'vue/require-prop-types': 'off',
       },
     },

.eslintrc.tests.js

@@ -0,0 +1,33 @@
+// eslint-disable-next-line import/no-extraneous-dependencies
+const vitest = require('eslint-plugin-vitest');
+
+module.exports = {
+  overrides: [
+    {
+      files: [
+        '**/*.spec.js',
+        '**/*.spec.ts',
+      ],
+      plugins: ['vitest'],
+      extends: [
+        'plugin:vitest/recommended',
+      ],
+      globals: {
+        ...vitest.environments.env.globals,
+      },
+      rules: {
+        'vitest/consistent-test-filename': ['error', { pattern: '.*\\.spec\\.[tj]sx?$' }],
+        'vitest/consistent-test-it': ['error', { fn: 'it', withinDescribe: 'it' }],
+        'vitest/no-alias-methods': 'error',
+        'vitest/no-disabled-tests': 'error',
+        'vitest/no-duplicate-hooks': 'error',
+        'vitest/no-focused-tests': 'error',
+        'vitest/no-standalone-expect': ['error', { additionalTestBlockFunctions: ['beforeEach', 'afterEach'] }],
+        'vitest/prefer-hooks-in-order': 'error',
+        'vitest/prefer-hooks-on-top': 'error',
+        'vitest/prefer-lowercase-title': ['error', { ignoreTopLevelDescribe: true }],
+        'vitest/prefer-to-be': 'off',
+      },
+    },
+  ],
+};

.npmignore

@@ -11,19 +11,18 @@
 **/*.story.css
 **/*.story.js
 **/__snapshots__/**
-babel.config.js
-bitbucket-pipelines.yml
 coverage
 cypress.json
 docker
-jest.config.js
 Makefile
-now.json
 postcss.config.js
+patches
 public
 tests/**/*
 !tests/mocks/**
 !tests/stubs/**
+vercel.json
+vite.config.js
+vitest.config.ts
 CODEOWNERS
 *.md
-patches

README.md

@@ -93,7 +93,7 @@ If you need to support every single locale on the planet, we recommend to polyfi
 
 ### Testing
 
-[Jest](https://jestjs.io/)
+[Vitest](https://vitest.dev/)
 
 [Vue Test Utils](https://test-utils.vuejs.org/)
 

global.d.ts

@@ -1,3 +1,9 @@
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $tooltipContainer?: HTMLElement | string;
+  }
+}
+
 export type Maybe<T> = T | null;
 
 export enum ZIndexLevel {