readded globals for tests

components/blocks/LeaderboardInfo/Desktop/Desktop.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId } from 'root/testUtils'
 import Desktop from './Desktop.vue'

components/blocks/LeaderboardInfo/LeaderboardInfo.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId } from 'root/testUtils'
 import LeaderboardInfo from './LeaderboardInfo.vue'

components/blocks/LeaderboardInfo/Mobile/Mobile.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId } from 'root/testUtils'
 import Mobile from './Mobile.vue'

components/blocks/LeaderboardInfo/PlatformTags/PlatformTags.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import PlatformTags from './PlatformTags.vue'
 

components/blocks/ProfileHeader/ProfileHeader.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import ProfileHeader from './ProfileHeader.vue'
 

components/blocks/ProfileHeader/UserActivity/UserActivity.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import UserActivity from './UserActivity.vue'
 

components/blocks/ProfileHeader/UserBadges/UserBadges.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import UserBadges from './UserBadges.vue'
 

components/blocks/SearchBar/SearchBar.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import SearchBar from './SearchBar.vue'

components/blocks/SiteFooter/LanguageSelector/LanguageSelector.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { supportedLocales } from 'root/configUtils'
 import LanguageSelector from './LanguageSelector.vue'

components/blocks/SiteFooter/SiteFooter.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import SiteFooter from './SiteFooter.vue'
 

components/blocks/cards/BasicAlert/BasicAlert.test.ts

@@ -1,15 +1,13 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByClass, getByTestId, getHTMLElement } from 'root/testUtils'
 import BasicAlert from './BasicAlert.vue'
 
 beforeEach(() => {
   const { state: modalAlertState } = useModalAlert()
   modalAlertState.value = {
+    title: 'A test alert?',
     body: 'This is a test',
     show: true,
-    title: 'A test alert?',
     type: 'info',
   }
 })

components/blocks/cards/ForgotPasswordCard/ForgotPasswordCard.test.ts

@@ -1,4 +1,3 @@
-import { afterAll, describe, expect, it, vi } from 'vitest'
 import { mockNuxtImport, mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId } from 'root/testUtils'
 import ForgotPasswordCard from './ForgotPasswordCard.vue'

components/blocks/cards/LogInCard/LogInCard.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId, getHTMLElement } from 'root/testUtils'
 import LogInCard from './LogInCard.vue'

components/blocks/cards/SignUpCard/SignUpCard.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId, getHTMLElement } from 'root/testUtils'
 import SignUpCard from './SignUpCard.vue'

components/blocks/nav/SiteNavbar/SiteNavbar.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import * as apiComposables from 'composables/api'
 import { getByTestId } from 'root/testUtils'

components/elements/buttons/ButtonLink/ButtonLink.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import ButtonLink from './ButtonLink.vue'
 

components/elements/buttons/Dropdown/Dropdown.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId } from 'root/testUtils'
 import Dropdown from './Dropdown.vue'

components/elements/buttons/Dropdown/DropdownItem.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId } from 'root/testUtils'
 import DropdownItem from './DropdownItem.vue'

components/elements/buttons/FollowButton/FollowButton.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import FollowButton from './FollowButton.vue'
 

components/elements/buttons/HideShowPassword/HideShowPassword.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByTestId, getHTMLElement } from 'root/testUtils'
 import HideShowPassword from './HideShowPassword.vue'

components/elements/buttons/SocialButtons/SocialButtons.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import SocialButtons from './SocialButtons.vue'
 

components/elements/inputs/PasswordInput/PasswordInput.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getHTMLElement } from 'root/testUtils'
 import PasswordInput from './PasswordInput.vue'

components/elements/modals/BaseModal/BaseModal.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, describe, expect, it } from 'vitest'
-
 import { mount, enableAutoUnmount } from '@vue/test-utils'
 
 import BaseModal from './BaseModal.vue'

components/elements/nav/NavLinks/NavLink/NavLink.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import NavLink from './NavLink.vue'
 

components/elements/nav/NavLinks/NavLinks.test.ts

@@ -1,4 +1,3 @@
-import { afterEach, describe, expect, it } from 'vitest'
 import { mount, enableAutoUnmount } from '@vue/test-utils'
 
 import NavLinks from './NavLinks.vue'

