Skip to content

Commit ab0243d

Browse files
style: apply prettier formatting
1 parent a21936d commit ab0243d

1 file changed

Lines changed: 16 additions & 10 deletions

File tree

components/Leaderboard.mouse-interactivity.test.tsx

Lines changed: 16 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -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

Comments
 (0)