Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(core): show correct product card info #554

Merged
merged 2 commits into from
Feb 14, 2024
Merged

Conversation

jorgemoya
Copy link
Contributor

What/Why?

  • Correct case for titles in product carousels
  • Change "Best selling" to "Popular products"
  • Swap Featured and Popular in home page
  • Allow reviews to be hidden in product cards
  • Hide elements (review, compare) in other pages (pdp, not-found).
  • Fix spacing
  • Matches designs 100%

Testing

Locally

@jorgemoya jorgemoya requested a review from a team as a code owner February 14, 2024 16:34
Copy link

vercel bot commented Feb 14, 2024

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

Name Status Preview Comments Updated (UTC)
catalyst-core-kynz ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 14, 2024 9:40pm
catalyst-latest ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 14, 2024 9:40pm
catalyst-storybook ✅ Ready (Inspect) Visit Preview 💬 Add feedback Feb 14, 2024 9:40pm
5 Ignored Deployments
Name Status Preview Comments Updated (UTC)
catalyst ⬜️ Ignored (Inspect) Feb 14, 2024 9:40pm
catalyst-1millionproducts-store ⬜️ Ignored (Inspect) Visit Preview Feb 14, 2024 9:40pm
catalyst-2000ms-api ⬜️ Ignored (Inspect) Feb 14, 2024 9:40pm
catalyst-ppr ⬜️ Ignored (Inspect) Visit Preview Feb 14, 2024 9:40pm
catalyst-uk ⬜️ Ignored (Inspect) Visit Preview Feb 14, 2024 9:40pm

@jorgemoya jorgemoya changed the title fix: show correct product card info fix(core): show correct product card info Feb 14, 2024
@@ -19,6 +19,7 @@ export default defineConfig({
'x-vercel-protection-bypass': process.env.VERCEL_PROTECTION_BYPASS,
'x-vercel-set-bypass-cookie': process.env.CI ? 'true' : 'false',
},
actionTimeout: 1000
Copy link
Contributor

@chanceaclark chanceaclark Feb 14, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we avoid setting timeouts? This is usually a smell that points to something in our test or the storefront that we need to look into.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This is required for the test which is verifying the cyclical behavior of Carousel. As there are multiple clicks that is refreshing the carousel items being displayed this was necessary.

I'm not sure why this is a bad practise? This isn't an explicit wait, right? We are waiting for the page/DOM loads to finish on actions we think will take time.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It shouldn't be required for this test to work. The docs for this option even say that you should be looking elsewhere if the test is flaky:

If you happen to be in this section because your test are flaky, it is very likely that you should be looking for the solution elsewhere.

It should work without this option:
Screenshot 2024-02-14 at 16 26 30

The actionTimeout option should be for something like a button that is asynchronously waiting for data to be fetched and is showing a loading state before clicking (which I think is actually being accounted for according to the docs), but timeouts in general should rarely be used as it's most likely a cause of something else.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I was legit seeing the test fail locally once in a few runs but it seems to be working fine 🤷 . Remove it.

Copy link
Contributor

⚡️🏠 Lighthouse report

We ran Lighthouse against the changes and produced this report. Here's the summary:

Category Score
🟢 Performance 99
🟢 Accessibility 95
🟠 Best practices 78
🟢 SEO 92

Lighthouse ran against https://catalyst-latest-fv8rx90jz-bigcommerce-platform.vercel.app/

@vercel vercel bot temporarily deployed to Preview – catalyst-core-kynz February 14, 2024 21:40 Inactive
@jorgemoya jorgemoya added this pull request to the merge queue Feb 14, 2024
Merged via the queue into main with commit e6d623a Feb 14, 2024
21 checks passed
@jorgemoya jorgemoya deleted the product-card-changes branch February 14, 2024 21:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants