bridges-cli 0.1.0 → 0.2.0

package/src/__tests__/Game.test.tsx

@@ -9,6 +9,16 @@ const TEST_PUZZLE = { encoding: '3x3:1a1.c.2a2' }
 const TEST_PUZZLE_2 = { encoding: '3x3:3a3.c.1a1' }
 const SMALL_PUZZLE_3X3 = { encoding: '3x3:2a3.c.1a2' }
 
+/**
+ * Note on ANSI sequences:
+ * \x1b[1m - bold (selected node)
+ * \x1b[2m - dim (inactive/unselected nodes)
+ * \x1b[22m - normal (turns off bold/dim)
+ * \x1b[31m - red (error - too many bridges)
+ * \x1b[32m - green (success - correct number of bridges)
+ * \x1b[39m - reset all (default foreground + bold/dim off)
+ * \x1b[39m - reset foreground only (used in some tests for clarity)
+ */
 describe('Game', () => {
     beforeEach(() => {
         Object.defineProperty(process.stdin, 'isTTY', {
@@ -21,7 +31,11 @@ describe('Game', () => {
     describe('game controls - toggle solution', () => {
         it('pressing s toggles the solution on and off', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[samplePuzzles[0] as PuzzleData]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[samplePuzzles[0] as PuzzleData]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={true}
+                />
             )
 
             expect(lastFrame()).toEqual(`Bridges: Puzzle #1
@@ -64,27 +78,27 @@ q: Quit`)
 • Viewing solution (press s to return to puzzle)
 
 ┌─────────────────────────────────────┐
-│ ╭───╮     ╭───╮     ╭───╮     ╭───╮ │
-│ │ 4 ╞═════╡ 3 ├─────┤ 3 ╞═════╡ 3 │ │
-│ ╰─╥─╯     ╰───╯     ╰───╯     ╰─┬─╯ │
-│   ║  ╭───╮               ╭───╮  │   │
-│   ║  │ 2 ╞═══════════════╡ 4 │  │   │
-│   ║  ╰───╯               ╰─╥─╯  │   │
-│ ╭─╨─╮          ╭───╮       ║  ╭─┴─╮ │
-│ │ 3 ├──────────┤ 3 │       ║  │ 3 │ │
-│ ╰───╯          ╰─╥─╯       ║  ╰─╥─╯ │
-│                  ║         ║    ║   │
-│                  ║         ║    ║   │
-│                  ║         ║    ║   │
-│ ╭───╮          ╭─╨─╮     ╭─╨─╮  ║   │
-│ │ 2 ╞══════════╡ 8 ╞═════╡ 4 │  ║   │
-│ ╰───╯          ╰─╥─╯     ╰───╯  ║   │
-│                  ║  ╭───╮     ╭─╨─╮ │
-│                  ║  │ 1 ├─────┤ 3 │ │
-│                  ║  ╰───╯     ╰───╯ │
-│      ╭───╮     ╭─╨─╮     ╭───╮      │
-│      │ 1 ├─────┤ 4 ├─────┤ 1 │      │
-│      ╰───╯     ╰───╯     ╰───╯      │
+│ ╭───╮     ╭───╮     ╭───╮     ╭───╮ │
+│ │ 4 ╞═════╡ 3 ├─────┤ 3 ╞═════╡ 3 │ │
+│ ╰─╥─╯     ╰───╯     ╰───╯     ╰─┬─╯ │
+│   ║  ╭───╮               ╭───╮  │   │
+│   ║  │ 2 ╞═══════════════╡ 4 │  │   │
+│   ║  ╰───╯               ╰─╥─╯  │   │
+│ ╭─╨─╮          ╭───╮       ║  ╭─┴─╮ │
+│ │ 3 ├──────────┤ 3 │       ║  │ 3 │ │
+│ ╰───╯          ╰─╥─╯       ║  ╰─╥─╯ │
+│                  ║         ║    ║   │
+│                  ║         ║    ║   │
+│                  ║         ║    ║   │
+│ ╭───╮          ╭─╨─╮     ╭─╨─╮  ║   │
+│ │ 2 ╞══════════╡ 8 ╞═════╡ 4 │  ║   │
+│ ╰───╯          ╰─╥─╯     ╰───╯  ║   │
+│                  ║  ╭───╮     ╭─╨─╮ │
+│                  ║  │ 1 ├─────┤ 3 │ │
+│                  ║  ╰───╯     ╰───╯ │
+│      ╭───╮     ╭─╨─╮     ╭───╮      │
+│      │ 1 ├─────┤ 4 ├─────┤ 1 │      │
+│      ╰───╯     ╰───╯     ╰───╯      │
 └─────────────────────────────────────┘
 
 Controls:
@@ -134,7 +148,11 @@ q: Quit`)
     describe('game controls - next/previous', () => {
         it('navigates to next puzzle with n key when interactive', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[TEST_PUZZLE, TEST_PUZZLE_2]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[TEST_PUZZLE, TEST_PUZZLE_2]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
 
             expect(lastFrame()).toEqual(`Bridges: Puzzle #1
@@ -155,7 +173,6 @@ q: Quit`)
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
 
             stdin.write('n')
@@ -178,13 +195,16 @@ q: Quit`)
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
         })
 
         it('navigates to previous puzzle with p key when interactive', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[TEST_PUZZLE, TEST_PUZZLE_2]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[TEST_PUZZLE, TEST_PUZZLE_2]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
 
             stdin.write('n')
@@ -207,7 +227,6 @@ q: Quit`)
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
 
             stdin.write('p')
@@ -230,13 +249,12 @@ q: Quit`)
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
         })
 
         it('does not navigate past last puzzle', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[TEST_PUZZLE]} hasCustomPuzzle={false} />
+                <Game puzzles={[TEST_PUZZLE]} hasCustomPuzzle={false} enableSolutions={false} />
             )
 
             stdin.write('n')
@@ -259,13 +277,12 @@ q: Quit`)
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
         })
 
         it('does not navigate before first puzzle', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[TEST_PUZZLE]} hasCustomPuzzle={false} />
+                <Game puzzles={[TEST_PUZZLE]} hasCustomPuzzle={false} enableSolutions={false} />
             )
 
             stdin.write('p')
@@ -288,7 +305,6 @@ q: Quit`)
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
         })
     })
