Here is guide how to setup testing with {'@vue/test-utils'} using Vitest or Jest. To get tests working with VuesticUI you need to install vuestic plugin.

Setup file

First, we need to create a file called setup. It can be placed anywhere in your project. Here we need to register VuesticPlugin. in {'@vue/test-utils'}.

// tests/setup.js
import { config } from '@vue/test-utils'
import { createVuestic } from 'vuestic-ui'



Register setup file into vitest config. Here is an example of vitest.config.ts file:

import { defineConfig } from 'vitest/config'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  plugins: [vue()],
  test: {
    setupFiles: resolve('./tests/setup.js'), // Path to setup file


Register setup file into jest config. You will need to edit of package.json file and jest filed:

  // ...
  "jest": {
    "moduleFileExtensions": [
    "transform": {
      ".*\\.(vue)$": "vue-jest"
    "testURL": "http://localhost/",
    "setupFile": [