termcast 1.3.10 → 1.3.18

package/src/examples/simple-file-picker.vitest.tsx

@@ -1,306 +1,712 @@
 import { test, expect, afterEach, beforeEach } from 'vitest'
-import { NodeTuiDriver } from 'termcast/src/e2e-node'
+import { launchTerminal, Session } from 'tuistory/src'
 
-let driver: NodeTuiDriver
+let session: Session
 
-beforeEach(() => {
-  driver = new NodeTuiDriver('bun', ['src/examples/simple-file-picker.tsx'], {
+beforeEach(async () => {
+  session = await launchTerminal({
+    command: 'bun',
+    args: ['src/examples/simple-file-picker.tsx'],
     cols: 70,
     rows: 50,
   })
 })
 
 afterEach(() => {
-  driver?.dispose()
+  session?.close()
 })
 
 test('file picker with autocomplete', async () => {
-  await driver.text({
+  const initialSnapshot = await session.text({
     waitFor: (text) => {
-      // wait for form to show up
-      return /Your Name/i.test(text)
+      return (
+        /Your Name/i.test(text) &&
+        text.includes('Select Files') &&
+        text.includes('Select Folder') &&
+        text.includes('submit')
+      )
     },
   })
-
-  const initialSnapshot = await driver.text()
   expect(initialSnapshot).toMatchInlineSnapshot(`
     "
 
-    ◇  Your Name
-    │  John Doe
+
+
+
+
+
+
+
+
+
+
+
+
+
+    ◆  Your Name
+    ┃  John Doe
+    ┃
     ◇  Select Files
     │  Enter file path...
+    │
     │  Choose one or more files to upload
     │
     ◇  Select Folder
     │  Enter file path...
+    │
     │  Choose a folder for output
     │
     ◇  Select Single File
     │  Enter file path...
+    │
     │  Choose exactly one file
     │
     └
 
 
-     ↵ submit   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
   `)
 
   // Tab to navigate to file picker field
-  await driver.keys.tab()
-  await driver.keys.tab()
+  await session.press('tab')
+  await session.press('tab')
 
   // Type "src" to trigger autocomplete
-  await driver.keys.type('src')
-
-  // Wait for autocomplete to appear
-  await new Promise((resolve) => setTimeout(resolve, 200))
+  await session.type('src')
 
-  const autocompleteSnapshot = await driver.text()
+  const autocompleteSnapshot = await session.text({
+    waitFor: (text) => text.includes('📁 src'),
+  })
   expect(autocompleteSnapshot).toMatchInlineSnapshot(`
     "
 
+
+
+
+
+
+
+
+
+
+
+
+
+
     ◇  Your Name
     │  John Doe
+    │
     ◇  Select Files
     │  Enter file path...
-    │  Choose one or more files to upload
-    │
-    ◆  Select Folder
-    │  src
-    │  ┌─────────────────────────────────────────────────────────────┐
-    │  │ 📁a src                                                      │
-    ◇  Select─Single─File────────────────────────────────────────────┘
+    │  ┌────────────────────────────────────────────────────────────┐
+    │  │ 📁 src                                                     │
+    │  │ ↑↓ navigate  ⏎ open folder  → select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
     │  Enter file path...
+    │
     │  Choose exactly one file
     │
     └
 
 
-     ↵ submit   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
   `)
 
   // Navigate down in autocomplete
-  await driver.keys.down()
+  await session.press('down')
 
-  const afterDownSnapshot = await driver.text()
+  const afterDownSnapshot = await session.text({
+    waitFor: (text) => text.includes('📁 src'),
+  })
   expect(afterDownSnapshot).toMatchInlineSnapshot(`
     "
 
+
+
+
+
+
+
+
+
+
+
+
+
+
     ◇  Your Name
     │  John Doe
+    │
     ◇  Select Files
     │  Enter file path...
-    │  Choose one or more files to upload
-    │
-    ◆  Select Folder
-    │  src
-    │  ┌─────────────────────────────────────────────────────────────┐
-    │  │ 📁a src                                                      │
-    ◇  Select─Single─File────────────────────────────────────────────┘
+    │  ┌────────────────────────────────────────────────────────────┐
+    │  │ 📁 src                                                     │
+    │  │ ↑↓ navigate  ⏎ open folder  → select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
     │  Enter file path...
+    │
     │  Choose exactly one file
     │
     └
 
 
-     ↵ submit   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
   `)
 
   // Select item with Enter
-  await driver.keys.enter()
+  await session.press('enter')
 
-  const afterSelectSnapshot = await driver.text()
+  const afterSelectSnapshot = await session.text({
+    waitFor: (text) => text.includes('src/') && text.includes('📁 apis'),
+  })
   expect(afterSelectSnapshot).toMatchInlineSnapshot(`
     "
 
-    ◇  Your Name
-    │  John Doe
-    ◇  Select Files
+
+
+
+
+
+
+
+
+
+
+
+       ┌────────────────────────────────────────────────────────────┐
+       │ 📁 apis                                                    │
+    ◇  │ 📁 components                                              │
+    │  │ 📁 examples                                                │
+    │  │ 📁 extensions                                              │
+    ◇  │ 📁 hooks                                                   │
+    │  │ 📁 internal                                                │
+    │  │ 📁 store-api                                               │
+    │  │ 📁 utils                                                   │
+    │  │ ↑↓ navigate  ⏎ open folder  → select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  src/
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
     │  Enter file path...
-    │  Choose one or more files to upload
     │
-    ◆  Select Folder
-    │  src/
-    │  ┌─────────────────────────────────────────────────────────────┐
-    │  │ 📁a apis                                                     │
-    ◇  SelectoSingletFile                                            │
-    │  Enterefilelpath...                                            │
-    │  Choosexexactlysone file                                       │
-    │  │    hooks                                                    │
-    └  │ 📁  internal                                                 │
-       │ 📁  store-api                                                │
-       │    utils                                                    │
-     ↵ submitcti↑↓-navigatex──^k─actions─────────────────────────────┘
-         📄  build.test.tsx"
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
   `)
 
   // Clear and test absolute path
-  await driver.keys.backspace()
-  await driver.keys.backspace()
-  await driver.keys.backspace()
-  await driver.keys.type('/tmp')
-
-  await new Promise((resolve) => setTimeout(resolve, 200))
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.type('/tmp')
 
-  const absolutePathSnapshot = await driver.text()
+  const absolutePathSnapshot = await session.text({
+    waitFor: (text) => text.includes('/tmp'),
+  })
   expect(absolutePathSnapshot).toMatchInlineSnapshot(`
     "
 
+
+
+
+
+
+
+
+
+
+
+
+
+
     ◇  Your Name
     │  John Doe
+    │
     ◇  Select Files
     │  Enter file path...
+    │
     │  Choose one or more files to upload
     │
     ◆  Select Folder
-    │  /tmp/
-    │  ┌─────────────────────────────────────────────────────────────┐
-    │  │ 📁  bunx-501-create-tui@latest                               │
-    ◇  SelectoSingleeFilenchd.dhqoLtU5Bo                             │
-    │  Enternfilecpath...cache                                       │
-    │  Chooseoexactly one file                                       │
-    │  │    tmp-mount-4o6LgO                                         │
-    └  │ 📁  tmp-mount-oUF2pm                                         │
-       │ 📁  tmp-mount-qehfhV                                         │
-       │    tmp-mount-V0riCs                                         │
-     ↵ submitdob↑↓Pnavigatelog^k─actions─────────────────────────────┘
-         📄  com.adobe.AdobeIPCBroker.ctrl-morse"
-  `)
+    ┃  s/tmp
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+
+
+
+
+
+
+
 
-  // Test ~ home directory expansion
-  await driver.keys.backspace()
-  await driver.keys.backspace()
-  await driver.keys.backspace()
-  await driver.keys.backspace()
-  await driver.keys.type('~/')
 
-  await new Promise((resolve) => setTimeout(resolve, 200))
 
-  const homeDirectorySnapshot = await driver.text()
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `)
+
+  // Test ~ home directory expansion
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.type('~/')
+
+  const homeDirectorySnapshot = await session.text({
+    waitFor: (text) => text.includes('~/'),
+  })
   expect(homeDirectorySnapshot).toMatchInlineSnapshot(`
     "
 
+
+
+
+
+
+
+
+
+
+
+
+
+
     ◇  Your Name
     │  John Doe
+    │
     ◇  Select Files
     │  Enter file path...
+    │
     │  Choose one or more files to upload
     │
     ◆  Select Folder
-    │  ~//
-    │  ┌─────────────────────────────────────────────────────────────┐
-    │  │ 📁a Applications                                             │
-    ◇  SelectwSingle File                                            │
-    │  Entercfileepath...                                            │
-    │  Chooseoexactly_one_filee                                      │
-    │  │    conductor                                                │
-    └  │ 📁  Desktop                                                  │
-       │ 📁  Documents                                                │
-       │    Downloads                                                │
-     ↵ submityad↑↓pnavigate───^k─actions─────────────────────────────┘
-         📁  example-pnpm-pubcket"
+    ┃  s~/
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
   `)
 }, 15000)
 
 test('file picker keyboard navigation', async () => {
-  await driver.text({
+  await session.text({
     waitFor: (text) => {
       return /Your Name/i.test(text)
     },
   })
 
   // Tab to file picker
-  await driver.keys.tab()
-  await driver.keys.tab()
+  await session.press('tab')
+  await session.press('tab')
 
   // Type to trigger autocomplete
-  await driver.keys.type('.')
-
-  await new Promise((resolve) => setTimeout(resolve, 200))
+  await session.type('.')
 
-  const withDotSnapshot = await driver.text()
+  const withDotSnapshot = await session.text({
+    waitFor: (text) => text.includes('📁 .termcast-bundle'),
+  })
   expect(withDotSnapshot).toMatchInlineSnapshot(`
     "
 
+
+
+
+
+
+
+
+
+
+
+
+
+
     ◇  Your Name
     │  John Doe
-    ◆  Select Files
-    │  .
-    │  ┌─────────────────────────────────────────────────────────────┐
-    │  │ 📁  .termcast-bundle                                         │
-    ◇  SelectgFolderre                                               │
-    │  Enter─file─path...────────────────────────────────────────────┘
-    │  Choose a folder for output
     │
+    ◇  Select Files
+    │  Enter file path...
+    │  ┌────────────────────────────────────────────────────────────┐
+    │  │ 📁 .termcast-bundle                                        │
+    │  │ ↑↓ navigate  ⏎ open folder  → select folder  esc close     │
+    ◆  └────────────────────────────────────────────────────────────┘
+    ┃  .
+    ┃
+    ┃  Choose a folder for output
+    ┃
     ◇  Select Single File
     │  Enter file path...
+    │
     │  Choose exactly one file
     │
     └
 
 
-     ↵ submit   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
   `)
 
   // Test escape key to close autocomplete
-  await driver.keys.escape()
+  await session.press('esc')
 
-  const afterEscapeSnapshot = await driver.text()
+  const afterEscapeSnapshot = await session.text({
+    waitFor: (text) => text.includes('Select Folder') && !text.includes('📁 .termcast-bundle'),
+  })
   expect(afterEscapeSnapshot).toMatchInlineSnapshot(`
     "
 
+
+
+
+
+
+
+
+
+
+
+
+
+
     ◇  Your Name
     │  John Doe
-    ◆  Select Files
-    │  .
-    │  Choose one or more files to upload
     │
-    ◇  Select Folder
+    ◇  Select Files
     │  Enter file path...
-    │  Choose a folder for output
     │
+    │  Choose one or more files to upload
+    │
+    ◆  Select Folder
+    ┃  .
+    ┃
+    ┃  Choose a folder for output
+    ┃
     ◇  Select Single File
     │  Enter file path...
+    │
     │  Choose exactly one file
     │
     └
 
 
-     ↵ submit   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
   `)
 
   // Type again and navigate with arrows
-  await driver.keys.type('s')
+  await session.type('s')
 
-  await new Promise((resolve) => setTimeout(resolve, 200))
+  await session.text({
+    waitFor: (text) => text.includes('.s'),
+  })
 
   // Navigate down multiple times
-  await driver.keys.down()
-  await driver.keys.down()
-  await driver.keys.up()
+  await session.press('down')
+  await session.press('down')
+  await session.press('up')
 
-  const afterNavigationSnapshot = await driver.text()
+  const afterNavigationSnapshot = await session.text({
+    waitFor: (text) => text.includes('.s') && text.includes('Select Folder'),
+  })
   expect(afterNavigationSnapshot).toMatchInlineSnapshot(`
     "
 
+
+
+
+
+
+
+
+
+
+
+
+
+
     ◇  Your Name
     │  John Doe
-    ◆  Select Files
-    │  .s
-    │  Choose one or more files to upload
     │
-    ◇  Select Folder
+    ◇  Select Files
     │  Enter file path...
-    │  Choose a folder for output
     │
+    │  Choose one or more files to upload
+    │
+    ◆  Select Folder
+    ┃  .s
+    ┃
+    ┃  Choose a folder for output
+    ┃
     ◇  Select Single File
     │  Enter file path...
+    │
     │  Choose exactly one file
     │
     └
 
 
-     ↵ submit   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
   `)
 }, 10000)
+
+test('right arrow selects item and left arrow removes last selection', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /Your Name/i.test(text)
+    },
+  })
+
+  // Tab to file picker
+  await session.press('tab')
+  await session.press('tab')
+
+  // Type to trigger autocomplete
+  await session.type('src')
+
+  await session.text({
+    waitFor: (text) => text.includes('📁 src'),
+  })
+
+  // Use right arrow to select folder (instead of tab)
+  await session.press('right')
+
+  const afterRightArrowSnapshot = await session.text({
+    waitFor: (text) => text.includes('Selected files:') && text.includes('• src'),
+  })
+  expect(afterRightArrowSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+
+    ◇  Your Name
+    │  John Doe
+    │
+    ◇  Select Files
+    │  Enter file path...
+    │
+    │  Choose one or more files to upload
+    │
+    ◆  Select Folder
+    ┃  Enter file path...
+    ┃
+    ┃  Selected files:
+    ┃  • src
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `)
+
+  // Use left arrow to remove the selection (input should be empty)
+  await session.press('left')
+
+  const afterLeftArrowSnapshot = await session.text({
+    waitFor: (text) => !text.includes('Selected files:'),
+  })
+  expect(afterLeftArrowSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    ◇  Your Name
+    │  John Doe
+    │
+    ◇  Select Files
+    │  Enter file path...
+    │
+    │  Choose one or more files to upload
+    │
+    ◆  Select Folder
+    ┃  Enter file path...
+    ┃
+    ┃  Choose a folder for output
+    ┃
+    ◇  Select Single File
+    │  Enter file path...
+    │
+    │  Choose exactly one file
+    │
+    └
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+     ctrl ↵ submit   ↑↓ navigate   ^k actions"
+  `)
+}, 15000)