@@ -37,25 +37,29 @@ describe('Leaderboard - Mouse Interactivity & Touch Events (Issue #2757 Equivale
3737
3838 it ( 'Interactive Pointer Detection (Cursor Hovers Equivalent): applies explicit cursor-pointer classes on interactive elements' , ( ) => {
3939 const { container } = render ( < Leaderboard contributors = { mockData } /> ) ;
40-
40+
4141 // Check podiums
4242 const podiums = container . querySelectorAll ( '.w-28.sm\\:w-36.cursor-pointer' ) ;
4343 expect ( podiums . length ) . toBeGreaterThan ( 0 ) ;
44-
44+
4545 // Check list entries
46- const listEntries = container . querySelectorAll ( '.flex.items-center.justify-between.p-4.cursor-pointer' ) ;
46+ const listEntries = container . querySelectorAll (
47+ '.flex.items-center.justify-between.p-4.cursor-pointer'
48+ ) ;
4749 expect ( listEntries . length ) . toBe ( 1 ) ; // user4
4850 } ) ;
4951
5052 it ( 'Event Propagation to DOM Targets (Touch Propagation Equivalent): fires document scroll bounds safely on click' , ( ) => {
5153 const scrollIntoViewMock = vi . fn ( ) ;
5254 document . getElementById = vi . fn ( ) . mockReturnValue ( {
53- scrollIntoView : scrollIntoViewMock
55+ scrollIntoView : scrollIntoViewMock ,
5456 } ) ;
5557
5658 const { container } = render ( < Leaderboard contributors = { mockData } /> ) ;
57-
58- const listItem = container . querySelector ( '.flex.items-center.justify-between.p-4.cursor-pointer' ) as HTMLElement ;
59+
60+ const listItem = container . querySelector (
61+ '.flex.items-center.justify-between.p-4.cursor-pointer'
62+ ) as HTMLElement ;
5963 fireEvent . click ( listItem ) ;
6064
6165 // Verifies the target scroll view was intercepted and fired
@@ -65,24 +69,26 @@ describe('Leaderboard - Mouse Interactivity & Touch Events (Issue #2757 Equivale
6569
6670 it ( 'Hover State Visibility (Tooltips Equivalent): transitions text and background colors via group-hover structurally' , ( ) => {
6771 const { container } = render ( < Leaderboard contributors = { mockData } /> ) ;
68-
69- const listItem = container . querySelector ( '.flex.items-center.justify-between.p-4.cursor-pointer' ) ;
72+
73+ const listItem = container . querySelector (
74+ '.flex.items-center.justify-between.p-4.cursor-pointer'
75+ ) ;
7076 // Ensure the Tailwind structural classes that handle the state change are natively present
7177 expect ( listItem ?. className ) . toContain ( 'hover:bg-black/[0.06]' ) ;
7278 expect ( listItem ?. className ) . toContain ( 'group' ) ;
7379 } ) ;
7480
7581 it ( 'Mouse Leave Recovery (Hiding Overlay visuals Equivalent): ensures transition duration limits are bounded safely' , ( ) => {
7682 const { container } = render ( < Leaderboard contributors = { mockData } /> ) ;
77-
83+
7884 const listItems = container . querySelectorAll ( '.transition-all.duration-300' ) ;
7985 // Validates the recovery speeds don't trap the user in floating states
8086 expect ( listItems . length ) . toBeGreaterThan ( 0 ) ;
8187 } ) ;
8288
8389 it ( 'Nested Interactive Scopes: validates avatar glow triggers specifically isolate under parental group hover boundaries' , ( ) => {
8490 const { container } = render ( < Leaderboard contributors = { mockData } /> ) ;
85-
91+
8692 // Verify the avatar borders only activate under group-hover targeting
8793 const listAvatar = container . querySelector ( '.group-hover\\:border-cyan-400\\/40' ) ;
8894 expect ( listAvatar ) . toBeTruthy ( ) ;
0 commit comments