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.

2026-03-11 02:24:28 +00:00
parent c977c6f9a4
commit 3e32610ea1
286 changed files with 1632 additions and 1315 deletions
@@ -1,7 +1,8 @@
 import { render, screen, fireEvent, waitFor } from '@testing-library/react'
-import ImportSitesModal from './ImportSitesModal'
 import { vi } from 'vitest'
-import { CaddyFile } from '../api/import'
+
+import ImportSitesModal from './ImportSitesModal'
+import { type CaddyFile } from '../api/import'

 // Mock the upload API used by the component
 const mockUpload = vi.fn()
@@ -37,8 +38,8 @@ describe('ImportSitesModal', () => {
    expect(textareasAfterRemove.length).toBe(1)

    // type into textarea
-    const ta = screen.getAllByRole('textbox').filter(el => el.tagName === 'TEXTAREA')[0]
-    fireEvent.change(ta, { target: { value: 'example.com { reverse_proxy 127.0.0.1:8080 }' } })
+    const ta = screen.getAllByRole('textbox').find(el => el.tagName === 'TEXTAREA')
+    fireEvent.change(ta!, { target: { value: 'example.com { reverse_proxy 127.0.0.1:8080 }' } })
    expect((ta as HTMLTextAreaElement).value).toContain('example.com')
  })

@@ -94,6 +95,6 @@ describe('ImportSitesModal', () => {
    fireEvent.click(screen.getByText('Parse and Review'))

    // error message appears
-    await waitFor(() => expect(screen.getByText(/upload-failed|Upload failed/i)).toBeInTheDocument())
+    expect(await screen.findByText(/upload-failed|Upload failed/i)).toBeInTheDocument()
  })
 })