Create Tests for Homepage Functionality and Product Visibility

[rdpfeifle]

Summary

Develop a suite of tests to verify various functionalities on the homepage, including the visibility of products, the functionality of buttons, and other interactive elements.

Acceptance Criteria

• Verify 'Urban Grace' as the page title.
• Ensure at least one product is displayed in the #products-container.
• Confirm that each product card correctly renders details such as the product image, title, category, price, and the 'Add to Cart' button.
• Verify that the 'Add to Cart' button becomes invisible or changes state after clicking it.
• Ensure the quantity modification options (- [qty] +) are visible when 'Add to Cart' is clicked.
• Confirm that the UI state updates appropriately when 'Add to Cart' is clicked.
• Validate that the product quantity is correctly updated in the UI when modified, both in the .qty-counter and the .cart-container span.
• Test the functionality of opening the cart when the cart button is clicked.

Related issue

closes #34

[netlify]

✅ Deploy Preview for vanilla-js-store-f62b9a ready!

Name	Link
🔨 Latest commit	ce0be57
🔍 Latest deploy log	https://app.netlify.com/sites/vanilla-js-store-f62b9a/deploys/659c7931e66ded00087bcfc2
😎 Deploy Preview	https://deploy-preview-35--vanilla-js-store-f62b9a.netlify.app/
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.