Jason 019ad351a1 test: add comprehensive tests for settings dialog components ...

Add component tests for ImportExportSection and SettingsDialog with full coverage of UI interactions, state management, and async workflows.

ImportExportSection.test.tsx (5 tests):
- Verify button states based on file selection
- Test import/export/clear interactions
- Validate loading, success, and error UI states

SettingsDialog.test.tsx (5 tests):
- Test loading state rendering
- Verify tab navigation and child component callbacks
- Validate save/cancel workflows with cleanup
- Test restart prompt and immediate restart flow
- Use Context Provider pattern to mock Tabs component
- Mock 7 child components for isolation

Test patterns demonstrated:
- Complex component isolation with deep mocking
- Context Provider mocking for UI library components
- Async workflow validation with waitFor
- Multi-hook mocking (useSettings + useImportExport)

All 45 tests passing (7 files, 1.13s execution time)

2025-10-25 11:46:25 +08:00

3.4 KiB

Raw Blame History

View Raw