feat: Added unit test for default component

Author: kevinwang5658

package-lock.json

@@ -46,6 +46,7 @@
     "eslint-config-oclif": "^5",
     "eslint-config-oclif-typescript": "^3.1.13",
     "eslint-config-prettier": "^9.0.0",
+    "ink-testing-library": "^4.0.0",
     "memfs": "^4.14.0",
     "mocha": "^10",
     "oclif": "^4.15.29",

package.json

@@ -0,0 +1,63 @@
+import { cleanup, render } from 'ink-testing-library';
+import { EventEmitter } from 'node:events';
+import React from 'react';
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
+
+import { RenderStatus, store } from '../store/index.js';
+import { DefaultComponent } from './default-component.js';
+
+// Mock dependent components
+vi.mock('./progress/progress-display', () => ({
+  ProgressDisplay: () => <div>Mock Progress Display</div>
+}));
+vi.mock('./import/index', () => ({
+  ImportParametersForm: () => <div>Mock Import Parameters Form</div>
+}));
+vi.mock('./plan/plan', () => ({
+  PlanComponent: () => <div>Mock Plan Component</div>
+}));
+vi.mock('./import/import-result', () => ({
+  ImportResultComponent: () => <div>Mock Import Result Component</div>
+}));
+
+describe('DefaultComponent', () => {
+  let emitter: EventEmitter;
+
+  beforeEach(() => {
+    emitter = new EventEmitter();
+    vi.resetAllMocks();
+  });
+
+  afterEach(() => {
+    cleanup();
+    emitter.removeAllListeners();
+  });
+
+  it('renders progress display when renderStatus is PROGRESS', () => {
+    store.set(store.renderState, { status: RenderStatus.PROGRESS });
+    const { lastFrame } = render(<DefaultComponent emitter={emitter} />);
+
+    expect(lastFrame()).toContain('Mock Progress Display');
+  });
+
+  it('renders the plan when renderStatus is DISPLAY_PLAN', () => {
+    store.set(store.renderState, { status: RenderStatus.DISPLAY_PLAN, data: {} });
+    const { lastFrame } = render(<DefaultComponent emitter={emitter} />);
+
+    expect(lastFrame()).toContain('Mock Plan Component');
+  });
+
+  it('handles SUDO_PROMPT event and submits password', () => {
+    store.set(store.renderState, { status: RenderStatus.SUDO_PROMPT, data: 'message' });
+    const { lastFrame } = render(<DefaultComponent emitter={emitter} />);
+
+    expect(lastFrame()).toContain('Password:');
+  });
+
+  it('renders import parameter form when renderStatus is IMPORT_PROMPT', () => {
+    store.set(store.renderState, { status: RenderStatus.IMPORT_PROMPT, data: new Map() });
+    const { lastFrame } = render(<DefaultComponent emitter={emitter} />);
+
+    expect(lastFrame()).toContain('Mock Import Parameters Form');
+  });
+});