MWPW-162519: Nav List - Link to external page

[mirafedas]

Updated Milo tabs to support linking to separate pages as was previously supported in the Dexter Navigation List component.

Authoring:

1. A separate page should be created for each tab;
2. On each page the section-metadata of each tab should have the link field. The value should be a relative path to the page related to that tab:
   

The tab parameter in the URL works as before:
If specified, it determines which tab is selected. The tab parameter takes precedence. For example, if you navigate to the page associated with tab 1 but include the tab parameter to select tab 2, tab 2 will be selected, and the page will update to reflect the content associated with tab 2.
See example: https://mwpw-162519-tabs-with-links--milo--mirafedas.hlx.live/drafts/mirafedas/tabs/tabs-page-2?tab=demo-2&martech=off

Here is a test page showcasing the use case of nested tabs:
https://mwpw-162519-tabs-with-links--milo--mirafedas.hlx.live/drafts/mirafedas/tabs/tabs-in-tabs-3&martech=off

Here is a test page showcasing the use case of nested tabs together with the tab parameter:
https://mwpw-162519-tabs-with-links--milo--mirafedas.hlx.live/drafts/mirafedas/tabs/tabs-in-tabs-3?tab=acrobat-3&martech=off

If the link property is not provided, tabs will have their default behavior.

Resolves: MWPW-162519

Test URLs:

• Before: https://main--milo--mirafedas.hlx.live/drafts/mirafedas/tabs/tabs-page-1?martech=off
• After: https://mwpw-162519-tabs-with-links--milo--mirafedas.hlx.live/drafts/mirafedas/tabs/tabs-page-1?martech=off

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 96.48%. Comparing base (62d554b) to head (0041e55).
Report is 32 commits behind head on stage.

Additional details and impacted files

@@           Coverage Diff           @@
##            stage    #3482   +/-   ##
=======================================
  Coverage   96.48%   96.48%           
=======================================
  Files         256      256           
  Lines       60094    60133   +39     
=======================================
+ Hits        57982    58021   +39     
  Misses       2112     2112           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[github-actions]

This pull request is not passing all required checks. Please see this discussion for information on how to get all checks passing. Inconsistent checks can be manually retried. If a test absolutely can not pass for a good reason, please add a comment with an explanation to the PR.

[aem-code-sync]

	Page	Scores	Audits	Google
📱	/drafts/mirafedas/tabs/tabs-in-tabs-3?tab=acrobat-3&martech=off
🖥️	/drafts/mirafedas/tabs/tabs-in-tabs-3?tab=acrobat-3&martech=off
📱	/drafts/mirafedas/tabs/tabs-in-tabs-3&martech=off
🖥️	/drafts/mirafedas/tabs/tabs-in-tabs-3&martech=off
📱	/drafts/mirafedas/tabs/tabs-page-1?martech=off
🖥️	/drafts/mirafedas/tabs/tabs-page-1?martech=off
📱	/drafts/mirafedas/tabs/tabs-page-2?tab=demo-2&martech=off
🖥️	/drafts/mirafedas/tabs/tabs-page-2?tab=demo-2&martech=off

[github-actions]

Reminder to set the Ready for Stage label - to queue this to get merged to stage & production.

[milo-pr-merge]

Skipped 3482: "MWPW-162519: Nav List - Link to external page" due to file "libs/blocks/tabs/tabs.js" overlap. Merging will be attempted in the next batch