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/utils/__tests__/compareHosts.test.ts

@@ -1,5 +1,7 @@
 import { describe, it, expect } from 'vitest'
+
 import compareHosts from '../compareHosts'
+
 import type { ProxyHost } from '../../api/proxyHosts'
 
 const hostA: ProxyHost = {

frontend/src/utils/__tests__/crowdsecExport.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+
 import {
   buildCrowdsecExportFilename,
   promptCrowdsecFilename,

frontend/src/utils/__tests__/passwordStrength.test.ts

@@ -1,4 +1,5 @@
 import { describe, it, expect } from 'vitest'
+
 import { calculatePasswordStrength } from '../passwordStrength'
 
 describe('calculatePasswordStrength', () => {

frontend/src/utils/__tests__/proxyHostsHelpers.test.ts

@@ -1,11 +1,13 @@
+import { vi } from 'vitest'
+
 import {
   formatSettingLabel,
   settingHelpText,
   settingKeyToField,
   applyBulkSettingsToHosts,
 } from '../proxyHostsHelpers'
+
 import type { ProxyHost } from '../../api/proxyHosts'
-import { vi } from 'vitest'
 
 describe('proxyHostsHelpers', () => {
   describe('formatSettingLabel', () => {

frontend/src/utils/__tests__/toast.test.ts

@@ -1,4 +1,5 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+
 import { toast, toastCallbacks } from '../toast'
 
 describe('toast util', () => {

frontend/src/utils/toast.ts

@@ -12,18 +12,18 @@ export const toastCallbacks = new Set<(toast: Toast) => void>()
 export const toast = {
   success: (message: string) => {
     const id = ++toastId
-    toastCallbacks.forEach(callback => callback({ id, message, type: 'success' }))
+    for (const callback of toastCallbacks) callback({ id, message, type: 'success' })
   },
   error: (message: string) => {
     const id = ++toastId
-    toastCallbacks.forEach(callback => callback({ id, message, type: 'error' }))
+    for (const callback of toastCallbacks) callback({ id, message, type: 'error' })
   },
   info: (message: string) => {
     const id = ++toastId
-    toastCallbacks.forEach(callback => callback({ id, message, type: 'info' }))
+    for (const callback of toastCallbacks) callback({ id, message, type: 'info' })
   },
   warning: (message: string) => {
     const id = ++toastId
-    toastCallbacks.forEach(callback => callback({ id, message, type: 'warning' }))
+    for (const callback of toastCallbacks) callback({ id, message, type: 'warning' })
   },
 }