test: mobile add badges

[saanbe16]

Test Plan: Testing Web Badging System Implementation

Test Scenarios

1. Badge Display Verification

   • Steps:
     1. Navigate to the dashboard page.
     2. Check if the earned badges are displayed accurately in the designated section.
   • Expected Result: Earned badges are correctly displayed on the dashboard.

2. Badge Unlocking Validation

   • Steps:
     1. Accumulate a specific amount of points (e.g., 1000 points).
     2. Verify if a new badge is unlocked and displayed upon reaching the milestone.
   • Expected Result: A new badge is unlocked and visibly displayed on the dashboard after reaching the milestone.

3. Notification System Testing

   • Steps:
     1. Achieve a milestone to unlock a new badge.
     2. Check if a notification is triggered to inform the user of the new badge.
   • Expected Result: Users receive a notification indicating the successful unlocking of a new badge.

4. Integration Testing

   • Steps:
     1. Ensure that badge display and notification seamlessly integrate with the existing dashboard layout and functionality.
     2. Verify that badge-related features do not disrupt the performance of other dashboard components.
   • Expected Result: Badge display and notification function smoothly alongside other dashboard elements.

5. Responsiveness Assessment

   • Steps:
     1. Access the dashboard from various devices and screen sizes.
     2. Verify that the badge section adapts appropriately to different viewport sizes.
   • Expected Result: The badge section maintains proper layout and functionality across different devices and screen resolutions.

Notes

• Execute the test scenarios thoroughly to ensure the robustness and reliability of the web badging system.
• Collaborate with frontend developers to address any issues identified during testing and ensure a seamless user experience.
• Record test results, including any encountered bugs or anomalies, for further analysis and resolution.