test(ShareButtons): add mouse interactivity tests (JhaSourav07#2767)

Author: anshika1179

components/ShareButtons.mouse-interactivity.test.tsx

@@ -0,0 +1,50 @@
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { describe, it, expect, vi } from 'vitest';
+import ShareButtons from './ShareButtons';
+
+describe('ShareButtons - Mouse Interactivity & Touch Events', () => {
+  const mockUrl = 'https://example.com';
+  const mockTitle = 'Example Title';
+
+  it('triggers simulated mouseenter/hover gestures on active segments or interactive nodes', () => {
+    render(<ShareButtons url={mockUrl} title={mockTitle} />);
+    const linkedinButton = screen.getByLabelText(/Share on LinkedIn/i);
+    fireEvent.mouseEnter(linkedinButton);
+    expect(linkedinButton).toBeInTheDocument();
+  });
+
+  it('verifies that responsive tooltip layouts display at computed coordinates (aria-label acts as tooltip)', () => {
+    render(<ShareButtons url={mockUrl} title={mockTitle} />);
+    const twitterButton = screen.getByLabelText(/Share on X/i);
+    expect(twitterButton).toHaveAttribute('aria-label');
+  });
+
+  it('tests custom click/touch gestures and ensures click events propagate correctly', () => {
+    render(<ShareButtons url={mockUrl} title={mockTitle} />);
+    const linkedinButton = screen.getByLabelText(/Share on LinkedIn/i);
+    const clickHandler = vi.fn();
+    linkedinButton.onclick = clickHandler;
+    fireEvent.click(linkedinButton);
+    expect(clickHandler).toHaveBeenCalledTimes(1);
+
+    fireEvent.touchStart(linkedinButton);
+    expect(linkedinButton).toBeInTheDocument();
+  });
+
+  it('asserts appropriate cursor style classes (like pointer) are applied on hover via a tag semantics', () => {
+    render(<ShareButtons url={mockUrl} title={mockTitle} />);
+    const twitterButton = screen.getByLabelText(/Share on X/i);
+    fireEvent.mouseEnter(twitterButton);
+    expect(twitterButton.tagName.toLowerCase()).toBe('a');
+    expect(twitterButton).toHaveAttribute('href');
+  });
+
+  it('checks that mouseleave events successfully hide temporary overlay visuals', () => {
+    render(<ShareButtons url={mockUrl} title={mockTitle} />);
+    const linkedinButton = screen.getByLabelText(/Share on LinkedIn/i);
+    fireEvent.mouseEnter(linkedinButton);
+    fireEvent.mouseLeave(linkedinButton);
+    expect(linkedinButton).toBeInTheDocument();
+  });
+});