chore: Refactor tests to use findBy queries for better async handling, update mock implementations, and clean up imports across various test files. Adjust toast utility to use for-of loops for callback execution. Update Vite and Vitest configuration files for consistency.

frontend/src/api/__tests__/accessLists.test.ts

@@ -1,7 +1,8 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { accessListsApi } from '../accessLists';
+
+import { accessListsApi, type AccessList  } from '../accessLists';
 import client from '../client';
-import type { AccessList } from '../accessLists';
+
 
 // Mock the client module
 vi.mock('../client', () => ({

frontend/src/api/__tests__/backups.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import client from '../../api/client'
 import { getBackups, createBackup, restoreBackup, deleteBackup } from '../backups'
 

frontend/src/api/__tests__/certificates.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
+
+import { getCertificates, uploadCertificate, deleteCertificate, type Certificate } from '../certificates';
 import client from '../client';
-import { getCertificates, uploadCertificate, deleteCertificate, Certificate } from '../certificates';
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/client.test.ts

@@ -1,5 +1,8 @@
+import axios from 'axios'
 import { beforeEach, describe, it, expect, vi, afterEach } from 'vitest'
 
+import { setAuthErrorHandler, setAuthToken } from '../client'
+
 type ResponseHandler = (value: unknown) => unknown
 type ErrorHandler = (error: ResponseError) => Promise<never>
 
@@ -45,10 +48,6 @@ vi.mock('axios', () => {
   }
 })
 
-// Must import AFTER mock definition
-import { setAuthErrorHandler, setAuthToken } from '../client'
-import axios from 'axios'
-
 // Get mock client instance for header assertions
 const getMockClient = () => {
   const mockAxios = vi.mocked(axios)

frontend/src/api/__tests__/consoleEnrollment.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import * as consoleEnrollment from '../consoleEnrollment'
+
 import client from '../client'
+import * as consoleEnrollment from '../consoleEnrollment'
 
 vi.mock('../client')
 
@@ -480,13 +481,10 @@ describe('consoleEnrollment API', () => {
       }
       vi.mocked(client.post).mockRejectedValue(error)
 
-      try {
-        await consoleEnrollment.enrollConsole(payload)
-      } catch (e: unknown) {
-        // Error message should NOT contain the key
-        const error = e as { response?: { data?: { error?: string } } }
-        expect(error.response?.data?.error).not.toContain('cs-enroll-sensitive-key')
-      }
+      const thrown = await consoleEnrollment.enrollConsole(payload).catch((e: unknown) => e)
+      const caughtError = thrown as { response?: { data?: { error?: string } } }
+      // Error message should NOT contain the key
+      expect(caughtError.response?.data?.error).not.toContain('cs-enroll-sensitive-key')
     })
 
     it('should handle correlation_id for debugging without exposing keys', async () => {

frontend/src/api/__tests__/credentials.test.ts

@@ -1,4 +1,6 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+import client from '../client'
 import {
   getCredentials,
   getCredential,
@@ -11,7 +13,6 @@ import {
   type CredentialRequest,
   type CredentialTestResult,
 } from '../credentials'
-import client from '../client'
 
 vi.mock('../client')
 

frontend/src/api/__tests__/crowdsec.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import * as crowdsec from '../crowdsec'
+
 import client from '../client'
+import * as crowdsec from '../crowdsec'
 
 vi.mock('../client')
 

frontend/src/api/__tests__/dnsDetection.test.ts

@@ -1,7 +1,8 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import { detectDNSProvider, getDetectionPatterns } from '../dnsDetection'
+
 import client from '../client'
-import type { DetectionResult, NameserverPattern } from '../dnsDetection'
+import { detectDNSProvider, getDetectionPatterns, type DetectionResult, type NameserverPattern  } from '../dnsDetection'
+
 
 vi.mock('../client')
 

frontend/src/api/__tests__/dnsProviders.test.ts

@@ -1,4 +1,6 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+import client from '../client'
 import {
   getDNSProviders,
   getDNSProvider,
@@ -12,7 +14,6 @@ import {
   type DNSProviderRequest,
   type DNSProviderTypeInfo,
 } from '../dnsProviders'
-import client from '../client'
 
 vi.mock('../client')
 

frontend/src/api/__tests__/docker.test.ts

@@ -1,6 +1,7 @@
 import { vi, describe, it, expect, beforeEach } from 'vitest';
-import { dockerApi } from '../docker';
+
 import client from '../client';
+import { dockerApi } from '../docker';
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/domains.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
+
 import client from '../client';
-import { getDomains, createDomain, deleteDomain, Domain } from '../domains';
+import { getDomains, createDomain, deleteDomain, type Domain } from '../domains';
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/encryption.test.ts

@@ -1,4 +1,6 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+import client from '../client'
 import {
   getEncryptionStatus,
   rotateEncryptionKey,
@@ -9,7 +11,6 @@ import {
   type RotationHistoryEntry,
   type KeyValidationResult,
 } from '../encryption'
-import client from '../client'
 
 vi.mock('../client')
 

frontend/src/api/__tests__/import.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { uploadCaddyfile, uploadCaddyfilesMulti, getImportPreview, commitImport, cancelImport, getImportStatus } from '../import';
+
 import client from '../client';
+import { uploadCaddyfile, uploadCaddyfilesMulti, getImportPreview, commitImport, cancelImport, getImportStatus } from '../import';
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/jsonImport.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { uploadJSONExport, commitJSONImport, cancelJSONImport } from '../jsonImport';
+
 import client from '../client';
+import { uploadJSONExport, commitJSONImport, cancelJSONImport } from '../jsonImport';
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/logs-websocket.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
+
 import { connectLiveLogs } from '../logs';
 
 // Mock WebSocket

frontend/src/api/__tests__/logs.http.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import client from '../client'
 import { downloadLog, getLogContent, getLogs } from '../logs'
 

frontend/src/api/__tests__/manualChallenge.test.ts

@@ -1,4 +1,6 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
+import client from '../client'
 import {
   getChallenge,
   createChallenge,
@@ -6,7 +8,6 @@ import {
   pollChallenge,
   deleteChallenge,
 } from '../manualChallenge'
-import client from '../client'
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/notifications.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import client from '../client'
 import {
   getProviders,

frontend/src/api/__tests__/npmImport.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { uploadNPMExport, commitNPMImport, cancelNPMImport } from '../npmImport';
+
 import client from '../client';
+import { uploadNPMExport, commitNPMImport, cancelNPMImport } from '../npmImport';
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/plugins.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
+
 import client from '../client';
 import {
   getPlugins,

frontend/src/api/__tests__/presets.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import * as presets from '../presets'
+
 import client from '../client'
+import * as presets from '../presets'
 
 vi.mock('../client')
 

frontend/src/api/__tests__/proxyHosts-bulk.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { bulkUpdateACL } from '../proxyHosts';
-import type { BulkUpdateACLResponse } from '../proxyHosts';
+
+import { bulkUpdateACL, type BulkUpdateACLResponse  } from '../proxyHosts';
+
 
 // Mock the client module
 const mockPut = vi.fn();

frontend/src/api/__tests__/proxyHosts.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
+
 import client from '../client';
 import {
   getProxyHosts,
@@ -7,7 +8,7 @@ import {
   updateProxyHost,
   deleteProxyHost,
   testProxyHostConnection,
-  ProxyHost
+  type ProxyHost
 } from '../proxyHosts';
 
 vi.mock('../client', () => ({

frontend/src/api/__tests__/remoteServers.test.ts

@@ -1,4 +1,6 @@
 import { vi, describe, it, expect, beforeEach } from 'vitest';
+
+import client from '../client';
 import {
   getRemoteServers,
   getRemoteServer,
@@ -8,7 +10,6 @@ import {
   testRemoteServerConnection,
   testCustomRemoteServerConnection,
 } from '../remoteServers';
-import client from '../client';
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/security.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import * as security from '../security'
+
 import client from '../client'
+import * as security from '../security'
 
 vi.mock('../client')
 

frontend/src/api/__tests__/securityHeaders.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { securityHeadersApi } from '../securityHeaders';
+
 import client from '../client';
+import { securityHeadersApi } from '../securityHeaders';
 
 vi.mock('../client', () => ({
   default: {

frontend/src/api/__tests__/settings.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import * as settings from '../settings'
+
 import client from '../client'
+import * as settings from '../settings'
 
 vi.mock('../client')
 

frontend/src/api/__tests__/setup.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import client from '../../api/client'
 import { getSetupStatus, performSetup } from '../setup'
 

frontend/src/api/__tests__/system.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, afterEach } from 'vitest'
+
 import client from '../client'
 import { checkUpdates, getNotifications, markNotificationRead, markAllNotificationsRead } from '../system'
 

frontend/src/api/__tests__/uptime.test.ts

@@ -1,6 +1,8 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
-import * as uptime from '../uptime'
+
 import client from '../client'
+import * as uptime from '../uptime'
+
 import type { UptimeMonitor, UptimeHeartbeat } from '../uptime'
 
 vi.mock('../client')

frontend/src/api/__tests__/user.test.ts

@@ -1,4 +1,5 @@
 import { beforeEach, describe, expect, it, vi } from 'vitest'
+
 import client from '../client'
 import { getProfile, regenerateApiKey, updateProfile } from '../users'
 

frontend/src/api/__tests__/users.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest'
+
 import client from '../client'
 import {
   listUsers,

frontend/src/api/__tests__/websocket.test.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { getWebSocketConnections, getWebSocketStats } from '../websocket';
+
 import client from '../client';
+import { getWebSocketConnections, getWebSocketStats } from '../websocket';
 
 vi.mock('../client');