Add actionable button to SKU assessment

[manuelaugustin]

Moved from: https://yoast.atlassian.net/browse/PC-544

What is the goal of this issue?

• Adding an actionable button to the SKU assessment in the Yoast SEO WooComerce add-on.

What needs to be done to achieve the goal?

See expected result.

Does the issue still need UX or research?

No.

If available: what are the tips for fixing the problem or possible solutions?

See PR in which actionable buttons were originally implemented: https://github.com/Yoast/wordpress-seo/pull/18674

What is the expected result/behavior?

No product variants

• There should be an actionable button next to the SKU assessment.
• When a product doesn't have variations, clicking on the actionable button should take the user to the SKU field in the Inventory tab within the Product data box. The focus should be put in that box.
• Once the actionable button has been implemented, we can remove the following text from the feedback string: You can add a SKU via the "Inventory" tab in the Product data box..

Product with variants

• When a product has variations, clicking on the actionable button, there are two options:
  • Option 1 (the simpler option) is taking the user to the Variations tab in the Product data box without expanding any specific variation.
  • Option 2 (preferable, if technically feasible) is taking the user to the Variations tab in the Product data box and expanding the first variation that doesn't have a SKU filled in.
• Once the actionable button has been implemented, we can remove the following text from the feedback string: You can add a SKU via the "Variations" tab in the Product data box..

Shopify

We don't have support for actionable buttons in Shopify yet.

Should documentation be added or updated for this change? and if so, where?

We should update the feedback strings in the documentation about the SKU assessment.

[hdvos]

Found an issue during acceptance testing. See this report in the PR https://github.com/Yoast/wordpress-seo/pull/19886#pullrequestreview-1348221061

[FAMarfuaty]

Found an issue during acceptance testing. See the Slack message.

[mykola]

@FAMarfuaty good catch. Thanks. I have fixed it.

[hannaw93]

CRed but not fully reviewed and accepted yet due to a testing env issue (and it being handly to look at the code while testing for the woocommerce PR). When testing, pay extra attention to behaviour mentioned in comment: https://github.com/Yoast/wordpress-seo/pull/19886#pullrequestreview-1348221061