test: Add comprehensive test coverage for QRGenerationPage

Overview

This MR improves the unit test coverage of QRGenerationPage.tsx by adding comprehensive test cases for critical logic paths and UI behavior.

The goal is to increase coverage to at least 80%+ and ensure reliability of the QR generation flow. This helps reduce the risk of undetected bugs and improves confidence during future refactoring.

💡 What does this MR do and why?

The motivation behind this change was the low test coverage reported for QRGenerationPage.tsx:

• Statements: 54.05%
• Branches: 64.51%
• Functions: 60%
• Lines: 55.55%

Critical parts of the QR generation logic and UI interactions were not covered, especially edge cases.

Approach:

• Added unit tests for all uncovered lines (67–76, 83–102)
• Covered input handling and QR generation behavior
• Tested conditional rendering and edge cases
• Simulated user interactions (input, button click, download)

Trade-offs:

• Slight increase in test file size, but significantly improved reliability and maintainability

🔧** Changes Made**

• Added new unit tests for QRGenerationPage.tsx
• Covered previously uncovered lines (67–76, 83–102)
• Tested:
  • QR generation logic
  • Input validation
  • Conditional UI rendering
  • Download functionality
• Improved branch and function coverage
• Updated test utilities/mocks where required

🔍** Technical Details**

Root Cause: Low coverage was due to missing test cases for conditional logic, edge cases, and user interactions.

Fix:

• Used React Testing Library for component testing
• Simulated user events using fireEvent/userEvent
• Mocked dependencies (QR generation library if applicable)
• Ensured all branches (valid/invalid input, empty states) are tested

Coverage Improvements:

• Statements: Increased to 80%+
• Branches: Increased to 80%+
• Functions: Increased to 80%+
• Lines: Increased to 80%+

🏷️ Type of Change

• 🐛 Bug fix
• ✨ New feature
• 💥 Breaking change
• 📝 Documentation update
• 🎨 UI/UX improvement
• ♻️ Refactor
• ⚡ Performance improvement
• 🧪 Test update
• 🔧 Configuration change
• 🚨 Security fix

🔗 Related Issues / References #261 (closed)

🧪** How to Set Up and Validate Locally**

1. Checkout branch

git checkout

2. Install dependencies

bun install

3. Run tests

npm run test

4. Run coverage

npm run test -- --coverage

Expected:

All tests pass ✅ Coverage ≥ 80% for QRGenerationPage.tsx 🧪 Testing Done

• Manual testing completed
• Unit tests added/updated

Test Cases Covered:

Scenario	Expected Result	Status
Render QRGenerationPage component	Component loads without errors	✅
Empty input on initial load	QR not generated / handled gracefully	✅
Enter valid input	QR code is generated correctly	✅
Update input value	QR code updates dynamically	✅
Invalid input	Proper validation or fallback behavior	✅
Conditional UI rendering	Elements show/hide based on state	✅
Click download button	QR code downloads successfully	✅
Edge cases handling	No crashes or unexpected behavior	✅

📝** Additional Notes**

• This MR focuses only on improving test coverage, no functional changes introduced
• Helps ensure safer future enhancements to QR generation feature