test(ThemeQuickPresets-empty-fallback): verify Edge Cases & Empty/Missing Inputs Verification

[Thacker-Meet]

Description

Fixes #4224

Adds a dedicated empty-fallback test suite for ThemeQuickPresets focused on handling edge cases and missing configuration states safely.

The test suite validates:

• Safe rendering when an unknown theme value is provided.
• Proper behavior when no preset matches the active theme.
• Preservation of default layout structure when active theme indicators are absent.
• Rendering of accessible preset buttons with expected fallback styling.
• Successful rendering of SVG preview icons and key DOM structures without runtime failures.

The tests are based on the component's actual implementation and verify stability, accessibility attributes, styling markers, and fallback rendering behavior without introducing assumptions about unsupported null-state handling.

Pillar

• 🛠️ Other (Bug fix, refactoring, docs)

Visual Preview

• N/A (test-only changes)

Checklist before requesting a review:

• I have read the CONTRIBUTING.md file.
• I have tested these changes locally (localhost:3000/api/streak?user=YOUR_USERNAME).
• 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 (e.g., feat(themes): ..., fix(calculate): ...).
• I have started the repo.
• I have made sure that i have only one commit to merge in this PR.
• The SVG output matches the CommitPulse "premium quality" aesthetic standard (no raw elements, smooth animations, correct fonts).
• (Recommended) I joined the CommitPulse Discord community for contributor discussions, mentorship, and faster PR support.

[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	3433.75 KB	3433.75 KB	0 B
Total CSS	258.05 KB	258.05 KB	0 B

[Aamod007]

Thanks for the focused fallback coverage for ThemeQuickPresets. I reviewed the PR title/description, linked issue #4224, checks, and the diff before labeling.

Labels applied:

• level:beginner: the whole change is one 67-line test file, app/customize/components/ThemeQuickPresets.empty-fallback.test.tsx, with five direct fallback and DOM-structure checks in lines 7-67.
• quality:clean: the assertions are narrow and readable, and the test avoids overreaching into implementation details beyond the wrapper, buttons, and SVG markers the component actually renders.
• type:testing: the PR adds Vitest/Testing Library coverage for the missing/unknown theme edge cases requested in issue #4224.

All required checks are green and the PR is not draft or blocked, so I’m approving this one and adding gssoc:approved.

[github-actions]

🎉 Congratulations @Thacker-Meet! Your PR has been successfully merged. 🚀

Thank you for contributing to CommitPulse. Your work helps us build a better tool for the community.

⚠️ Important for GSSoC Contributors:
You are strictly advised to join our Discord Server as it is mandatory for all GSSoC participants. All important announcements, point claims, and community discussions happen there.

Keep building! 💻✨