@@ -296,7 +312,11 @@ q: Quit`)
     describe('game controls - node selection', () => {
         it('selects node immediately when there is only one of that number', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[SMALL_PUZZLE_3X3]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[SMALL_PUZZLE_3X3]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
 
             // Press '3' to select single node of value 3
@@ -308,7 +328,11 @@ q: Quit`)
 
         it('shows disambiguation labels when multiple nodes have the same number', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[SMALL_PUZZLE_3X3]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[SMALL_PUZZLE_3X3]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
 
             // Press '2' to select from multiple nodes with value 2
@@ -321,7 +345,11 @@ q: Quit`)
 
         it('selects a specific node when disambiguation label is pressed', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[SMALL_PUZZLE_3X3]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[SMALL_PUZZLE_3X3]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
 
             // Press '1' to select from multiple nodes with value 1
@@ -336,7 +364,11 @@ q: Quit`)
 
         it('draws a bridge when a valid direction is selected', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[SMALL_PUZZLE_3X3]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[SMALL_PUZZLE_3X3]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
 
             // Press '1' to enter disambiguation mode
@@ -355,7 +387,11 @@ q: Quit`)
 
         it('shows an invalid message for a bad bridge direction off the grid', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[SMALL_PUZZLE_3X3]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[SMALL_PUZZLE_3X3]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
 
             // Press '1' to enter disambiguation mode
@@ -373,12 +409,16 @@ q: Quit`)
         })
 
         it('shows an invalid message for horizontal bridge colliding with bridge', async () => {
-            const puzzleWithBarrier = { encoding: '4x3:2a2a.a1|1.b1a' }
+            const puzzleWithBarrier = { encoding: '4x3:2a2a.a1|1.b3a' }
             const { stdin, lastFrame } = render(
-                <Game puzzles={[puzzleWithBarrier]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[puzzleWithBarrier]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
             expect(lastFrame()).toEqual(`Bridges: Puzzle #1
-• Type a number [1-2] to select a node
+• Type a number [1-3] to select a node
 
 ┌──────────────────────┐
 │ ╭───╮     ╭───╮      │
@@ -388,14 +428,13 @@ q: Quit`)
 │      │ 1 │  │  │ 1 │ │
 │      ╰───╯  │  ╰───╯ │
 │           ╭─┴─╮      │
-│           │ 1 │      │
+│           │ 3 │      │
 │           ╰───╯      │
 └──────────────────────┘
 
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
 
             stdin.write('1')
@@ -408,19 +447,23 @@ q: Quit`)
         })
 
         it('shows an invalid message for vertical bridge colliding with bridge', async () => {
-            const puzzleWithBarrier = { encoding: '4x3:2a2a.a1=1.b1a' }
+            const puzzleWithBarrier = { encoding: '4x3:2a2a.a3=3.b1a' }
             const { stdin, lastFrame } = render(
-                <Game puzzles={[puzzleWithBarrier]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[puzzleWithBarrier]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
             expect(lastFrame()).toEqual(`Bridges: Puzzle #1
-• Type a number [1-2] to select a node
+• Type a number [1-3] to select a node
 
 ┌──────────────────────┐
 │ ╭───╮     ╭───╮      │
 │ │ 2 │     │ 2 │      │
 │ ╰───╯     ╰───╯      │
 │      ╭───╮     ╭───╮ │
-│      │ 1 ╞═════╡ 1 │ │
+│      │ 3 ╞═════╡ 3 │ │
 │      ╰───╯     ╰───╯ │
 │           ╭───╮      │
 │           │ 1 │      │
@@ -430,7 +473,6 @@ q: Quit`)
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
 
             stdin.write('2')
@@ -444,7 +486,11 @@ q: Quit`)
 
         it('resets selection when Escape is pressed', async () => {
             const { stdin, lastFrame } = render(
-                <Game puzzles={[SMALL_PUZZLE_3X3]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[SMALL_PUZZLE_3X3]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
 
             stdin.write('2')
@@ -453,7 +499,7 @@ q: Quit`)
 
             // Note: Escape key handling may not work in test environment
             // Testing that we entered disambiguation mode successfully
-            stdin.write('\x1b')
+            stdin.write('')
             await setTimeout(5)
             expect(lastFrame()).toContain('Type a number')
         })
@@ -463,7 +509,11 @@ q: Quit`)
         it('draws horizontal bridge', async () => {
             const puzzleWithEachBridge = { encoding: '3x3:2a3.c.3a4' }
             const { stdin, lastFrame } = render(
-                <Game puzzles={[puzzleWithEachBridge]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[puzzleWithEachBridge]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
             stdin.write('3')
             await setTimeout(5)
@@ -477,28 +527,31 @@ q: Quit`)
 • Drew horizontal bridge
 
 ┌─────────────────┐
-│ \x1b[2m╭───╮\x1b[22m     \x1b[1m╭───╮\x1b[22m │
-│ \x1b[2m│ 2 ├─────\x1b[22m\x1b[1m┤ 3 │\x1b[22m │
-│ \x1b[2m╰───╯\x1b[22m     \x1b[1m╰───╯\x1b[22m │
+│ ╭───╮     ╭───╮ │
+│ │ 2 ├─────┤ 3 │ │
+│ ╰───╯     ╰───╯ │
 │                 │
 │                 │
 │                 │
-│ \x1b[2m╭───╮\x1b[22m     \x1b[2m╭───╮\x1b[22m │
-│ \x1b[2m│ 3 │\x1b[22m     \x1b[2m│ 4 │\x1b[22m │
-│ \x1b[2m╰───╯\x1b[22m     \x1b[2m╰───╯\x1b[22m │
+│ ╭───╮     ╭───╮ │
+│ │ 3 │     │ 4 │ │
+│ ╰───╯     ╰───╯ │
 └─────────────────┘
 
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
         })
 
         it('draws a vertical bridge', async () => {
             const puzzleWithEachBridge = { encoding: '3x3:2a3.c.3a4' }
             const { stdin, lastFrame } = render(
-                <Game puzzles={[puzzleWithEachBridge]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[puzzleWithEachBridge]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
             stdin.write('2')
             await setTimeout(5)
@@ -508,65 +561,68 @@ q: Quit`)
 • Drew vertical bridge
 
 ┌─────────────────┐
-│ \x1b[1m╭───╮\x1b[22m     \x1b[2m╭───╮\x1b[22m │
-│ \x1b[1m│ 2 │\x1b[22m     \x1b[2m│ 3 │\x1b[22m │
-│ \x1b[1m╰─┬─╯\x1b[22m     \x1b[2m╰───╯\x1b[22m │
-│ \x1b[2m  │  \x1b[22m           │
-│ \x1b[2m  │  \x1b[22m           │
-│ \x1b[2m  │  \x1b[22m           │
-│ \x1b[2m╭─┴─╮\x1b[22m     \x1b[2m╭───╮\x1b[22m │
-│ \x1b[2m│ 3 │\x1b[22m     \x1b[2m│ 4 │\x1b[22m │
-│ \x1b[2m╰───╯\x1b[22m     \x1b[2m╰───╯\x1b[22m │
+│ ╭───╮     ╭───╮ │
+│ │ 2 │     │ 3 │ │
+│ ╰─┬─╯     ╰───╯ │
+│   │             │
+│   │             │
+│   │             │
+│ ╭─┴─╮     ╭───╮ │
+│ │ 3 │     │ 4 │ │
+│ ╰───╯     ╰───╯ │
 └─────────────────┘
 
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
         })
 
         it('draws a double horizontal bridge', async () => {
-            const puzzleWithEachBridge = { encoding: '3x3:2a3.c.3a4' }
+            const puzzleWithEachBridge = { encoding: '3x3:3a4.c.2a4' }
             const { stdin, lastFrame } = render(
-                <Game puzzles={[puzzleWithEachBridge]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[puzzleWithEachBridge]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
             stdin.write('3')
             await setTimeout(5)
-            expect(lastFrame()).toContain('Press label shown to select that node')
-            stdin.write('a')
-            await setTimeout(5)
             expect(lastFrame()).toContain('Select direction with h/j/k/l')
-            stdin.write('H')
+            stdin.write('L')
             await setTimeout(5)
             expect(lastFrame()).toEqual(`Bridges: Puzzle #1
 • Drew double horizontal bridge
 
 ┌─────────────────┐
-│ \x1b[2m╭───╮\x1b[22m     \x1b[1m╭───╮\x1b[22m │
-│ \x1b[2m│ 2 ╞═════\x1b[22m\x1b[1m╡ 3 │\x1b[22m │
-│ \x1b[2m╰───╯\x1b[22m     \x1b[1m╰───╯\x1b[22m │
+│ ╭───╮     ╭───╮ │
+│ │ 3 ╞═════╡ 4 │ │
+│ ╰───╯     ╰───╯ │
 │                 │
 │                 │
 │                 │
-│ \x1b[2m╭───╮\x1b[22m     \x1b[2m╭───╮\x1b[22m │
-│ \x1b[2m│ 3 │\x1b[22m     \x1b[2m│ 4 │\x1b[22m │
-│ \x1b[2m╰───╯\x1b[22m     \x1b[2m╰───╯\x1b[22m │
+│ ╭───╮     ╭───╮ │
+│ │ 2 │     │ 4 │ │
+│ ╰───╯     ╰───╯ │
 └─────────────────┘
 
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
         })
 
         it('draws a double vertical bridge', async () => {
-            const puzzleWithEachBridge = { encoding: '3x3:2a3.c.3a4' }
+            const puzzleWithEachBridge = { encoding: '3x3:3a2.c.4a2' }
             const { stdin, lastFrame } = render(
-                <Game puzzles={[puzzleWithEachBridge]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[puzzleWithEachBridge]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
-            stdin.write('2')
+            stdin.write('3')
             await setTimeout(5)
             stdin.write('J')
             await setTimeout(5)
@@ -574,28 +630,31 @@ q: Quit`)
 • Drew double vertical bridge
 
 ┌─────────────────┐
-│ \x1b[1m╭───╮\x1b[22m     \x1b[2m╭───╮\x1b[22m │
-│ \x1b[1m│ 2 │\x1b[22m     \x1b[2m│ 3 │\x1b[22m │
-│ \x1b[1m╰─╥─╯\x1b[22m     \x1b[2m╰───╯\x1b[22m │
-│ \x1b[2m  ║  \x1b[22m           │
-│ \x1b[2m  ║  \x1b[22m           │
-│ \x1b[2m  ║  \x1b[22m           │
-│ \x1b[2m╭─╨─╮\x1b[22m     \x1b[2m╭───╮\x1b[22m │
-│ \x1b[2m│ 3 │\x1b[22m     \x1b[2m│ 4 │\x1b[22m │
-│ \x1b[2m╰───╯\x1b[22m     \x1b[2m╰───╯\x1b[22m │
+│ ╭───╮     ╭───╮ │
+│ │ 3 │     │ 2 │ │
+│ ╰─╥─╯     ╰───╯ │
+│   ║             │
+│   ║             │
+│   ║             │
+│ ╭─╨─╮     ╭───╮ │
+│ │ 4 │     │ 2 │ │
+│ ╰───╯     ╰───╯ │
 └─────────────────┘
 
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
         })
 
         it('does not draw a bridge over an existing bridge', async () => {
             const puzzleWithEachBridge = { encoding: '4x3:1a3a.a2#2.3a4a' }
             const { stdin, lastFrame } = render(
-                <Game puzzles={[puzzleWithEachBridge]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[puzzleWithEachBridge]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
             expect(lastFrame()).toEqual(`Bridges: Puzzle #1
 • Type a number [1-4] to select a node
@@ -615,7 +674,6 @@ q: Quit`)
 Controls:
 p: Previous puzzle
 n: Next puzzle
-s: Show solution
 q: Quit`)
 
             stdin.write('2')
@@ -630,7 +688,11 @@ q: Quit`)
         it('erases a bridge', async () => {
             const puzzleWithEachBridge = { encoding: '3x3:2a3.c.3a4' }
             const { stdin, lastFrame } = render(
-                <Game puzzles={[puzzleWithEachBridge]} hasCustomPuzzle={false} />
+                <Game
+                    puzzles={[puzzleWithEachBridge]}
+                    hasCustomPuzzle={false}
+                    enableSolutions={false}
+                />
             )
             stdin.write('3')
             await setTimeout(5)
@@ -653,4 +715,143 @@ q: Quit`)
             expect(lastFrame()).not.toContain('═╡')
         })
     })
+
+    describe('game controls - solving puzzles', () => {
+        it('detects a valid solution', async () => {
+            const puzzle = { encoding: '3x3:2a1.c.2a1' }
+            const { stdin, lastFrame } = render(
+                <Game puzzles={[puzzle]} hasCustomPuzzle={false} enableSolutions={false} />
+            )
+            expect(lastFrame()).toEqual(`Bridges: Puzzle #1
+• Type a number [1-2] to select a node
+
+┌─────────────────┐
+│ ╭───╮     ╭───╮ │
+│ │ 2 │     │ 1 │ │
+│ ╰───╯     ╰───╯ │
+│                 │
+│                 │
+│                 │
+│ ╭───╮     ╭───╮ │
+│ │ 2 │     │ 1 │ │
+│ ╰───╯     ╰───╯ │
+└─────────────────┘
+
+Controls:
+p: Previous puzzle
+n: Next puzzle
+q: Quit`)
+
+            // Draw bridges to solve the puzzle
+            stdin.write('2')
+            await setTimeout(5)
+            stdin.write('a') // select top-left node
+            await setTimeout(5)
+            stdin.write('l') // draw bridge to right
+            await setTimeout(5)
+
+            stdin.write('2')
+            await setTimeout(5)
+            stdin.write('b') // select bottom-left node
+            await setTimeout(5)
+            stdin.write('l') // draw bridge to right
+            await setTimeout(5)
+
+            stdin.write('2')
+            await setTimeout(5)
+            stdin.write('a') // select top-left node
+            await setTimeout(5)
+            stdin.write('j') // draw bridge down
+            await setTimeout(5)
+
+            expect(lastFrame()).toContain('Solution reached')
+        })
+
+        it('shows a warning when grid is not fully connected but the nodes are filled', async () => {
+            const puzzle = { encoding: '3x3:2a1.c.2a1' }
+            const { stdin, lastFrame } = render(
+                <Game puzzles={[puzzle]} hasCustomPuzzle={false} enableSolutions={false} />
+            )
+            expect(lastFrame()).toEqual(`Bridges: Puzzle #1
+• Type a number [1-2] to select a node
+
+┌─────────────────┐
+│ ╭───╮     ╭───╮ │
+│ │ 2 │     │ 1 │ │
+│ ╰───╯     ╰───╯ │
+│                 │
+│                 │
+│                 │
+│ ╭───╮     ╭───╮ │
+│ │ 2 │     │ 1 │ │
+│ ╰───╯     ╰───╯ │
+└─────────────────┘
+
+Controls:
+p: Previous puzzle
+n: Next puzzle
+q: Quit`)
+
+            // Draw bridges to fill the nodes while having an unconnected grid
+            stdin.write('2')
+            await setTimeout(5)
+            stdin.write('a') // select top-left node
+            await setTimeout(5)
+            stdin.write('J') // draw double bridge down
+            await setTimeout(5)
+
+            stdin.write('1')
+            await setTimeout(5)
+            stdin.write('a') // select top-right node
+            await setTimeout(5)
+            stdin.write('j') // draw bridge down
+            await setTimeout(5)
+
+            expect(lastFrame()).toContain('Grid is not fully connected')
+        })
+    })
+
+    describe('game controls - success/error coloring on nodes and bridges', () => {
+        it('highlights as success the completed node (connected to an incomplete)', () => {
+            const puzzleCompleted = { encoding: '3x1:2=4' }
+            const { lastFrame } = render(
+                <Game puzzles={[puzzleCompleted]} hasCustomPuzzle={false} enableSolutions={false} />
+            )
+
+            expect(lastFrame()).toEqual(`Bridges: Puzzle #1
+• Type a number [2-4] to select a node
+
+┌─────────────────┐
+│ ╭───╮     ╭───╮ │
+│ │ 2 ╞═════╡ 4 │ │
+│ ╰───╯     ╰───╯ │
+└─────────────────┘
+
+Controls:
+p: Previous puzzle
+n: Next puzzle
+q: Quit`)
+        })
+
+        it('highlights as error a node with too many bridges', () => {
+            const puzzleWithError = { encoding: '3x1:1=3' }
+            const { lastFrame } = render(
+                <Game puzzles={[puzzleWithError]} hasCustomPuzzle={false} enableSolutions={false} />
+            )
+
+            expect(lastFrame()).toEqual(`Bridges: Puzzle #1
+• Type a number [1-3] to select a node
+
+┌─────────────────┐
+│ ╭───╮     ╭───╮ │
+│ │ 1 ╞═════╡ 3 │ │
+│ ╰───╯     ╰───╯ │
+└─────────────────┘
+
+Controls:
+p: Previous puzzle
+n: Next puzzle
+q: Quit`)
+        })
+    })
 })