add @tests alias

.editorconfig

@@ -1,19 +0,0 @@
-root = true
-
-[*]
-charset = utf-8
-end_of_line = lf
-insert_final_newline = true
-indent_style = space
-indent_size = 4
-trim_trailing_whitespace = true
-
-[*.{js,vue}]
-indent_style = space
-indent_size = 2
-
-[*.md]
-trim_trailing_whitespace = false
-
-[*.{yml,yaml}]
-indent_size = 2

jsconfig.json

@@ -2,7 +2,8 @@
     "compilerOptions": {
         "baseUrl": ".",
         "paths": {
-            "@/*": ["src/*"]
+            "@/*": ["src/*"],
+            "@tests/*": ["tests/*"]
         }
     },
     "exclude": ["node_modules", "dist", "coverage", "docs"]

tests/helpers.js

@@ -1,6 +1,5 @@
 import { shallowMount } from '@vue/test-utils'
-import VueSelect from '../src/components/Select.vue'
+import VueSelect from '@/src/components/Select.vue'
-import Vue from 'vue'
 
 /**
  * Trigger a submit event on the search
@@ -69,21 +68,3 @@ export const mountDefault = (props = {}, options = {}) => {
     ...options,
   })
 }
-
-/**
- * Returns a v-select component directly.
- * @param props
- * @param options
- * @return {Vue | Element | Vue[] | Element[]}
- */
-export const mountWithoutTestUtils = (props = {}, options = {}) => {
-  return createApp({
-    render: (createEl) =>
-      createEl('vue-select', {
-        ref: 'select',
-        props: { options: ['one', 'two', 'three'], ...props },
-        ...options,
-      }),
-    components: { VueSelect },
-  }).mount().$refs.select
-}

tests/unit/Accessibility.spec.js

@@ -1,5 +1,5 @@
 import { it, describe, expect } from 'vitest'
