@@ -42,24 +42,15 @@ describe('useAutoScroll - scroll to bottom on message send (#977)', () => {
4242 } ) ;
4343
4444 it ( 'should scroll to bottom when user sends a message (position=right)' , async ( ) => {
45- const initialMessages : TMessage [ ] = [
46- createMessage ( 'left' , '1' ) ,
47- createMessage ( 'right' , '2' ) ,
48- ] ;
49-
50- const { result, rerender } = renderHook (
51- ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) ,
52- { initialProps : { messages : initialMessages , itemCount : 2 } }
53- ) ;
45+ const initialMessages : TMessage [ ] = [ createMessage ( 'left' , '1' ) , createMessage ( 'right' , '2' ) ] ;
46+
47+ const { result, rerender } = renderHook ( ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) , { initialProps : { messages : initialMessages , itemCount : 2 } } ) ;
5448
5549 // Manually set the ref to mock Virtuoso
5650 ( result . current . virtuosoRef as any ) . current = mockVirtuosoHandle ;
5751
5852 // Add a new user message (position=right)
59- const newMessages : TMessage [ ] = [
60- ...initialMessages ,
61- createMessage ( 'right' , '3' ) ,
62- ] ;
53+ const newMessages : TMessage [ ] = [ ...initialMessages , createMessage ( 'right' , '3' ) ] ;
6354
6455 rerender ( { messages : newMessages , itemCount : 3 } ) ;
6556
@@ -79,22 +70,14 @@ describe('useAutoScroll - scroll to bottom on message send (#977)', () => {
7970 } ) ;
8071
8172 it ( 'should NOT scroll when AI responds (position=left)' , async ( ) => {
82- const initialMessages : TMessage [ ] = [
83- createMessage ( 'right' , '1' ) ,
84- ] ;
73+ const initialMessages : TMessage [ ] = [ createMessage ( 'right' , '1' ) ] ;
8574
86- const { result, rerender } = renderHook (
87- ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) ,
88- { initialProps : { messages : initialMessages , itemCount : 1 } }
89- ) ;
75+ const { result, rerender } = renderHook ( ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) , { initialProps : { messages : initialMessages , itemCount : 1 } } ) ;
9076
9177 ( result . current . virtuosoRef as any ) . current = mockVirtuosoHandle ;
9278
9379 // Add AI response (position=left)
94- const newMessages : TMessage [ ] = [
95- ...initialMessages ,
96- createMessage ( 'left' , '2' ) ,
97- ] ;
80+ const newMessages : TMessage [ ] = [ ...initialMessages , createMessage ( 'left' , '2' ) ] ;
9881
9982 rerender ( { messages : newMessages , itemCount : 2 } ) ;
10083
@@ -107,14 +90,9 @@ describe('useAutoScroll - scroll to bottom on message send (#977)', () => {
10790 } ) ;
10891
10992 it ( 'should reset userScrolled flag when user sends message' , async ( ) => {
110- const initialMessages : TMessage [ ] = [
111- createMessage ( 'left' , '1' ) ,
112- ] ;
93+ const initialMessages : TMessage [ ] = [ createMessage ( 'left' , '1' ) ] ;
11394
114- const { result, rerender } = renderHook (
115- ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) ,
116- { initialProps : { messages : initialMessages , itemCount : 1 } }
117- ) ;
95+ const { result, rerender } = renderHook ( ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) , { initialProps : { messages : initialMessages , itemCount : 1 } } ) ;
11896
11997 ( result . current . virtuosoRef as any ) . current = mockVirtuosoHandle ;
12098
@@ -134,10 +112,7 @@ describe('useAutoScroll - scroll to bottom on message send (#977)', () => {
134112 } ) ;
135113
136114 // Add user message - should force scroll
137- const newMessages : TMessage [ ] = [
138- ...initialMessages ,
139- createMessage ( 'right' , '2' ) ,
140- ] ;
115+ const newMessages : TMessage [ ] = [ ...initialMessages , createMessage ( 'right' , '2' ) ] ;
141116
142117 rerender ( { messages : newMessages , itemCount : 2 } ) ;
143118
@@ -150,10 +125,7 @@ describe('useAutoScroll - scroll to bottom on message send (#977)', () => {
150125 } ) ;
151126
152127 it ( 'should show scroll button when not at bottom' , ( ) => {
153- const { result } = renderHook (
154- ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) ,
155- { initialProps : { messages : [ ] , itemCount : 0 } }
156- ) ;
128+ const { result } = renderHook ( ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) , { initialProps : { messages : [ ] , itemCount : 0 } } ) ;
157129
158130 // Initially hidden
159131 expect ( result . current . showScrollButton ) . toBe ( false ) ;
@@ -174,10 +146,7 @@ describe('useAutoScroll - scroll to bottom on message send (#977)', () => {
174146 } ) ;
175147
176148 it ( 'should provide scrollToBottom function for manual scroll' , ( ) => {
177- const { result } = renderHook (
178- ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) ,
179- { initialProps : { messages : [ ] , itemCount : 5 } }
180- ) ;
149+ const { result } = renderHook ( ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) , { initialProps : { messages : [ ] , itemCount : 5 } } ) ;
181150
182151 ( result . current . virtuosoRef as any ) . current = mockVirtuosoHandle ;
183152
@@ -195,10 +164,7 @@ describe('useAutoScroll - scroll to bottom on message send (#977)', () => {
195164 } ) ;
196165
197166 it ( 'should handle followOutput correctly based on scroll state' , ( ) => {
198- const { result } = renderHook (
199- ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) ,
200- { initialProps : { messages : [ ] , itemCount : 0 } }
201- ) ;
167+ const { result } = renderHook ( ( { messages, itemCount } ) => useAutoScroll ( { messages, itemCount } ) , { initialProps : { messages : [ ] , itemCount : 0 } } ) ;
202168
203169 // When at bottom and not user-scrolled, should return 'auto'
204170 expect ( result . current . handleFollowOutput ( true ) ) . toBe ( 'auto' ) ;
0 commit comments