refactor: use import aliases in test files (#2130)

Co-authored-by: Daniel Roe <daniel@roe.dev>

Author: shuuji3

test/e2e/helpers/mock-connector-state.ts

@@ -5,7 +5,7 @@ import {
   createMockConnectorState,
   DEFAULT_MOCK_CONFIG,
   type MockConnectorConfig,
-} from '../../../cli/src/mock-state.ts'
+} from '../../../cli/src/mock-state'
 
 export { MockConnectorStateManager, createMockConnectorState, DEFAULT_MOCK_CONFIG }
 export type { MockConnectorConfig }

test/e2e/helpers/mock-connector.ts

@@ -3,7 +3,7 @@
  * with global singleton state for Playwright test isolation.
  */
 
-import { MockConnectorServer as BaseMockConnectorServer } from '../../../cli/src/mock-app.ts'
+import { MockConnectorServer as BaseMockConnectorServer } from '../../../cli/src/mock-app'
 import { type MockConnectorConfig, initGlobalMockState } from './mock-connector-state'
 
 export class MockConnectorServer {

test/nuxt/components/HeaderConnectorModal.spec.ts

@@ -2,7 +2,7 @@ import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
 import { mockNuxtImport, mountSuspended } from '@nuxt/test-utils/runtime'
 import { ref, computed, readonly, nextTick } from 'vue'
 import type { VueWrapper } from '@vue/test-utils'
-import type { PendingOperation } from '../../../cli/src/types'
+import type { PendingOperation } from '~~/cli/src/types'
 import { HeaderConnectorModal } from '#components'
 
 // Mock state that will be controlled by tests

test/nuxt/composables/use-colors.spec.ts

@@ -64,7 +64,7 @@ describe('useCssVariables', () => {
   })
 
   it('does not attach html mutation observer when client is not supported', async () => {
-    const { useCssVariables } = await import('../../../app/composables/useColors')
+    const { useCssVariables } = await import('~/composables/useColors')
 
     useSupportedMock.mockReturnValueOnce(computed(() => false))
     mockComputedStyle({ '--bg': 'oklch(1 0 0)' })
@@ -84,7 +84,7 @@ describe('useCssVariables', () => {
   })
 
   it('attaches html mutation observer when client is supported', async () => {
-    const { useCssVariables } = await import('../../../app/composables/useColors')
+    const { useCssVariables } = await import('~/composables/useColors')
 
     useSupportedMock.mockReturnValueOnce(computed(() => true))
     mockComputedStyle({ '--bg': 'oklch(1 0 0)' })

test/nuxt/composables/use-preferences-provider.spec.ts

@@ -1,7 +1,7 @@
 import { describe, it, expect, beforeEach } from 'vitest'
 import { defineComponent, onMounted } from 'vue'
 import { mount } from '@vue/test-utils'
-import { usePreferencesProvider } from '../../../app/composables/usePreferencesProvider'
+import { usePreferencesProvider } from '~/composables/usePreferencesProvider'
 
 const STORAGE_KEY = 'npmx-list-prefs'
 

test/nuxt/composables/use-settings.spec.ts

@@ -7,22 +7,22 @@ describe('useSettings - keyboardShortcuts', () => {
 
   describe('default value', () => {
     it('should default keyboardShortcuts to true', async () => {
-      const { useSettings } = await import('../../../app/composables/useSettings')
+      const { useSettings } = await import('~/composables/useSettings')
       const { settings } = useSettings()
       expect(settings.value.keyboardShortcuts).toBe(true)
     })
   })
 
   describe('useKeyboardShortcuts composable', () => {
     it('should return true by default', async () => {
-      const { useKeyboardShortcuts } = await import('../../../app/composables/useSettings')
+      const { useKeyboardShortcuts } = await import('~/composables/useSettings')
       const enabled = useKeyboardShortcuts()
       expect(enabled.value).toBe(true)
     })
 
     it('should reflect changes made via settings', async () => {
-      const { useSettings } = await import('../../../app/composables/useSettings')
-      const { useKeyboardShortcuts } = await import('../../../app/composables/useSettings')
+      const { useSettings } = await import('~/composables/useSettings')
+      const { useKeyboardShortcuts } = await import('~/composables/useSettings')
       const { settings } = useSettings()
       const enabled = useKeyboardShortcuts()
 
@@ -34,8 +34,8 @@ describe('useSettings - keyboardShortcuts', () => {
     })
 
     it('should be reactive', async () => {
-      const { useSettings } = await import('../../../app/composables/useSettings')
-      const { useKeyboardShortcuts } = await import('../../../app/composables/useSettings')
+      const { useSettings } = await import('~/composables/useSettings')
+      const { useKeyboardShortcuts } = await import('~/composables/useSettings')
       const { settings } = useSettings()
       const enabled = useKeyboardShortcuts()
 

test/unit/app/composables/use-charts.spec.ts

@@ -4,7 +4,7 @@ vi.mock('~/utils/npm/api', () => ({
   fetchNpmDownloadsRange: vi.fn(),
 }))
 
-import { getNpmPackageCreationDate } from '../../../../app/composables/useCharts'
+import { getNpmPackageCreationDate } from '~/composables/useCharts'
 
 describe('getNpmPackageCreationDate', () => {
   it('returns created date from packument time', () => {

test/unit/app/composables/use-number-formatter.spec.ts

@@ -1,6 +1,6 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import { computed, ref } from 'vue'
-import { useBytesFormatter } from '../../../../app/composables/useNumberFormatter'
+import { useBytesFormatter } from '~/composables/useNumberFormatter'
 
 describe('useBytesFormatter', () => {
   beforeEach(() => {

test/unit/app/router.options.spec.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest'
-import routerOptions from '../../../app/router.options'
+import routerOptions from '~/router.options'
 
 type ScrollBehavior = NonNullable<typeof routerOptions.scrollBehavior>
 type RouteArg = Parameters<ScrollBehavior>[0]

test/unit/app/utils/chart-data-buckets.spec.ts

@@ -5,7 +5,7 @@ import {
   buildWeeklyEvolution,
   buildMonthlyEvolution,
   buildYearlyEvolution,
-} from '../../../../app/utils/chart-data-buckets'
+} from '~/utils/chart-data-buckets'
 
 describe('fillPartialBucket', () => {
   it('scales proportionally', () => {