https://sushmailu.myshopify.com/ bug_report

Test Cases:

Test Case IDTest Case DescriptionExpected ResultActual ResultStatus
TC01Verify the widget displays correctly on mobile devicesWidget should be responsive and display correctlyDisplayed as expectedPass
TC02Verify the widget functionality on desktopWidget should function without any issuesFunctioned correctlyPass
TC03Test widget across all supported browsersWidget should be compatible with all browsersCompatible as expectedPass
TC04Add and remove items in the Pumper offersItems should be added and removed correctlyWorked as expectedPass
TC05Verify the admin interface functionalitiesAdmin functionalities should work without issuesFunctioned correctlyPass
TC06Test edge cases (e.g., invalid inputs, large inputs)Widget should handle edge cases gracefullyHandled as expectedPass
TC07Check performance and load time of the widgetWidget should load within acceptable time limitsLoaded quicklyPass
TC08Validate email and phone number in the contact formProper validation error messages should appearValidation error not triggered properlyFail
TC09Verify product display UI on web devicesProducts should display correctly without UI issuesProducts misaligned on webFail
TC10Verify price update when quantity changesTotal price should update when quantity changesPrice not updatingFail
TC11Verify address auto-fill functionalityAddress field should auto-fill correctlyAddress field emptyingFail
TC12Verify cart quantity with product selectionCart should reflect correct quantityIncorrect quantity in cartFail

Bugs and Issues Identified:

Bug IDDescriptionSteps to ReproduceSeverityStatus
BUG02Contact form email validation errorEnter invalid email in contact form and submitHighOpen
BUG03Contact form phone number validation errorEnter invalid phone number in contact form and submitHighOpen
BUG04Product display UI issue on web devicesView products on web devicesHighOpen
BUG05Price not updating when quantity changesIncrease quantity of product, observe priceHighOpen
BUG06Address field emptying after auto-fillSelect address city, state, zip code and observe address fieldMediumOpen
BUG07Cart showing incorrect quantityAdd product to cart, change quantity, observe cartHighOpen

Suggestions for Improvement:

  1. Product Display UI on Web Devices:
  • Issue: Products are misaligned on web devices.
  • Suggestion: Ensure responsive design principles are applied so that product images and details are properly aligned and displayed on all screen sizes. Use CSS media queries to adjust the layout for different screen sizes and ensure consistent display across devices

2. Contact Form Validation:

Email Validation Issue:

  • Issue: Email validation errors are not triggered properly.
  • Suggestion: Implement robust email validation to ensure only valid email formats are accepted. Consider using regular expressions for email validation

Phone Number Validation Issue:

  • Issue: Phone number validation errors are not triggered properly.
  • Suggestion: Implement phone number validation to ensure only valid phone numbers are accepted. Consider using country-specific validation rules

3. Price Calculation:

  • Issue: Total price does not update correctly when the quantity of a product is changed.
  • Suggestion: Ensure that the total price is dynamically updated based on the selected quantity. Use JavaScript to listen for changes in the quantity field and recalculate the total price accordingly

4. Address Auto-Fill:

  • Issue: Address field is emptying after selecting city, state, and zip code.
  • Suggestion: Fix the auto-fill functionality to ensure that all address fields are populated correctly when a user selects their city, state, and zip code. Test the integration with the address lookup service to ensure seamless operation

5. Cart Quantity:

  • Issue: Cart shows incorrect quantity of products selected.
  • Suggestion: Ensure that the cart accurately reflects the number of items added. Synchronize the cart display with the actual items added to the cart by updating the cart state whenever changes are made

6. Admin Interface:

  • Issue: All functions are difficult to find.
  • Suggestion:
  • Improve Layout: Organize the admin interface layout to be more intuitive and user-friendly. Group related functions together and use clear, descriptive labels for each section.
  • Add Clear Labels: Ensure all buttons, icons, and menu items have clear labels indicating their purpose. Use tooltips to provide additional information when a user hovers over an item.
  • Include Help Documentation: Add a help section or tooltips within the admin interface to guide users on how to use different features. Provide links to detailed documentation or tutorials for complex tasks.
  • Enhance Navigation: Consider adding a search function within the admin interface to help users quickly find the functions they need. Use breadcrumb navigation to indicate the current location within the admin interface.

Execution Results:

  • All test cases passed except for a validation errors in the contact form, product display UI issues on mobile devices, price not updating on quantity change, address auto-fill issue, and incorrect cart quantity.