termcast 1.3.30 → 1.3.32

package/src/examples/list-detail-metadata.vitest.tsx

@@ -32,22 +32,24 @@ test('list detail metadata label renders title and text in column layout', async
     "
 
 
-     Metadata Test ────────────────────────────────────────────────────────────
-
-     Search...
-
-    ›Item with Metadata
-     Another Item                         │                                   ▲
-                                          │ ───────────────────────────────── █
-                                          │                                   ▀
-                                          │ Name:
-                                          │ John Doe
-                                          │
-                                          │ Email:
-                                          │ john@example.com
-                                          │ ─────────────────
-                                          │
-       ↑↓ navigate  ^k actions            │ Status:                           ▼"
+       Metadata Test ────────────────────────────────────────────────────────────
+
+       > Search...
+
+      ›Item with Metadata
+       Another Item                         │                                   ▲
+                                            │ ───────────────────────────────── █
+                                            │                                   ▀
+                                            │ Name:
+                                            │ John Doe
+                                            │
+                                            │ Email:
+                                            │ john@example.com
+                                            │ ─────────────────
+                                            │
+       ↑↓ navigate   ^k actions             │ Status:                           ▼
+
+    "
   `)
 }, 10000)
 
@@ -68,21 +70,23 @@ test('list detail metadata navigation shows different metadata', async () => {
     "
 
 
-     Metadata Test ────────────────────────────────────────────────────────────
+       Metadata Test ────────────────────────────────────────────────────────────
+
+       > Search...
+
+       Item with Metadata
+      ›Another Item                         │ Info
+                                            │ ──────────────────────────────────
+                                            │
+                                            │ Count:
+                                            │ 42
+                                            │
+                                            │ Price:
+       ↑↓ navigate   ^k actions             │ $99.99
 
-     Search...
 
-     Item with Metadata
-    ›Another Item                         │ Info
-                                          │ ──────────────────────────────────
-                                          │
-                                          │ Count:
-                                          │ 42
-                                          │
-                                          │ Price:
-                                          │ $99.99
-                                          │
-                                          │
-       ↑↓ navigate  ^k actions            │"
+
+
+    "
   `)
 }, 10000)

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

