Recommended Products: fix toggling of the favorite icon (@W-16093853@)

[vmarta]

This PR fixes a bug with the RecommendedProducts such that clicking on the heart icon would toggle the favourite state successfully. It was not doing anything at all previously.

Types of Changes

• Bug fix (non-breaking change that fixes an issue)
• New feature (non-breaking change that adds functionality)
• Documentation update
• Breaking change (could cause existing functionality to not work as expected)
• Other changes (non-breaking changes that does not fit any of the above)

Breaking changes include:

• Removing a public function or component or prop
• Adding a required argument to a function
• Changing the data type of a function parameter or return value
• Adding a new peer dependency to package.json

Changes

• (change1)

How to Test-Drive This PR

1. Visit this PLP: http://localhost:3000/global/en-GB/category/womens-clothing-tops
2. Verify that you can still add one of the items there to your wishlist
3. Now navigate to the PDP and scroll down to the recommended products section
4. Verify that you can add one of the recommended products to your wishlist
5. There's a success message and the heart icon is updated correctly

Checklists

General

• Changes are covered by test cases
• CHANGELOG.md updated with a short description of changes (not required for documentation updates)

Accessibility Compliance

You must check off all items in one of the follow two lists:

• There are no changes to UI

or...

• Changes were tested with a Screen Reader (iOS VoiceOver or Android Talkback) and had no issues
• Changes comply with WCAG 2.0 guidelines levels A and AA
• Changes to common UI patterns and interactions comply with WAI-ARIA best practices

Localization

• Changes include a UI text update in the Retail React App (which requires translation)

[vmarta]

By renaming the parameter, I think this should be clearer that it's the target favourite state (not the current state). So we don't get confused whether to add or remove the item.

[vmarta]

Let's not add a test yet this time. For this case, we would have to create a test file from scratch because RecommendedProducts do not have one yet.

Since I wanted to test the favourite toggle only, I'd have to mock a bunch of things just to get to the favourite-toggle part of the code. I don't think this is going to be a good test file.

I think a better approach is to do some refactoring (and then test the new code). There are many places with very similar code and they all add/remove item to/from the wishlist.

[vcua-mobify]

I've verified that we can now add to wishlist from the recommended products section