Semrush move links and link params to client side and tests

[vraja-pro]

Context

Summary

This PR can be summarized in the following changelog entry:

• Relocate related keyphrase suggestions links to client side a add tests to the modal content component.

Relevant technical choices:

Test instructions

Test instructions for the acceptance test before the PR gets merged

This PR can be acceptance tested by following these steps:

• Make sure Yoast premium is deactivate.
• Edit a post with focus key phrase and click on "Get related keyphrase", log in to your SEMrush account.
• Check the modal has Yoast Premium ad link has link params:

https://yoa.st/413?php_version=8.1&platform=wordpress&platform_version=6.7.1&software=free&software_version=24.0-RC2&days_active=20054&user_language=en_US

• Change the focus keyphrase and reopen the modal several times until you reach the limit of semrush request, check the link has params as above.

For code review

• Tests the screens shots ( according to the name of the test ):
  • The content of the results appear in the table.
  • The alerts message appears as expected.
  • The Premium upsell link and the semrush link appears as expected.

Relevant test scenarios

• Changes should be tested with the browser console open
• Changes should be tested on different posts/pages/taxonomies/custom post types/custom taxonomies
• Changes should be tested on different editors (Default Block/Gutenberg/Classic/Elementor/other)
• Changes should be tested on different browsers
• Changes should be tested on multisite

Test instructions for QA when the code is in the RC

• QA should use the same steps as above.

QA can test this PR by following these steps:

Impact check

This PR affects the following parts of the plugin, which may require extra testing:

UI changes

• This PR changes the UI in the plugin. I have added the 'UI change' label to this PR.

Other environments

• This PR also affects Shopify. I have added a changelog entry starting with [shopify-seo], added test instructions for Shopify and attached the Shopify label to this PR.

Documentation

• I have written documentation for this change. For example, comments in the Relevant technical choices, comments in the code, documentation on Confluence / shared Google Drive / Yoast developer portal, or other.

Quality assurance

• I have tested this code to the best of my abilities.
• During testing, I had activated all plugins that Yoast SEO provides integrations for.
• I have added unit tests to verify the code works as intended.
• If any part of the code is behind a feature flag, my test instructions also cover cases where the feature flag is switched off.
• I have written this PR in accordance with my team's definition of done.
• I have checked that the base branch is correctly set.

Innovation

• No innovation project is applicable for this PR.
• This PR falls under an innovation project. I have attached the innovation label.
• I have added my hours to the WBSO document.

Fixes Semrush table cleanup and tests

[coveralls]

Pull Request Test Coverage Report for Build 3f2615f0c7c87752cd9dd8a0594dd1f0ad6ddca8

Details

• 0 of 0 changed or added relevant lines in 0 files are covered.
• 1 unchanged line in 1 file lost coverage.
• Overall coverage increased (+0.03%) to 54.417%

---

Files with Coverage Reduction	New Missed Lines	%
packages/js/src/containers/SEMrushRelatedKeyphrases.js	1	0.0%

Totals
Change from base Build b602854da9bd10c690131950c0472809c3328df6:	0.03%
Covered Lines:	29946
Relevant Lines:	55463

---

💛 - Coveralls