@@ -31,18 +31,19 @@ test('dropdown defaults to first item when no value is provided', async () => {
     "
 
 
-     Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────
 
 
-     Search...                                                          Apple ▾
+       > Search...                                                        Apple ▾
 
-    ›First Item This list has a dropdown
-     Second Item The dropdown should default to first item
-     Vegetables
-     Carrot With another dropdown
+      ›First Item This list has a dropdown
+       Second Item The dropdown should default to first item
+       Vegetables
+       Carrot With another dropdown
 
 
 
+       ↵ show selected fruit   ↑↓ navigate   ^k actions       powered by termcast
 
 
 
@@ -56,7 +57,8 @@ test('dropdown defaults to first item when no value is provided', async () => {
 
 
 
-     ↵ show selected fruit  ↑↓ navigate  ^k actions"
+
+    "
   `)
 }, 10000)
 
@@ -74,23 +76,25 @@ test('dropdown opens and shows items', async () => {
     "
 
 
-     Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────
+      ╭──────────────────────────────────────────────────────────────────────────╮
+      │                                                                          │
+      │   Filter by category                                               esc   │
+      │                                                                          │
+      │   > Select category...                                                   │
+      │                                                                          │
+      │  ›Apple                                                                  │
+      │   Banana                                                                 │
+      │   Orange                                                                 │
+      │   Grape                                                                  │
+      │                                                                          │
+      │                                                                          │
+      │   ↵ select   ↑↓ navigate                            powered by termcast  │
+      │                                                                          │
+      ╰──────────────────────────────────────────────────────────────────────────╯
+
+
 
-      ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-     S┃                                                                          ┃
-      ┃   Filter by category                                               esc   ┃
-    ›F┃                                                                          ┃
-     S┃   Select category...                                                     ┃
-     V┃                                                                          ┃
-     C┃  ›Apple                                                                  ┃
-      ┃   Banana                                                                 ┃
-      ┃   Orange                                                                 ┃
-      ┃   Grape                                                                  ┃
-      ┃                                                                          ┃
-      ┃                                                                          ┃
-      ┃   ↵ select   ↑↓ navigate                                                 ┃
-      ┃                                                                          ┃
-      ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 
 
@@ -99,7 +103,7 @@ test('dropdown opens and shows items', async () => {
 
 
 
-     ↵ show selected fruit  ↑↓ navigate  ^k actions"
+    "
   `)
 
   await session.press('down')
@@ -109,23 +113,24 @@ test('dropdown opens and shows items', async () => {
     "
 
 
-     Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────
+      ╭──────────────────────────────────────────────────────────────────────────╮
+      │                                                                          │
+      │   Filter by category                                               esc   │
+      │                                                                          │
+      │   > Select category...                                                   │
+      │                                                                          │
+      │   Apple                                                                  │
+      │  ›Banana                                                                 │
+      │   Orange                                                                 │
+      │   Grape                                                                  │
+      │                                                                          │
+      │                                                                          │
+      │   ↵ select   ↑↓ navigate                            powered by termcast  │
+      │                                                                          │
+      ╰──────────────────────────────────────────────────────────────────────────╯
+
 
-      ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-     S┃                                                                          ┃
-      ┃   Filter by category                                               esc   ┃
-    ›F┃                                                                          ┃
-     S┃   Select category...                                                     ┃
-     V┃                                                                          ┃
-     C┃   Apple                                                                  ┃
-      ┃  ›Banana                                                                 ┃
-      ┃   Orange                                                                 ┃
-      ┃   Grape                                                                  ┃
-      ┃                                                                          ┃
-      ┃                                                                          ┃
-      ┃   ↵ select   ↑↓ navigate                                                 ┃
-      ┃                                                                          ┃
-      ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 
 
@@ -134,7 +139,8 @@ test('dropdown opens and shows items', async () => {
 
 
 
-     ↵ show selected fruit  ↑↓ navigate  ^k actions"
+
+    "
   `)
 
   await session.press('enter')
@@ -144,18 +150,19 @@ test('dropdown opens and shows items', async () => {
     "
 
 
-     Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────
 
 
-     Search...                                                         Banana ▾
+       > Search...                                                       Banana ▾
 
-    ›First Item This list has a dropdown
-     Second Item The dropdown should default to first item
-     Vegetables
-     Carrot With another dropdown
+      ›First Item This list has a dropdown
+       Second Item The dropdown should default to first item
+       Vegetables
+       Carrot With another dropdown
 
 
 
+       ↵ show selected fruit   ↑↓ navigate   ^k actions       powered by termcast
 
 
 
@@ -169,7 +176,8 @@ test('dropdown opens and shows items', async () => {
 
 
 
-     ↵ show selected fruit  ↑↓ navigate  ^k actions"
+
+    "
   `)
 }, 10000)
 
@@ -187,23 +195,25 @@ test('clicking dropdown opens it', async () => {
     "
 
 
-     Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────
+      ╭──────────────────────────────────────────────────────────────────────────╮
+      │                                                                          │
+      │   Filter by category                                               esc   │
+      │                                                                          │
+      │   > Select category...                                                   │
+      │                                                                          │
+      │  ›Apple                                                                  │
+      │   Banana                                                                 │
+      │   Orange                                                                 │
+      │   Grape                                                                  │
+      │                                                                          │
+      │                                                                          │
+      │   ↵ select   ↑↓ navigate                            powered by termcast  │
+      │                                                                          │
+      ╰──────────────────────────────────────────────────────────────────────────╯
+
+
 
-      ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-     S┃                                                                          ┃
-      ┃   Filter by category                                               esc   ┃
-    ›F┃                                                                          ┃
-     S┃   Select category...                                                     ┃
-     V┃                                                                          ┃
-     C┃  ›Apple                                                                  ┃
-      ┃   Banana                                                                 ┃
-      ┃   Orange                                                                 ┃
-      ┃   Grape                                                                  ┃
-      ┃                                                                          ┃
-      ┃                                                                          ┃
-      ┃   ↵ select   ↑↓ navigate                                                 ┃
-      ┃                                                                          ┃
-      ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 
 
 
@@ -212,7 +222,7 @@ test('clicking dropdown opens it', async () => {
 
 
 
-     ↵ show selected fruit  ↑↓ navigate  ^k actions"
+    "
   `)
 
   await session.click('Orange', { first: true })
@@ -222,17 +232,19 @@ test('clicking dropdown opens it', async () => {
     "
 
 
-     Dropdown Default Value Example ───────────────────────────────────────────
+       Dropdown Default Value Example ───────────────────────────────────────────
+
 
+       > Search...                                                       Orange ▾
 
-     Search...                                                         Orange ▾
+      ›First Item This list has a dropdown
+       Second Item The dropdown should default to first item
+       Vegetables
+       Carrot With another dropdown
 
-    ›First Item This list has a dropdown
-     Second Item The dropdown should default to first item
-     Vegetables
-     Carrot With another dropdown
 
 
+       ↵ show selected fruit   ↑↓ navigate   ^k actions       powered by termcast
 
 
 
@@ -247,6 +259,6 @@ test('clicking dropdown opens it', async () => {
 
 
 
-     ↵ show selected fruit  ↑↓ navigate  ^k actions"
+    "
   `)
 }, 10000)

package/src/examples/list-empty-view.vitest.tsx

@@ -0,0 +1,93 @@
+import { test, expect, afterEach, beforeEach } from 'vitest'
+
+import { launchTerminal, Session } from 'tuistory/src'
+
+let session: Session
+
+beforeEach(async () => {
+  session = await launchTerminal({
+    command: 'bun',
+    args: ['src/examples/simple-list.tsx'],
+    cols: 60,
+    rows: 15,
+  })
+})
+
+afterEach(() => {
+  session?.close()
+})
+
+test('default empty view should NOT show when items exist', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /First Item/.test(text)
+    },
+  })
+
+  const snapshot = await session.text()
+  
+  // Should show items
+  expect(snapshot).toContain('First Item')
+  expect(snapshot).toContain('Second Item')
+  
+  // Should NOT show "No items found" when items exist
+  expect(snapshot).not.toContain('No items found')
+}, 10000)
+
+test('default empty view should show when filtering leaves no items', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /First Item/.test(text)
+    },
+  })
+
+  // Search for something that doesn't exist
+  await session.type('xyznonexistent')
+
+  const snapshot = await session.text({
+    waitFor: (text) => {
+      return /xyznonexistent/.test(text)
+    },
+  })
+  
+  // Should NOT show any items
+  expect(snapshot).not.toContain('First Item')
+  expect(snapshot).not.toContain('Second Item')
+  
+  // Should show "No items found"
+  expect(snapshot).toContain('No items found')
+}, 10000)
+
+test('default empty view should hide when filter is cleared', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /First Item/.test(text)
+    },
+  })
+
+  // Search for something that doesn't exist
+  await session.type('xyz')
+
+  await session.text({
+    waitFor: (text) => {
+      return /xyz/.test(text)
+    },
+  })
+
+  // Clear the search
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.press('backspace')
+
+  const snapshot = await session.text({
+    waitFor: (text) => {
+      return /First Item/.test(text)
+    },
+  })
+  
+  // Should show items again
+  expect(snapshot).toContain('First Item')
+  
+  // Should NOT show "No items found"
+  expect(snapshot).not.toContain('No items found')
+}, 10000)

