cdd-cli 3.2.2 → 4.0.0

package/test/useControls.dom.test.js

@@ -38,8 +38,8 @@ await jest.unstable_mockModule(
 
 const { useControls } = await import('../src/hooks/useControls.js');
 
-function HookTester({ containers, expose }) {
-  const hook = useControls(containers);
+function HookTester({ containers, expose, overrides }) {
+  const hook = useControls(containers, overrides);
   useEffect(() => {
     if (expose) expose.current = hook;
   });
@@ -148,7 +148,7 @@ describe('useControls — step 0 keyboard routing integration', () => {
     act(() => { expose.current.creation.moveSuggestionSelection(1); });
     act(() => { expose.current.creation.applyFocusedSuggestion(); });
 
-    expect(expose.current.creation.imageName).toBe('nginx');
+    expect(expose.current.creation.imageName).toBe('nginx:1.27-alpine');
     expect(expose.current.creation.step).toBe(0);
     expect(expose.current.creation.suggestions).toHaveLength(0);
   });
@@ -302,12 +302,218 @@ describe('useControls — FR4/FR5/FR6 keyboard routing via processCreationInput'
     const expose = renderAndStartCreation();
 
     act(() => { expose.current.creation.setImageName('nginx'); });
-    const nameBefore = expose.current.creation.imageName;
 
     act(() => { triggerInput('\r', {}); }); // advance to step 1
 
-    // imageName should be unchanged — applyFocusedSuggestion was NOT called
-    expect(expose.current.creation.imageName).toBe(nameBefore);
+    // nextStep resolves the tag — nginx becomes nginx:1.27-alpine; step advances to 1
+    // applyFocusedSuggestion was NOT called (no suggestion was focused)
+    expect(expose.current.creation.imageName).toBe('nginx:1.27-alpine');
     expect(expose.current.creation.step).toBe(1);
   });
 });
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Tab on step 3 → insertNextSuggestedEnv
+// ─────────────────────────────────────────────────────────────────────────────
+describe('useControls — Tab on step 3 calls insertNextSuggestedEnv', () => {
+  beforeEach(() => {
+    _inputHandler = null;
+    mockSvcCreateContainer.mockReset();
+  });
+
+  test('Tab on step 3 calls insertNextSuggestedEnv()', () => {
+    const mockInsertNextSuggestedEnv = jest.fn();
+    const expose = { current: null };
+    render(
+      <HookTester
+        containers={[]}
+        expose={expose}
+        overrides={{ insertNextSuggestedEnv: mockInsertNextSuggestedEnv }}
+      />
+    );
+    // Enter creation mode
+    act(() => { triggerInput('c', {}); });
+    // Advance to step 3
+    act(() => { expose.current.creation.setImageName('postgres'); });
+    act(() => { triggerInput('\r', {}); }); // step 0 → 1
+    act(() => { triggerInput('\r', {}); }); // step 1 → 2
+    act(() => { triggerInput('\r', {}); }); // step 2 → 3
+    expect(expose.current.creation.step).toBe(3);
+
+    act(() => { triggerInput('', { tab: true }); });
+
+    expect(mockInsertNextSuggestedEnv).toHaveBeenCalledTimes(1);
+  });
+
+  test('Tab on step 3 when insertNextSuggestedEnv is undefined → no-op (safe guard)', () => {
+    const expose = { current: null };
+    render(
+      <HookTester
+        containers={[]}
+        expose={expose}
+        overrides={{ insertNextSuggestedEnv: undefined }}
+      />
+    );
+    act(() => { triggerInput('c', {}); });
+    act(() => { expose.current.creation.setImageName('nginx'); });
+    act(() => { triggerInput('\r', {}); });
+    act(() => { triggerInput('\r', {}); });
+    act(() => { triggerInput('\r', {}); });
+
+    // Should not throw
+    expect(() => {
+      act(() => { triggerInput('', { tab: true }); });
+    }).not.toThrow();
+  });
+});
+describe('useControls — FR7 Tab triggers hub search on step 0', () => {
+  beforeEach(() => {
+    _inputHandler = null;
+    mockSvcCreateContainer.mockReset();
+  });
+
+  /** Helper: render in creation mode with a triggerHubSearch mock override */
+  function renderCreationWithSearch({ isSearchingHub = false, imageName: initialImageName = '' } = {}) {
+    const mockTriggerHubSearch = jest.fn();
+    const expose = { current: null };
+
+    render(
+      <HookTester
+        containers={[]}
+        expose={expose}
+        overrides={{ triggerHubSearch: mockTriggerHubSearch, isSearchingHub }}
+      />
+    );
+    // Enter creation mode
+    act(() => { triggerInput('c', {}); });
+    // Set imageName if provided
+    if (initialImageName) {
+      act(() => { expose.current.creation.setImageName(initialImageName); });
+    }
+    return { expose, mockTriggerHubSearch };
+  }
+
+  test('FR7 — Tab on step 0 calls triggerHubSearch()', () => {
+    const { mockTriggerHubSearch } = renderCreationWithSearch({ imageName: 'nginx' });
+
+    act(() => { triggerInput('', { tab: true }); });
+
+    expect(mockTriggerHubSearch).toHaveBeenCalledTimes(1);
+  });
+
+  test('FR7 — Tab on step 0 when isSearchingHub=true does NOT call triggerHubSearch (guard)', () => {
+    const { mockTriggerHubSearch } = renderCreationWithSearch({
+      isSearchingHub: true,
+      imageName: 'nginx',
+    });
+
+    act(() => { triggerInput('', { tab: true }); });
+
+    expect(mockTriggerHubSearch).not.toHaveBeenCalled();
+  });
+
+  test('FR7 — Tab on step 0 when imageName is empty string does NOT call triggerHubSearch (guard)', () => {
+    const { mockTriggerHubSearch } = renderCreationWithSearch({ imageName: '' });
+
+    act(() => { triggerInput('', { tab: true }); });
+
+    expect(mockTriggerHubSearch).not.toHaveBeenCalled();
+  });
+
+    test('FR7 — Tab on step > 0 does NOT call triggerHubSearch (only active on step 0)', () => {
+    const { expose, mockTriggerHubSearch } = renderCreationWithSearch({ imageName: 'nginx' });
+
+    // Advance to step 1
+    act(() => { triggerInput('\r', {}); });
+    expect(expose.current.creation.step).toBe(1);
+
+    act(() => { triggerInput('', { tab: true }); });
+
+    expect(mockTriggerHubSearch).not.toHaveBeenCalled();
+  });
+});
+
+describe('useControls — success/error message clears after 4000ms', () => {
+
+  test('success message from container creation is scheduled to clear (setTimedMessage called)', async () => {
+    const timeoutSpy = jest.spyOn(global, 'setTimeout');
+    mockSvcCreateContainer.mockResolvedValue({ id: 'cid-timer', ports: [] });
+
+    const expose = { current: null };
+    render(<HookTester containers={[]} expose={expose} />);
+
+    await act(async () => {
+      await completeCreationWizard(expose, 'nginx');
+    });
+
+    // setTimedMessage must have scheduled a timeout to clear the message
+    const clearCallArgs = timeoutSpy.mock.calls.find(
+      ([fn, delay]) => delay === 4000
+    );
+    expect(clearCallArgs).toBeDefined();
+    timeoutSpy.mockRestore();
+  });
+
+  test('error message from container creation is scheduled to clear (setTimedMessage called)', async () => {
+    const timeoutSpy = jest.spyOn(global, 'setTimeout');
+    mockSvcCreateContainer.mockRejectedValue(new Error('not found'));
+
+    const expose = { current: null };
+    render(<HookTester containers={[]} expose={expose} />);
+
+    await act(async () => {
+      await completeCreationWizard(expose, 'badimage');
+    });
+
+    const clearCallArgs = timeoutSpy.mock.calls.find(
+      ([fn, delay]) => delay === 4000
+    );
+    expect(clearCallArgs).toBeDefined();
+    timeoutSpy.mockRestore();
+  });
+});
+
+describe('useControls — pressing C calls resetCreation BEFORE onStartCreate', () => {
+  beforeEach(() => {
+    _inputHandler = null;
+    mockSvcCreateContainer.mockReset();
+  });
+
+  test('pressing C resets creation state before entering creation mode', () => {
+    const callOrder = [];
+    const expose = { current: null };
+
+    // We render with no overrides, but we can spy on the internal calls
+    // by checking that imageName is reset (empty) when creatingContainer becomes true.
+    // Strategy: set imageName to something, then press C, verify state is reset in same render.
+    render(<HookTester containers={[]} expose={expose} />);
+
+    // Give the hook an existing state to verify it gets reset
+    act(() => { triggerInput('c', {}); }); // enter creation mode
+    act(() => { expose.current.creation.setImageName('dirty-state'); });
+
+    // Exit creation mode and re-enter via C to test reset order
+    act(() => {
+      // Press escape to cancel creation
+      if (_inputHandler) _inputHandler('', { escape: true });
+    });
+
+    // Now press C again — this should reset THEN show creation mode
+    act(() => { triggerInput('c', {}); });
+
+    // After pressing C: creatingContainer should be true AND imageName should be reset to ''
+    expect(expose.current.creatingContainer).toBe(true);
+    // imageName is '' (from resetCreation), NOT 'dirty-state'
+    expect(expose.current.creation.imageName).toBe('');
+  });
+
+  test('after pressing C, creation.message is set to the wizard prompt (resetCreation ran)', () => {
+    const expose = { current: null };
+    render(<HookTester containers={[]} expose={expose} />);
+
+    act(() => { triggerInput('c', {}); });
+
+    expect(expose.current.creatingContainer).toBe(true);
+    expect(expose.current.creation.message).toBe('Insert the name of the image to create: ');
+  });
+});