composables/api/useChangePassword/useChangePassword.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it, vi } from 'vitest'
-
 const mockSuccessRecoverCreate2 = vi.fn(() => Promise.resolve({ ok: true }))
 
 describe('useChangePassword', () => {

composables/api/useConfirmAccount/useConfirmAccount.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it, vi } from 'vitest'
-
 const mockSuccessAccountConfirmation = vi.fn(() =>
   Promise.resolve({ ok: true }),
 )

composables/api/useGetLeaderboardDetail/useGetLeaderboardDetail.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it, vi } from 'vitest'
-
 const mockSuccessLeaderboardsDetail = vi.fn(() => Promise.resolve({ ok: true }))
 
 describe('useGetLeaderboardDetail', () => {

composables/api/useGetUserDetail/useGetUserDetail.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it, vi } from 'vitest'
-
 const mockSuccessUsersDetail = vi.fn(() => Promise.resolve({ ok: true }))
 
 describe('useGetUserDetail', () => {

composables/api/useLoginUser/useLoginUser.test.ts

@@ -1,4 +1,3 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
 // const mockFailureUsersLoginCreate = vi.fn(() => Promise.resolve({ ok: false }))
 const mockSuccessAccountLoginCreate = vi.fn(() =>
   Promise.resolve({ data: { token: 'token' }, ok: true }),

composables/api/useLogoutUser/useLogoutUser.test.ts

@@ -1,4 +1,3 @@
-import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import type { UserViewModel } from 'lib/api/data-contracts'
 
 const token = 'auth-token'

composables/api/useRecoverAccount/useRecoverAccount.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it, vi } from 'vitest'
-
 const mockSuccessRecoverCreate = vi.fn(() => Promise.resolve({ ok: true }))
 
 describe('useRecoverAccount', () => {

composables/api/useRegisterUser/useRegisterUser.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it, vi } from 'vitest'
-
 const mockSuccessRegisterCreate = vi.fn(() => Promise.resolve({ ok: true }))
 
 describe('useRegisterUser', () => {

composables/api/useResendAccountConfirmation/useResendAccountConfirmation.test.ts

@@ -1,5 +1,3 @@
-import { afterEach, describe, expect, it, vi } from 'vitest'
-
 const mockSuccessLogin = vi.fn(() =>
   Promise.resolve({ data: { token: 'token' }, ok: true }),
 )

composables/api/useValidateRecoveryToken/useValidateRecoveryToken.test.ts

@@ -1,5 +1,3 @@
-import { describe, expect, it, vi } from 'vitest'
-
 const mockSuccessRecoverDetail = vi.fn(() => Promise.resolve({ ok: true }))
 
 describe('useValidateRecoveryToken', () => {

composables/useApi/useApi.test.ts

@@ -1,4 +1,3 @@
-import { describe, expect, it, vi } from 'vitest'
 import { ref } from 'vue'
 import type { ProblemDetails } from 'lib/api/data-contracts'
 import type { HttpResponse } from 'lib/api/http-client'

pages/confirm-account.test.ts

@@ -1,5 +1,3 @@
-import { vi, describe, it, expect } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByClass } from 'root/testUtils'
 import confirmAccount from 'pages/confirm-account.vue'

pages/index.test.ts

@@ -1,5 +1,3 @@
-import { describe, it, expect } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import index from 'pages/index.vue'
 

pages/reset-password.test.ts

@@ -1,5 +1,3 @@
-import { vi, describe, it, expect } from 'vitest'
-
 import { mountSuspended } from '@nuxt/test-utils/runtime'
 import { getByClass } from 'root/testUtils'
 import resetPassword from 'pages/reset-password.vue'

tsconfig.json

@@ -17,7 +17,8 @@
 
     // Other
     "jsx": "preserve",
-    "lib": ["ESNext", "DOM"]
+    "lib": ["ESNext", "DOM"],
+    "types": ["vitest/globals"]
   },
   // https://v3.nuxtjs.org/concepts/typescript
   "extends": "./.nuxt/tsconfig.json"

vitest.config.ts

@@ -6,6 +6,7 @@ import { defineVitestConfig } from '@nuxt/test-utils/config'
 export default defineVitestConfig({
   test: {
     environment: 'nuxt',
+    globals: true,
     sequence: {
       shuffle: true,
     },