Skip to content

[DNM] WS-2441 - New nav 14th roll out#13880

Open
amoore108 wants to merge 48 commits intolatestfrom
WS-2441-new-nav-14th-roll-out
Open

[DNM] WS-2441 - New nav 14th roll out#13880
amoore108 wants to merge 48 commits intolatestfrom
WS-2441-new-nav-14th-roll-out

Conversation

@amoore108
Copy link
Copy Markdown
Contributor

@amoore108 amoore108 commented Apr 7, 2026

Resolves JIRA: https://bbc.atlassian.net/browse/WS-2441

Summary

Enables new navigation for Azeri, Brasil, Burmese, Dari, Indonesian, Japanese, Korean, Kyrgyz, Magyarul, Mundo, Nepali, Pashto, Persian, Polska, Romania, Russian, Sinhala, Vietnamese, Thai, Turkce and Ukrainian services

Code changes

  • Updates brand SVGs for next batch of services
  • Updates snapshots
  • Adjusts the positioning of all the SVGs to better align with the BBC blocks above them

Testing

  1. Visit the following pages:
    http://localhost:7081/azeri?renderer_env=live
    http://localhost:7081/portuguese?renderer_env=live
    http://localhost:7081/burmese?renderer_env=live
    http://localhost:7081/dari?renderer_env=live
    http://localhost:7081/indonesia?renderer_env=live
    http://localhost:7081/japanese?renderer_env=live
    http://localhost:7081/korean?renderer_env=live
    http://localhost:7081/kyrgyz?renderer_env=live
    http://localhost:7081/magyarul?renderer_env=live
    http://localhost:7081/mundo?renderer_env=live
    http://localhost:7081/nepali?renderer_env=live
    http://localhost:7081/pashto?renderer_env=live
    http://localhost:7081/persian?renderer_env=live
    http://localhost:7081/polska?renderer_env=live
    http://localhost:7081/russian?renderer_env=live
    http://localhost:7081/sinhala?renderer_env=live
    http://localhost:7081/vietnamese?renderer_env=live
    http://localhost:7081/thai?renderer_env=live
    http://localhost:7081/turkce?renderer_env=live
    http://localhost:7081/ukrainian?renderer_env=live
    http://localhost:7081/romania?renderer_env=live
  2. Confirm all render the new navigation and brand SVG correctly

Useful Links

@amoore108 amoore108 self-assigned this Apr 7, 2026
@amoore108 amoore108 changed the title Ws 2441 new nav 14th roll out WS-2441 - New nav 14th roll out Apr 7, 2026
@amoore108 amoore108 marked this pull request as ready for review April 7, 2026 11:42
Copilot AI review requested due to automatic review settings April 7, 2026 11:43
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Enables the “new navigation” rollout for an additional batch of World Service services by expanding the allowlist used when fetching navigation config, updating brand SVGs for those services, and adjusting Cypress/tests to reflect the rollout.

Changes:

  • Expanded SERVICES_WITH_NEW_NAV to include the next set of services in the rollout.
  • Updated multiple chameleon brand SVGs (primarily viewbox tweaks and SVG path updates) for the newly enabled services.
  • Updated Cypress/test logic (mobile nav toggle service gating + fetchConfig unit test fixture/service swap).

Reviewed changes

Copilot reviewed 48 out of 48 changed files in this pull request and generated 17 comments.

Show a summary per file
File Description
ws-nextjs-app/cypress/e2e/testsForAllCanonicalPages.ts Removes Persian from the limited “mobile nav toggle” test service list.
ws-nextjs-app/cypress/e2e/testsForAllAMPPages.ts Removes Persian from the limited “mobile nav toggle” test service list (AMP).
cypress/e2e/pages/testsForAllCanonicalPages.js Removes Persian from the limited “mobile nav toggle” test service list (legacy Cypress suite).
cypress/e2e/pages/testsForAllAMPPages.js Removes Persian from the limited “mobile nav toggle” test service list (legacy AMP suite).
src/app/components/Navigation/config.ts Expands the SERVICES_WITH_NEW_NAV allowlist to include the next rollout services.
src/app/lib/utilities/fetchConfig/index.test.ts Updates the “no useNewNav” test to use a service not in the allowlist after rollout expansion.
src/app/components/ThemeProvider/chameleonLogos/afaanoromoo.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/afrique.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/amharic.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/bengali.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/burmese.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/gahuza.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/hausa.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/igbo.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/indonesia.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/japanese.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/korean.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/marathi.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/nepali.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/persian.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/pidgin.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/polska.tsx Updates brand SVG structure and viewbox (cropping/alignment).
src/app/components/ThemeProvider/chameleonLogos/portuguese.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/punjabi.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/romania.tsx Reworks brand SVG structure and updates viewbox to match new composition.
src/app/components/ThemeProvider/chameleonLogos/somali.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/swahili.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/tamil.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/telugu.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/thai.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/tigrinya.tsx Updates brand SVG viewbox for alignment/cropping.
src/app/components/ThemeProvider/chameleonLogos/turkce.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/ukrainian.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/vietnamese.tsx Updates brand SVG and adds/adjusts viewbox.
src/app/components/ThemeProvider/chameleonLogos/yoruba.tsx Minor viewbox adjustment for alignment/cropping.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Copilot reviewed 48 out of 48 changed files in this pull request and generated 5 comments.

@amoore108 amoore108 changed the title WS-2441 - New nav 14th roll out [DNM] WS-2441 - New nav 14th roll out Apr 7, 2026
@amoore108 amoore108 changed the base branch from WS-2116-new-nav-8th-rollout to latest April 8, 2026 08:11
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants