WSTEAM1-1312 Run an Optimizely AA Test

[emilysaffron]

Resolves JIRA WSTEAM1-1312

Overall changes

Sets up a basic AA test for the srollablePromo component on an ArticlePage. This test has been set up in optimizely to only run on the swahili service. Both variations will return the same component.

Code changes

• Wraps the article page in the optimizely provider
• Applys the useOptimizelyVariation hook to the scrollable promo

Testing

1. List the steps used to test this PR.

Helpful Links

Add Links to useful resources related to this PR if applicable.

Coding Standards

Repository use guidelines

[amoore108]

Looks good 👍 Presume it hinges on #11997 being merged first?

[emilysaffron]

Looks good 👍 Presume it hinges on #11997 being merged first?

Yep will hold off on merging until that goes in 😊

[HarveyPeachey]

I think we need to add in all the metric mechanisms, as I think they were removed in #11997, also need to setup the click and view tracking for the component with optimizely.

Happy to pair on it to get it working

[emilysaffron]

I think we need to add in all the metric mechanisms, as I think they were removed in #11997, also need to setup the click and view tracking for the component with optimizely.

Happy to pair on it to get it working

by metric mechanisms do you mean like the scroll depth and article complete?

[HarveyPeachey]

I think we need to add in all the metric mechanisms, as I think they were removed in #11997, also need to setup the click and view tracking for the component with optimizely.
Happy to pair on it to get it working

by metric mechanisms do you mean like the scroll depth and article complete?

Yeah and Page view tracking, also component click and views, you can get the Optimizely object that you pass into these hooks from context https://github.com/optimizely/react-sdk?tab=readme-ov-file#example-2

<OptimizelyArticleCompleteTracking />
<OptimizelyPageViewTracking />
useOptimizelyScrollDepth();