termcast 1.3.10 → 1.3.16

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

@@ -1,176 +1,168 @@
-// node-pty does not work in bun, so we use vitest to run this test
-import { test, expect, afterEach, afterAll, beforeEach } from 'vitest'
-import { NodeTuiDriver } from 'termcast/src/e2e-node'
+import { test, expect, afterEach, beforeEach } from 'vitest'
+import { launchTerminal, Session } from 'tuistory/src'
 
-let driver: NodeTuiDriver
+let session: Session
 
-beforeEach(() => {
-  driver = new NodeTuiDriver('bun', ['src/examples/list-with-sections.tsx'], {
+beforeEach(async () => {
+  session = await launchTerminal({
+    command: 'bun',
+    args: ['src/examples/list-with-sections.tsx'],
     cols: 70,
-    rows: 50,
+    rows: 20,
   })
 })
 
 afterEach(() => {
-  driver?.dispose()
+  session?.close()
 })
 
 test('list with sections navigation', async () => {
-  await driver.text({
+  await session.text({
     waitFor: (text) => {
       // wait for list to show up
       return /search/i.test(text)
     },
   })
 
-  const initialSnapshot = await driver.text()
+  const initialSnapshot = await session.text()
   expect(initialSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
-
-     Empty section should be hidden
-
-     Fruits
-    ›Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
-
-     Vegetables
-     Carrot Orange and crunchy                              [Healthy]
-     Lettuce Green and fresh
-     Bread Freshly baked                                  Today [New]
+     Fruits                                                          ▲
+    ›Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
   // Add small delay to ensure all items have registered
   await new Promise((resolve) => setTimeout(resolve, 100))
 
-  await driver.keys.down()
+  await session.press('down')
 
-  const afterDownSnapshot = await driver.text()
+  const afterDownSnapshot = await session.text()
   expect(afterDownSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
-
-     Empty section should be hidden
-
-     Fruits
-     Apple Red and sweet                              Fresh [Popular]
-    ›Banana Yellow and nutritious                                Ripe
-
-     Vegetables
-     Carrot Orange and crunchy                              [Healthy]
-     Lettuce Green and fresh
-     Bread Freshly baked                                  Today [New]
+     Fruits                                                          ▲
+     Apple Red and sweet                            Fresh [Popular]  ▀
+    ›Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  await driver.keys.down()
+  await session.press('down')
 
-  const secondDownSnapshot = await driver.text()
+  const secondDownSnapshot = await session.text()
   expect(secondDownSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
-
-     Empty section should be hidden
-
-     Fruits
-     Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
-
-     Vegetables
-    ›Carrot Orange and crunchy                              [Healthy]
-     Lettuce Green and fresh
-     Bread Freshly baked                                  Today [New]
+     Fruits                                                          ▲
+     Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+    ›Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  await driver.keys.enter()
+  await session.press('enter')
 
-  const afterEnterSnapshot = await driver.text()
+  const afterEnterSnapshot = await session.text()
   expect(afterEnterSnapshot).toMatchInlineSnapshot(`
     "
 
 
+     Simple List Example ────────────────────────────────────────────
 
-    # Carrot
-
-    A crunchy orange vegetable rich in vitamins.
-
-    ## Health Benefits
-    - Excellent source of beta carotene
-    - Improves eye health
-    - Boosts immune system
-    - Low in calories
-
-
-
-
-
-
-
+     Search items...
 
+     Fruits                                                          ▲
+     Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+    ›Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
 
-     esc go back"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
   // Go back to list with Escape
-  await driver.keys.escape()
+  await session.press('esc')
 
-  const afterEscapeSnapshot = await driver.text()
+  const afterEscapeSnapshot = await session.text()
   expect(afterEscapeSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
+     Fruits                                                          ▲
+     Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+    ›Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
-     Empty section should be hidden
 
-     Fruits
-    ›Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
-
-     Vegetables
-     Carrot Orange and crunchy                              [Healthy]
-     Lettuce Green and fresh
-     Bread Freshly baked                                  Today [New]
-
-
-     ↵ select   ↑↓ navigate   ^k actions"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 })
 
 test('list with sections search functionality', async () => {
-  await driver.text({
+  await session.text({
     waitFor: (text) => {
       // wait for list to show up
       return /search/i.test(text)
     },
   })
 
-  await driver.keys.type('ban')
+  await session.type('ban')
 
-  const afterSearchBanSnapshot = await driver.text({
+  const afterSearchBanSnapshot = await session.text({
     waitFor: (text) => {
       return /\bban\b/.test(text)
     },
@@ -179,23 +171,32 @@ test('list with sections search functionality', async () => {
   expect(afterSearchBanSnapshot).toMatchInlineSnapshot(`
     "
 
+
     Simple List Example ────────────────────────────────────────────
 
     ban
 
-    Banana Yellow and nutritious                                Ripe
+    Banana Yellow and nutritious                               Ripe
+
+
+
 
 
-    ↵ select   ↑↓ navigate   ^k actions"
+
+
+
+
+
+    ↵ select  ↑↓ navigate  ^k actions"
   `)
 
   // Clear search and type "let" to search for Lettuce
-  await driver.keys.backspace()
-  await driver.keys.backspace()
-  await driver.keys.backspace()
-  await driver.keys.type('let')
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.type('let')
 
-  const afterSearchLetSnapshot = await driver.text({
+  const afterSearchLetSnapshot = await session.text({
     waitFor: (text) => {
       return /\blet\b/.test(text)
     },
@@ -204,49 +205,57 @@ test('list with sections search functionality', async () => {
   expect(afterSearchLetSnapshot).toMatchInlineSnapshot(`
     "
 
+
     Simple List Example ────────────────────────────────────────────
 
     let
 
+
     Lettuce Green and fresh
 
 
-    ↵ select   ↑↓ navigate   ^k actions"
+
+
+
+
+
+
+
+    ↵ select  ↑↓ navigate  ^k actions"
   `)
 
   // Clear search to show all items again
-  await driver.keys.backspace()
-  await driver.keys.backspace()
-  await driver.keys.backspace()
+  await session.press('backspace')
+  await session.press('backspace')
+  await session.press('backspace')
 
-  const afterClearSearchSnapshot = await driver.text()
+  const afterClearSearchSnapshot = await session.text()
   expect(afterClearSearchSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
-
-     Empty section should be hidden
-
-     Fruits
-    ›Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
-
-     Vegetables
-     Carrot Orange and crunchy                              [Healthy]
-     Lettuce Green and fresh
-     Bread Freshly baked                                  Today [New]
+     Fruits                                                          ▲
+    ›Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
   // Search for "bread"
-  await driver.keys.type('bread')
+  await session.type('bread')
 
-  const afterSearchBreadSnapshot = await driver.text({
+  const afterSearchBreadSnapshot = await session.text({
     waitFor: (text) => {
       return /bread/i.test(text)
     },
@@ -255,137 +264,142 @@ test('list with sections search functionality', async () => {
   expect(afterSearchBreadSnapshot).toMatchInlineSnapshot(`
     "
 
+
     Simple List Example ────────────────────────────────────────────
 
     bread
 
-    Bread Freshly baked                                  Today [New]
 
 
-    ↵ select   ↑↓ navigate   ^k actions"
-  `)
+    Bread Freshly baked                                 Today [New]
 
-  // Select the bread item
-  await driver.keys.enter()
-
-  const afterSelectBreadSnapshot = await driver.text()
-  expect(afterSelectBreadSnapshot).toMatchInlineSnapshot(`
-    "
 
-    Simple List Example ────────────────────────────────────────────
 
-    bread
 
-    Bread Freshly baked                                  Today [New]
 
 
-    ↵ select   ↑↓ navigate   ^k actions
 
 
+    ↵ select  ↑↓ navigate  ^k actions"
+  `)
 
-                                                                esc
+  // Select the bread item
+  await session.press('enter')
 
-     Search actions...
-    ›View Details
-     Add to Cart
+  const afterSelectBreadSnapshot = await session.text()
+  expect(afterSelectBreadSnapshot).toMatchInlineSnapshot(`
+    "
 
 
-     ↵ select   ↑↓ navigate"
+      Simple List Example ────────────────────────────────────────────
+
+      bread
+
+    ┃                                                                  ┃
+    ┃                                                            esc   ┃
+    ┃                                                                  ┃
+    ┃   Search actions...                                              ┃
+    ┃                                                                  ┃
+    ┃  ›View Details                                                   ┃
+    ┃   Add to Cart                                                    ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃"
   `)
 }, 10000)
 
 test('list click functionality', async () => {
-  await driver.text({
+  await session.text({
     waitFor: (text) => {
-      // wait for list to show up
       return /search/i.test(text)
     },
   })
 
-  // Click on "Lettuce" item
-  await driver.clickText('Lettuce')
+  // Click on "Banana" item (visible in initial view)
+  await session.click('Banana', { first: true })
 
-  const afterClickLettuceSnapshot = await driver.text()
-  expect(afterClickLettuceSnapshot).toMatchInlineSnapshot(`
+  const afterClickBananaSnapshot = await session.text()
+  expect(afterClickBananaSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
+     Fruits                                                          ▲
+     Apple Red and sweet                            Fresh [Popular]  ▀
+    ›Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
-     Empty section should be hidden
-
-     Fruits
-     Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
 
-     Vegetables
-     Carrot Orange and crunchy                              [Healthy]
-    ›Lettuce Green and fresh
-     Bread Freshly baked                                  Today [New]
-
-
-     ↵ select   ↑↓ navigate   ^k actions"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
   // Click on "Apple" item
-  await driver.clickText('Apple')
+  await session.click('Apple', { first: true })
 
-  const afterClickAppleSnapshot = await driver.text()
+  const afterClickAppleSnapshot = await session.text()
   expect(afterClickAppleSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
+     Fruits                                                          ▲
+    ›Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
-     Empty section should be hidden
 
-     Fruits
-    ›Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
-
-     Vegetables
-     Carrot Orange and crunchy                              [Healthy]
-     Lettuce Green and fresh
-     Bread Freshly baked                                  Today [New]
-
-
-     ↵ select   ↑↓ navigate   ^k actions"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  // Click on the last item "Bread"
-  await driver.clickText('Bread')
+  // Click on "Grape" item (visible in initial view)
+  await session.click('Grape', { first: true })
 
-  const afterClickBreadSnapshot = await driver.text()
-  expect(afterClickBreadSnapshot).toMatchInlineSnapshot(`
+  const afterClickGrapeSnapshot = await session.text()
+  expect(afterClickGrapeSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
-
-     Empty section should be hidden
-
-     Fruits
-     Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
-
-     Vegetables
-     Carrot Orange and crunchy                              [Healthy]
-     Lettuce Green and fresh
-    ›Bread Freshly baked                                  Today [New]
+     Fruits                                                          ▲
+     Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+    ›Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
 
-     ↵ select   ↑↓ navigate   ^k actions"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 }, 10000)
 
 test('list actions panel with ctrl+k', async () => {
-  await driver.text({
+  await session.text({
     waitFor: (text) => {
       // wait for list to show up
       return /search/i.test(text)
@@ -393,87 +407,245 @@ test('list actions panel with ctrl+k', async () => {
   })
 
   // Press ctrl+k to open actions panel
-  await driver.keys.ctrlK()
+  await session.press(['ctrl', 'k'])
 
-  const afterCtrlKSnapshot = await driver.text()
+  const afterCtrlKSnapshot = await session.text()
   expect(afterCtrlKSnapshot).toMatchInlineSnapshot(`
     "
 
+
+      Simple List Example ────────────────────────────────────────────
+
+      Search items...
+
+    ┃                                                                  ┃
+    ┃                                                            esc   ┃
+    ┃                                                                  ┃
+    ┃   Search actions...                                              ┃
+    ┃                                                                  ┃
+    ┃  ›View Details                                                   ┃
+    ┃   Add to Cart                                                    ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃"
+  `)
+
+  // Navigate down to second action
+  await session.press('down')
+
+  const afterDownInActionsSnapshot = await session.text()
+  expect(afterDownInActionsSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+      Simple List Example ────────────────────────────────────────────
+
+      Search items...
+
+    ┃                                                                  ┃
+    ┃                                                            esc   ┃
+    ┃                                                                  ┃
+    ┃   Search actions...                                              ┃
+    ┃                                                                  ┃
+    ┃   View Details                                                   ┃
+    ┃  ›Add to Cart                                                    ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃
+    ┃                                                                  ┃"
+  `)
+
+  // Trigger the second action (Add to Cart)
+  await session.press('enter')
+
+  const afterSelectSecondActionSnapshot = await session.text()
+  expect(afterSelectSecondActionSnapshot).toMatchInlineSnapshot(`
+    "
+
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
+     Fruits                                                          ▲
+    ›Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
+
+
+     ↵ sel┌─────────────────────────────────────────────────────┐
+          │ ✓ Added to Cart - Apple has been added to your cart │
+          └─────────────────────────────────────────────────────┘"
+  `)
+}, 10000)
+
+test('empty sections should be hidden', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /search/i.test(text)
+    },
+  })
+
+  const snapshot = await session.text()
+  expect(snapshot).not.toContain('Empty section should be hidden')
+}, 10000)
+
+test('list scrollbox scrolling with sections', async () => {
+  await session.text({
+    waitFor: (text) => {
+      return /search/i.test(text)
+    },
+  })
+
+  const initialSnapshot = await session.text()
+  expect(initialSnapshot).toMatchInlineSnapshot(`
+    "
 
-     Empty section should be hidden
 
-     Fruits
-    ›Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
+     Simple List Example ────────────────────────────────────────────
 
-                                                                 esc
+     Search items...
 
-      Search actions...
-     ›View Details
-      Add to Cart
+     Fruits                                                          ▲
+    ›Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]
+                                                                     ▼
 
 
-      ↵ select   ↑↓ navigate"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  // Navigate down to second action
-  await driver.keys.down()
+  // Navigate down through Fruits section
+  await session.press('down') // Banana
+  await session.press('down') // Orange
+  await session.press('down') // Grape
+  await session.press('down') // Mango
+  await session.press('down') // Pineapple
+  await session.press('down') // Strawberry (last fruit)
 
-  const afterDownInActionsSnapshot = await driver.text()
-  expect(afterDownInActionsSnapshot).toMatchInlineSnapshot(`
+  const afterFruitsSnapshot = await session.text()
+  expect(afterFruitsSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
+     Fruits                                                          ▲
+     Apple Red and sweet                            Fresh [Popular]  ▀
+     Banana Yellow and nutritious                              Ripe
+     Orange Citrus and juicy                                  Fresh
+     Grape Sweet clusters                                [Seasonal]
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+    ›Strawberry Red and sweet                             [Popular]
+                                                                     ▼
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
+  `)
 
-     Empty section should be hidden
+  // Continue to Vegetables section
+  await session.press('down') // Carrot (first vegetable)
+  await session.press('down') // Lettuce
+  await session.press('down') // Broccoli
 
-     Fruits
-    ›Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
+  const afterVegetablesSnapshot = await session.text()
+  expect(afterVegetablesSnapshot).toMatchInlineSnapshot(`
+    "
 
-                                                                 esc
 
-      Search actions...
-      View Details
-     ›Add to Cart
+     Simple List Example ────────────────────────────────────────────
+
+     Search items...
 
+     Grape Sweet clusters                                [Seasonal]  ▲
+     Mango Tropical delight                                Imported
+     Pineapple Sweet and tangy
+     Strawberry Red and sweet                             [Popular]  ▄
 
-      ↵ select   ↑↓ navigate"
+     Vegetables
+     Carrot Orange and crunchy                            [Healthy]
+     Lettuce Green and fresh
+    ›Broccoli Green florets                               [Healthy]  ▼
+
+
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
 
-  // Trigger the second action (Add to Cart)
-  await driver.keys.enter()
+  // Navigate to the last items
+  await session.press('down') // Spinach
+  await session.press('down') // Tomato
+  await session.press('down') // Cucumber
+  await session.press('down') // Bell Pepper
+  await session.press('down') // Bread (last item)
 
-  const afterSelectSecondActionSnapshot = await driver.text()
-  expect(afterSelectSecondActionSnapshot).toMatchInlineSnapshot(`
+  const afterLastItemSnapshot = await session.text()
+  expect(afterLastItemSnapshot).toMatchInlineSnapshot(`
     "
 
+
      Simple List Example ────────────────────────────────────────────
 
      Search items...
 
+     Carrot Orange and crunchy                            [Healthy]  ▲
+     Lettuce Green and fresh
+     Broccoli Green florets                               [Healthy]
+     Spinach Leafy greens                                   Organic
+     Tomato Red and ripe
+     Cucumber Cool and crisp
+     Bell Pepper Colorful and crunchy                       [Fresh]
+                                                                     ▄
+    ›Bread Freshly baked                                Today [New]  ▼
 
-     Empty section should be hidden
 
-     Fruits
-    ›Apple Red and sweet                              Fresh [Popular]
-     Banana Yellow and nutritious                                Ripe
+     ↵ select  ↑↓ navigate  ^k actions"
+  `)
 
-     Vegetables
-     Carrot Orange and crunchy                              [Healthy]
+  // Navigate back up to top
+  for (let i = 0; i < 15; i++) {
+    await session.press('up')
+  }
+
+  const afterScrollBackUpSnapshot = await session.text()
+  expect(afterScrollBackUpSnapshot).toMatchInlineSnapshot(`
+    "
+
+
+     Simple List Example ────────────────────────────────────────────
+
+     Search items...
+
+     Carrot Orange and crunchy                            [Healthy]  ▲
      Lettuce Green and fresh
-     Bread Freshly baked                                  Today [New]
+     Broccoli Green florets                               [Healthy]
+     Spinach Leafy greens                                   Organic
+     Tomato Red and ripe
+     Cucumber Cool and crisp
+     Bell Pepper Colorful and crunchy                       [Fresh]
+                                                                     ▄
+    ›Bread Freshly baked                                Today [New]  ▼
 
 
-     ┌─────────────────────────────────────────────────────┐
-     │ ✓ Added to Cart - Apple has been added to your cart │
-     └─────────────────────────────────────────────────────┘"
+     ↵ select  ↑↓ navigate  ^k actions"
   `)
-}, 10000)
+}, 15000)