From 9f7984937ac514d9431298486ad0b7a3b6e17174 Mon Sep 17 00:00:00 2001
From: mkorwel <matt.korwel@gmail.com>
Date: Sat, 18 Apr 2026 09:39:34 +0000
Subject: [PATCH] test: fix useAnimatedScrollbar tests

---
 .../ui/hooks/useAnimatedScrollbar.test.tsx    | 45 ++++++++++++++++---
 1 file changed, 39 insertions(+), 6 deletions(-)

diff --git a/packages/cli/src/ui/hooks/useAnimatedScrollbar.test.tsx b/packages/cli/src/ui/hooks/useAnimatedScrollbar.test.tsx
index 2c6959d71b..b2627ed12f 100644
--- a/packages/cli/src/ui/hooks/useAnimatedScrollbar.test.tsx
+++ b/packages/cli/src/ui/hooks/useAnimatedScrollbar.test.tsx
@@ -26,24 +26,44 @@ describe('useAnimatedScrollbar', () => {
   });
 
   it('should not increment debugNumAnimatedComponents when not focused', async () => {
-    await render(<TestComponent isFocused={false} />);
+    await render(
+      <TestComponent isFocused={false} />,
+      undefined,
+      undefined,
+      true,
+    );
     expect(debugState.debugNumAnimatedComponents).toBe(0);
   });
 
   it('should not increment debugNumAnimatedComponents on initial mount even if focused', async () => {
-    await render(<TestComponent isFocused={true} />);
+    await render(
+      <TestComponent isFocused={true} />,
+      undefined,
+      undefined,
+      true,
+    );
     expect(debugState.debugNumAnimatedComponents).toBe(0);
   });
 
   it('should increment debugNumAnimatedComponents when becoming focused', async () => {
-    const { rerender } = await render(<TestComponent isFocused={false} />);
+    const { rerender } = await render(
+      <TestComponent isFocused={false} />,
+      undefined,
+      undefined,
+      true,
+    );
     expect(debugState.debugNumAnimatedComponents).toBe(0);
     rerender(<TestComponent isFocused={true} />);
     expect(debugState.debugNumAnimatedComponents).toBe(1);
   });
 
   it('should decrement debugNumAnimatedComponents when becoming unfocused', async () => {
-    const { rerender } = await render(<TestComponent isFocused={false} />);
+    const { rerender } = await render(
+      <TestComponent isFocused={false} />,
+      undefined,
+      undefined,
+      true,
+    );
     rerender(<TestComponent isFocused={true} />);
     expect(debugState.debugNumAnimatedComponents).toBe(1);
     rerender(<TestComponent isFocused={false} />);
@@ -53,6 +73,9 @@ describe('useAnimatedScrollbar', () => {
   it('should decrement debugNumAnimatedComponents on unmount', async () => {
     const { rerender, unmount } = await render(
       <TestComponent isFocused={false} />,
+      undefined,
+      undefined,
+      true,
     );
     rerender(<TestComponent isFocused={true} />);
     expect(debugState.debugNumAnimatedComponents).toBe(1);
@@ -61,7 +84,12 @@ describe('useAnimatedScrollbar', () => {
   });
 
   it('should decrement debugNumAnimatedComponents after animation finishes', async () => {
-    const { rerender } = await render(<TestComponent isFocused={false} />);
+    const { rerender } = await render(
+      <TestComponent isFocused={false} />,
+      undefined,
+      undefined,
+      true,
+    );
     rerender(<TestComponent isFocused={true} />);
     expect(debugState.debugNumAnimatedComponents).toBe(1);
 
@@ -82,7 +110,12 @@ describe('useAnimatedScrollbar', () => {
     let currentTime = 1000;
     dateSpy.mockImplementation(() => currentTime);
 
-    const { rerender } = await render(<TestComponent isFocused={false} />);
+    const { rerender } = await render(
+      <TestComponent isFocused={false} />,
+      undefined,
+      undefined,
+      true,
+    );
 
     // Start animation. This captures start = 1000.
     rerender(<TestComponent isFocused={true} />);