fix(autocomplete): fix bug with nested path and single AC item

src/__tests__/index.test.tsx

@@ -535,6 +535,23 @@ describe('autocomplete with tab', (): void => {
   });
 
   describe('cd', (): void => {
+    test('nested path with a single option', async (): Promise<void> => {
+      const { container, getByLabelText } = render(
+        <Terminal fileSystem={exampleFileSystem} />,
+      );
+
+      const input = getByLabelText('terminal-input') as HTMLInputElement;
+      await userEvent.type(input, 'cd home/user/');
+      await fireTabInput(input);
+
+      const autoCompleteContent = await findByLabelText(
+        container,
+        'autocomplete-preview',
+      );
+
+      expect(autoCompleteContent.innerHTML).toBe('');
+      expect(input.value).toEqual('cd home/user/test/');
+    });
     test('tab press with single item should autofill it', async (): Promise<
       void
     > => {

src/index.tsx

@@ -225,11 +225,17 @@ export class Terminal extends Component<TerminalProps, TerminalState> {
         if (commandResult) {
           // If only one autocomplete option is available, just use it
           if (Object.keys(commandResult).length === 1) {
+            // If the last part of current target path is a folder,
+            // set target path to empty
+            let targetPathToUpdate = getTargetPath(commandTargets[0]);
+            if (commandTargets[0].endsWith('/')) {
+              targetPathToUpdate = '';
+            }
             const updatedInputValue = getUpdatedInputValueFromTarget(
               inputValue,
               commandTargets[0],
               formatItem(commandResult, 0),
-              getTargetPath(commandTargets[0]),
+              targetPathToUpdate,
             );
 
             this.setState(