termcast 1.3.10 → 1.3.18

package/src/examples/list-with-dropdown.tsx

@@ -94,4 +94,4 @@ function ListWithDropdownExample() {
 }
 
 // Render the example
-renderWithProviders(<ListWithDropdownExample />)
+await renderWithProviders(<ListWithDropdownExample />)

package/src/examples/list-with-dropdown.vitest.tsx

@@ -1,24 +1,24 @@
-// node-pty does not work in bun, so we use vitest to run this test
 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/list-with-dropdown.tsx'], {
+beforeEach(async () => {
+  session = await launchTerminal({
+    command: 'bun',
+    args: ['src/examples/list-with-dropdown.tsx'],
     cols: 70,
-    rows: 50,
+    rows: 25,
   })
 })
 
 afterEach(() => {
-  driver?.dispose()
+  session?.close()
 })
 
 test('list with dropdown navigation', async () => {
-  const initialSnapshot = await driver.text({
+  const initialSnapshot = await session.text({
     waitFor: (text) => {
-      // wait for list to show up with all items loaded
       return (
         /search beers/i.test(text) &&
         text.includes('Beer ▾') &&
@@ -31,12 +31,12 @@ test('list with dropdown navigation', async () => {
   expect(initialSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Search Beers ───────────────────────────────────────────────────
 
 
      Search...                                                 Beer ▾
 
-
     ›Augustiner Helles Beer
      Camden Hells Beer
      Leffe Blonde Beer
@@ -49,41 +49,44 @@ test('list with dropdown navigation', async () => {
      Apple Juice Juice
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
-  `)
-
-  // Press ctrl+p to open dropdown
-  await driver.keys.ctrlP()
 
-  // Capture snapshot immediately after pressing ctrl+p
-  const immediatelyAfterCtrlPSnapshot = await driver.text()
-  expect(immediatelyAfterCtrlPSnapshot).toMatchInlineSnapshot(`
-    "
 
 
-     Select Drink Type                                          esc
-
-     Search...
-
-     Alcoholic Beverages
-    ›Beer
-     Wine
-
-     Non-Alcoholic
-     Soda
-     Juice
-
+     ↵ select  ↑↓ navigate  ^k actions"
+  `)
 
-     ↵ select   ↑↓ navigate
+  await session.press(['ctrl', 'p'])
 
+  const immediatelyAfterCtrlPSnapshot = await session.text()
+  expect(immediatelyAfterCtrlPSnapshot).toMatchInlineSnapshot(`
+    "
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+       Search Beers ───────────────────────────────────────────────────
+    ┃                                                                  ┃
+    ┃   Select Drink Type                                        esc   ┃
+    ┃                                                                  ┃
+    ┃   Search...                                                      ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   Alcoholic Beverages                                            ┃
+    ┃  ›Beer                                                           ┃
+    ┃   Wine                                                           ┃
+    ┃                                                                  ┃
+    ┃   Non-Alcoholic                                                  ┃
+    ┃   Soda                                                           ┃
+    ┃   Juice                                                          ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   ↵ select   ↑↓ navigate                                         ┃
+    ┃                                                                  ┃
+
+
+       ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  const afterCtrlPSnapshot = await driver.text({
+  const afterCtrlPSnapshot = await session.text({
     waitFor: (text) => {
-      // wait for dropdown to show up
       return /select drink type/i.test(text)
     },
   })
@@ -91,112 +94,127 @@ test('list with dropdown navigation', async () => {
     "
 
 
-     Select Drink Type                                          esc
-
-     Search...
-
-     Alcoholic Beverages
-    ›Beer
-     Wine
-
-     Non-Alcoholic
-     Soda
-     Juice
-
-
-     ↵ select   ↑↓ navigate
-
-
-
-     ↵ select   ↑↓ navigate   ^k actions"
+       Search Beers ───────────────────────────────────────────────────
+    ┃                                                                  ┃
+    ┃   Select Drink Type                                        esc   ┃
+    ┃                                                                  ┃
+    ┃   Search...                                                      ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   Alcoholic Beverages                                            ┃
+    ┃  ›Beer                                                           ┃
+    ┃   Wine                                                           ┃
+    ┃                                                                  ┃
+    ┃   Non-Alcoholic                                                  ┃
+    ┃   Soda                                                           ┃
+    ┃   Juice                                                          ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   ↵ select   ↑↓ navigate                                         ┃
+    ┃                                                                  ┃
+
+
+       ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  // Navigate down in dropdown
-  await driver.keys.down()
+  await session.press('down')
 
-  const afterDownSnapshot = await driver.text()
+  const afterDownSnapshot = await session.text()
   expect(afterDownSnapshot).toMatchInlineSnapshot(`
     "
 
 
-     Select Drink Type                                          esc
-
-     Search...
-
-     Alcoholic Beverages
-     Beer
-    ›Wine
-
-     Non-Alcoholic
-     Soda
-     Juice
-
+       Search Beers ───────────────────────────────────────────────────
+    ┃                                                                  ┃
+    ┃   Select Drink Type                                        esc   ┃
+    ┃                                                                  ┃
+    ┃   Search...                                                      ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   Alcoholic Beverages                                            ┃
+    ┃   Beer                                                           ┃
+    ┃  ›Wine                                                           ┃
+    ┃                                                                  ┃
+    ┃   Non-Alcoholic                                                  ┃
+    ┃   Soda                                                           ┃
+    ┃   Juice                                                          ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   ↵ select   ↑↓ navigate                                         ┃
+    ┃                                                                  ┃
+
+
+       ↵ select  ↑↓ navigate  ^k actions"
+  `)
 
-     ↵ select   ↑↓ navigate
+  await session.press('down')
 
+  const afterSecondDownSnapshot = await session.text()
+  expect(afterSecondDownSnapshot).toMatchInlineSnapshot(`
+    "
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+       Search Beers ───────────────────────────────────────────────────
+    ┃                                                                  ┃
+    ┃   Select Drink Type                                        esc   ┃
+    ┃                                                                  ┃
+    ┃   Search...                                                      ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   Alcoholic Beverages                                            ┃
+    ┃   Beer                                                           ┃
+    ┃   Wine                                                           ┃
+    ┃                                                                  ┃
+    ┃   Non-Alcoholic                                                  ┃
+    ┃  ›Soda                                                           ┃
+    ┃   Juice                                                          ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   ↵ select   ↑↓ navigate                                         ┃
+    ┃                                                                  ┃
+
+
+       ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  // Navigate down again
-  await driver.keys.down()
+  await session.press('enter')
 
-  const afterSecondDownSnapshot = await driver.text()
-  expect(afterSecondDownSnapshot).toMatchInlineSnapshot(`
+  const afterSelectSnapshot = await session.text({
+    waitFor: (text) => {
+      return !text.includes('Select Drink Type')
+    },
+  })
+  expect(afterSelectSnapshot).toMatchInlineSnapshot(`
     "
 
 
-     Select Drink Type                                          esc
-
-     Search...
+     Search Beers ───────────────────────────────────────────────────
 
-     Alcoholic Beverages
-     Beer
-     Wine
 
-     Non-Alcoholic
-    ›Soda
-     Juice
+     Search...                                                 Soda ▾
 
+    ›Coca Cola Soda
+     Sprite Soda
 
-     ↵ select   ↑↓ navigate
 
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
-  `)
 
-  // Select the current item
-  await driver.keys.enter()
 
-  const afterSelectSnapshot = await driver.text({
-    waitFor: (text) => {
-      // wait for dropdown to close and list to update
-      return !text.includes('Select Drink Type')
-    },
-  })
-  expect(afterSelectSnapshot).toMatchInlineSnapshot(`
-      "
 
-       Search Beers ───────────────────────────────────────────────────
 
 
-       Search...                                                 Soda ▾
 
 
-      ›Coca Cola Soda
-       Sprite Soda
 
 
-       ↵ select   ↑↓ navigate   ^k actions"
-    `)
+     ↵ select  ↑↓ navigate  ^k actions"
+  `)
 }, 10000)
 
 test('list with dropdown search and filter', async () => {
-  await driver.text({
+  await session.text({
     waitFor: (text) => {
-      // wait for list to show up with all items loaded
       return (
         /search beers/i.test(text) &&
         text.includes('Beer ▾') &&
@@ -206,104 +224,113 @@ test('list with dropdown search and filter', async () => {
     },
   })
 
-  // Open dropdown
-  await driver.keys.ctrlP()
+  await session.press(['ctrl', 'p'])
 
-  // Capture snapshot immediately after pressing ctrl+p
-  const immediatelyAfterCtrlPSnapshot = await driver.text()
+  const immediatelyAfterCtrlPSnapshot = await session.text()
   expect(immediatelyAfterCtrlPSnapshot).toMatchInlineSnapshot(`
     "
 
 
-     Select Drink Type                                          esc
-
-     Search...
-
-     Alcoholic Beverages
-    ›Beer
-     Wine
-
-     Non-Alcoholic
-     Soda
-     Juice
+       Search Beers ───────────────────────────────────────────────────
+    ┃                                                                  ┃
+    ┃   Select Drink Type                                        esc   ┃
+    ┃                                                                  ┃
+    ┃
+      ›Augustiner Helles Beer
+       Camden Hells Beer
+       Leffe Blonde Beer
+       Sierra Nevada IPA Beer
+       Chateau Margaux Wine
+       Pinot Noir Wine
+       Coca Cola Soda
+       Sprite Soda
+       Orange Juice Juice
+       Apple Juice Juice
 
 
-     ↵ select   ↑↓ navigate
 
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+       ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  await driver.text({
+  await session.text({
     waitFor: (text) => {
       return /select drink type/i.test(text)
     },
   })
 
-  // Type to search in dropdown
-  await driver.keys.type('wine')
+  await session.type('wine')
 
-  const afterSearchWineSnapshot = await driver.text({
+  const afterSearchWineSnapshot = await session.text({
     waitFor: (text) => {
       return /wine/i.test(text)
     },
   })
   expect(afterSearchWineSnapshot).toMatchInlineSnapshot(`
-      "
-
+    "
 
-      Select Drink Type                                          esc
 
-      wine
-      Wine
+       Search Beers ───────────────────────────────────────────────────
+    ┃                                                                  ┃
+    ┃   Select Drink Type                                        esc   ┃
+    ┃                                                                  ┃
+    ┃   wine                                                           ┃
+    ┃                                                                  ┃
+    ┃   Wine                                                           ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃   ↵ select   ↑↓ navigate                                         ┃
+    ┃                                                                  ┃
+    ┃   Non-Alcoholic                                                  ┃
+       Sprite Soda
+       Orange Juice Juice
+       Apple Juice Juice
 
 
-      ↵ select   ↑↓ navigate
 
-      Sierra Nevada IPA Beer
-      Chateau Margaux Wine
-      Pinot Noir Wine
-      Coca Cola Soda
-      Sprite Soda
-      Orange Juice Juice
-      Apple Juice Juice
 
 
-      ↵ select   ↑↓ navigate   ^k actions"
-    `)
+       ↵ select  ↑↓ navigate  ^k actions"
+  `)
 
-  // Select Wine
-  await driver.keys.enter()
+  await session.press('enter')
 
-  const afterSelectWineSnapshot = await driver.text({
+  const afterSelectWineSnapshot = await session.text({
     waitFor: (text) => {
-      // wait for dropdown to close
       return !text.includes('Select Drink Type')
     },
   })
   expect(afterSelectWineSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Search Beers ───────────────────────────────────────────────────
 
 
      Search...                                                 Beer ▾
 
-
     ›Augustiner Helles Beer
      Camden Hells Beer
      Leffe Blonde Beer
      Sierra Nevada IPA Beer
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  // Clear search in main list and type to search
-  await driver.keys.type('pinot')
+  await session.type('pinot')
 
-  const afterSearchPinotSnapshot = await driver.text({
+  const afterSearchPinotSnapshot = await session.text({
     waitFor: (text) => {
       return /pinot/i.test(text)
     },
@@ -311,6 +338,7 @@ test('list with dropdown search and filter', async () => {
   expect(afterSearchPinotSnapshot).toMatchInlineSnapshot(`
     "
 
+
     Search Beers ───────────────────────────────────────────────────
 
 
@@ -319,6 +347,18 @@ test('list with dropdown search and filter', async () => {
 
 
 
-    ↵ select   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+
+
+
+
+
+    ↵ select  ↑↓ navigate  ^k actions"
   `)
 }, 10000)

package/src/examples/list-with-sections.tsx

@@ -94,6 +94,11 @@ function SimpleListExample() {
             </ActionPanel>
           }
         />
+        <List.Item id='orange' title='Orange' subtitle='Citrus and juicy' accessories={[{ text: 'Fresh' }]} />
+        <List.Item id='grape' title='Grape' subtitle='Sweet clusters' accessories={[{ tag: 'Seasonal' }]} />
+        <List.Item id='mango' title='Mango' subtitle='Tropical delight' accessories={[{ text: 'Imported' }]} />
+        <List.Item id='pineapple' title='Pineapple' subtitle='Sweet and tangy' />
+        <List.Item id='strawberry' title='Strawberry' subtitle='Red and sweet' accessories={[{ tag: 'Popular' }]} />
       </List.Section>
       <List.Section title='Vegetables'>
         <List.Item
@@ -157,6 +162,11 @@ function SimpleListExample() {
             </ActionPanel>
           }
         />
+        <List.Item id='broccoli' title='Broccoli' subtitle='Green florets' accessories={[{ tag: 'Healthy' }]} />
+        <List.Item id='spinach' title='Spinach' subtitle='Leafy greens' accessories={[{ text: 'Organic' }]} />
+        <List.Item id='tomato' title='Tomato' subtitle='Red and ripe' />
+        <List.Item id='cucumber' title='Cucumber' subtitle='Cool and crisp' />
+        <List.Item id='pepper' title='Bell Pepper' subtitle='Colorful and crunchy' accessories={[{ tag: 'Fresh' }]} />
       </List.Section>
       <List.Item
         id='bread'
@@ -189,8 +199,9 @@ function SimpleListExample() {
           </ActionPanel>
         }
       />
+
     </List>
   )
 }
 
-renderWithProviders(<SimpleListExample />)
+await renderWithProviders(<SimpleListExample />)