-import { mountDefault } from '../helpers.js'
+import { mountDefault } from '@tests/helpers.js'
 
 describe('Search Slot Scope', () => {
   /**

tests/unit/Ajax.spec.js

@@ -1,5 +1,5 @@
 import { it, describe, expect } from 'vitest'
-import { selectWithProps } from '../helpers.js'
+import { selectWithProps } from '@tests/helpers.js'
 import { shallowMount } from '@vue/test-utils'
 import vSelect from '@/components/Select.vue'
 

tests/unit/Autoscroll.spec.js

@@ -1,6 +1,6 @@
 import { it, describe, expect, vi, afterEach } from 'vitest'
 import pointerScroll from '@/mixins/pointerScroll.js'
-import { mountDefault } from '../helpers.js'
+import { mountDefault } from '@tests/helpers.js'
 
 describe('Automatic Scrolling', () => {
   let spy

tests/unit/Components.spec.js

@@ -1,6 +1,6 @@
 import { it, describe, expect } from 'vitest'
 import { defineComponent } from 'vue'
-import { selectWithProps } from '../helpers.js'
+import { selectWithProps } from '@tests/helpers.js'
 
 describe('Components API', () => {
   it('swap the Deselect component', () => {

tests/unit/CreateOption.spec.js

@@ -1,5 +1,5 @@
 import { it, describe, expect } from 'vitest'
-import { selectTag, selectWithProps } from '../helpers.js'
+import { selectTag, selectWithProps } from '@tests/helpers.js'
 
 describe('CreateOption When Tagging Is Enabled', () => {
   it('can select the current search text as a string', async () => {

tests/unit/Deselecting.spec.js

@@ -1,5 +1,5 @@
 import { it, describe, expect, vi } from 'vitest'
-import { mountDefault, selectWithProps } from '../helpers.js'
+import { mountDefault, selectWithProps } from '@tests/helpers.js'
 
 describe('Removing values', () => {
   it('can remove the given tag when its close icon is clicked', async () => {

tests/unit/Dropdown.spec.js

@@ -1,5 +1,5 @@
 import { it, describe, expect, vi, afterEach } from 'vitest'
-import { selectWithProps } from '../helpers.js'
+import { selectWithProps } from '@tests/helpers.js'
 import OpenIndicator from '@/components/OpenIndicator.vue'
 import VueSelect from '@/components/Select.vue'
 

tests/unit/Keydown.spec.js

@@ -1,6 +1,6 @@
 import { it, describe, expect, vi, afterEach } from 'vitest'
 import typeAheadPointer from '@/mixins/typeAheadPointer.js'
-import { mountDefault } from '../helpers.js'
+import { mountDefault } from '@tests/helpers.js'
 
 describe('Custom Keydown Handlers', () => {
   let spy

tests/unit/Labels.spec.js

@@ -1,7 +1,7 @@
 import { it, describe, expect, vi } from 'vitest'
 import { shallowMount } from '@vue/test-utils'
 import VueSelect from '@/components/Select.vue'
-import { selectWithProps } from '../helpers.js'
+import { selectWithProps } from '@tests/helpers.js'
 
 describe('Labels', () => {
   it('can generate labels using a custom label key', () => {

tests/unit/ReactiveOptions.spec.js

@@ -1,7 +1,7 @@
 import { it, describe, expect, vi, afterEach } from 'vitest'
 import { shallowMount } from '@vue/test-utils'
 import VueSelect from '@/components/Select.vue'
-import { mountDefault } from '../helpers.js'
+import { mountDefault } from '@tests/helpers.js'
 
 describe('Reset on options change', () => {
   it('should not reset the selected value by default when the options property changes', async () => {

tests/unit/Reduce.spec.js

@@ -1,7 +1,7 @@
 import { it, describe, expect } from 'vitest'
 import { mount, shallowMount } from '@vue/test-utils'
 import VueSelect from '@/components/Select.vue'
-import { mountDefault } from '../helpers.js'
+import { mountDefault } from '@tests/helpers.js'
 
 describe('When reduce prop is defined', () => {
   it('determines when a reducer has been supplied', async () => {

tests/unit/Selectable.spec.js

@@ -1,5 +1,5 @@
 import { it, describe, expect } from 'vitest'
-import { searchSubmit, selectWithProps } from '../helpers.js'
+import { searchSubmit, selectWithProps } from '@tests/helpers.js'
 
 describe('Selectable prop', () => {
   it('should select selectable option if clicked', async () => {

tests/unit/Selecting.spec.js

@@ -2,7 +2,7 @@ import { it, describe, expect, vi, beforeEach, afterEach } from 'vitest'
 import { mount, shallowMount } from '@vue/test-utils'
 import VueSelect from '@/components/Select.vue'
 import typeAheadPointer from '@/mixins/typeAheadPointer.js'
-import { mountDefault } from '../helpers.js'
+import { mountDefault } from '@tests/helpers.js'
 
 describe('VS - Selecting Values', () => {
   let defaultProps

tests/unit/Slots.spec.js

@@ -1,6 +1,6 @@
 import { it, test, describe, expect, vi } from 'vitest'
 import { h } from 'vue'
-import { mountDefault } from '../helpers.js'
+import { mountDefault } from '@tests/helpers.js'
 
 describe('Scoped Slots', () => {
   it('receives an option object to the selected-option-container slot', () => {

tests/unit/Tagging.spec.js

@@ -4,7 +4,7 @@ import {
   searchSubmit,
   selectTag,
   selectWithProps,
-} from '../helpers.js'
+} from '@tests/helpers.js'
 import VueSelect from '@/components/Select.vue'
 
 describe('When Tagging Is Enabled', () => {

tests/unit/TypeAhead.spec.js

@@ -1,7 +1,7 @@
 import { it, describe, expect } from 'vitest'
 import { shallowMount } from '@vue/test-utils'
 import VueSelect from '@/components/Select.vue'
-import { mountDefault } from '../helpers.js'
+import { mountDefault } from '@tests/helpers.js'
 
 describe('Moving the Typeahead Pointer', () => {
   it('should set the pointer to zero when the filteredOptions watcher is called', async () => {

tsconfig.app.json

@@ -6,7 +6,8 @@
     "composite": true,
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./src/*"],
+      "@tests/*": ["./tests/*"]
     }
   }
 }

vite.config.ts

@@ -11,6 +11,7 @@ export default defineConfig({
     resolve: {
         alias: {
             '@': fileURLToPath(new URL('./src', import.meta.url)),
+            '@tests': fileURLToPath(new URL('./tests', import.meta.url)),
         },
     },
     build: {