test(ResumePreviewForm-mouse-interactivity): verify Interactive Tooltips, Cursor Hovers & Touch Event Propagation (Variation 5)

[ARPANPATRA111]

Description

Fixes #2697

Adds mouse-interactivity test coverage for ResumePreviewForm component — the resume data review/edit form.

Tests added (5)

1. Back button hover class — verifies hover:bg-gray-50 class is present on the Back button
2. Back button click — verifies onBack callback is triggered on click
3. Save button hover class — verifies hover:bg-emerald-500 class is present on Save Profile button
4. Input focus ring — verifies focus:ring-2 and focus:ring-emerald-500 classes are applied on text inputs
5. Add skill interaction — verifies clicking Add button creates new skill input fields

Pillar

• 🎨 Pillar 1 — New Theme Design
• 📐 Pillar 2 — Geometric SVG Improvement
• 🕐 Pillar 3 — Timezone Logic Optimization
• 🛠️ Other (Bug fix, refactoring, docs)

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally.
• I have run npm run format and npm run lint locally and resolved all errors (CI will fail otherwise).
• My commits follow the Conventional Commits format.
• I have started the repo.
• I have made sure that i have only one commit to merge in this PR.

[github-actions]

📦 Next.js Bundle Size Report (Gzipped Sizes)

✨ No significant bundle size changes detected.

📊 Summary of Totals

Category	PR Size	Base Size	Difference
Total JS	3628.47 KB	3628.47 KB	0 B
Total CSS	284.92 KB	284.92 KB	0 B

[ARPANPATRA111]

@Aamod007 @souravjhahind @JhaSourav07 review and merge

[Aamod007]

Difficulty: intermediate – New ResumePreviewForm.mouse-interactivity.test.tsx (140 lines) testing tooltips, hovers, touch events.

Quality: clean – Thorough interaction testing.

Type: testing – Mouse/touch coverage.

Excellent interaction tests!