package/src/examples/list-fetch-data.vitest.tsx

@@ -33,27 +33,29 @@ test('list shows initial items after fetch', async () => {
     "
 
 
-     SVG Library ────────────────────────────────────────────────────
+       SVG Library ────────────────────────────────────────────────────
 
-     Search...
+       > Search...
 
-     Icons
-    ›Home Icon Category: Icons
-     User Icon Category: Icons
-     Settings Icon Category: Icons
+       Icons
+      ›Home Icon Category: Icons
+       User Icon Category: Icons
+       Settings Icon Category: Icons
 
-     Illustrations
-     Welcome Banner Category: Illustrations
-     Hero Image Category: Illustrations
+       Illustrations
+       Welcome Banner Category: Illustrations
+       Hero Image Category: Illustrations
 
 
 
+       ↑↓ navigate   ^k actions
 
 
 
 
 
-       ↑↓ navigate  ^k actions"
+
+    "
   `)
 
 
@@ -64,27 +66,29 @@ test('list shows initial items after fetch', async () => {
     "
 
 
-     SVG Library ────────────────────────────────────────────────────
+       SVG Library ────────────────────────────────────────────────────
+
+       > Search...
 
-     Search...
+       Icons
+       Home Icon Category: Icons
+      ›User Icon Category: Icons
+       Settings Icon Category: Icons
 
-     Icons
-     Home Icon Category: Icons
-    ›User Icon Category: Icons
-     Settings Icon Category: Icons
+       Illustrations
+       Welcome Banner Category: Illustrations
+       Hero Image Category: Illustrations
 
-     Illustrations
-     Welcome Banner Category: Illustrations
-     Hero Image Category: Illustrations
 
 
+       ↑↓ navigate   ^k actions
 
 
 
 
 
 
-       ↑↓ navigate  ^k actions"
+    "
   `)
 
   await session.press('down')
@@ -94,26 +98,28 @@ test('list shows initial items after fetch', async () => {
     "
 
 
-     SVG Library ────────────────────────────────────────────────────
+       SVG Library ────────────────────────────────────────────────────
+
+       > Search...
 
-     Search...
+       Icons
+       Home Icon Category: Icons
+       User Icon Category: Icons
+       Settings Icon Category: Icons
 
-     Icons
-     Home Icon Category: Icons
-     User Icon Category: Icons
-     Settings Icon Category: Icons
+       Illustrations
+      ›Welcome Banner Category: Illustrations
+       Hero Image Category: Illustrations
 
-     Illustrations
-    ›Welcome Banner Category: Illustrations
-     Hero Image Category: Illustrations
 
 
+       ↑↓ navigate   ^k actions
 
 
 
 
 
 
-       ↑↓ navigate  ^k actions"
+    "
   `)
 }, 10000)