E2E tests for products

[PollySt]

• created a test for the product color and size selection
• updated README
• added constants
• renamed variables

If you don't want to invoke CI, put [skip ci] in the commit message

Screenshots

Test Plan (Steps to test):

Checklist:

• Create a Test Plan
• Changes Communicated (in commits or above)
• Docs Updated
• Storybook Updated

[shortcut-integration]

This pull request has been linked to Shortcut Story #12509: E2E tests for products [Penny].

[netlify]

✅ Deploy Preview for penny-ecommerce ready!

Name	Link
🔨 Latest commit	6107309
🔍 Latest deploy log	https://app.netlify.com/sites/penny-ecommerce/deploys/65ba1d42c9485700084802ee
😎 Deploy Preview	https://deploy-preview-198--penny-ecommerce.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.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
penny	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 31, 2024 10:16am

[github-actions]

Lighthouse Report: desktop

Category	Score
Path: /	Report
🟢 Performance	100
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	100
🟢 PWA	100
Path: /products/basic-tee-6-pack	Report
🟢 Performance	100
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	100
🟢 PWA	100
Path: /collections/men	Report
🟢 Performance	100
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	100
🟢 PWA	100

[github-actions]

Lighthouse Report: mobile

Category	Score
Path: /	Report
🟢 Performance	99
🟢 Accessibility	100
🟢 Best practices	92
🟢 SEO	100
🟢 PWA	100
Path: /products/basic-tee-6-pack	Report
🟢 Performance	99
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	100
🟢 PWA	100
Path: /collections/men	Report
🟢 Performance	100
🟢 Accessibility	100
🟢 Best practices	100
🟢 SEO	100
🟢 PWA	100