variant -> variation

Author: LilyL0u

src/app/components/Recommendations/index.test.tsx

@@ -63,7 +63,7 @@ describe('Recommendations', () => {
       <Recommendations
         data={[]}
         topStoriesContent={topStoriesContentFixture}
-        referrerVariant="adaptive_variant"
+        referrerVariant="adaptive_variation"
         referrer="direct"
       />,
       {
@@ -107,7 +107,7 @@ describe('Recommendations', () => {
       <Recommendations
         data={[]}
         featuresContent={featuresContentFixture}
-        referrerVariant="adaptive_variant"
+        referrerVariant="adaptive_variation"
         referrer="social"
       />,
       {
@@ -151,7 +151,7 @@ describe('Recommendations', () => {
       <Recommendations
         data={[]}
         blocks={relatedContentBlocksFixture}
-        referrerVariant="adaptive_variant"
+        referrerVariant="adaptive_variation"
         referrer="search"
       />,
       {
@@ -216,7 +216,7 @@ describe('Recommendations', () => {
       <Recommendations
         data={[]}
         blocks={singleRelatedContentBlocks}
-        referrerVariant="adaptive_variant"
+        referrerVariant="adaptive_variation"
         referrer="search"
       />,
       {

src/app/components/Recommendations/index.tsx

@@ -39,7 +39,8 @@ const Recommendations = ({
 }: RecommendationsProps) => {
   const { recommendations, script, service, dir, translations } =
     use(ServiceContext);
-
+  console.log('in recommendations', referrer, referrerVariant);
+  console.log('in recommendations', topStoriesContent);
   const {
     palette: { GREY_2 },
   } = useTheme();
@@ -58,7 +59,7 @@ const Recommendations = ({
     referrerVariant.includes('control')
   ) {
     displayData = data ?? [];
-  } else if (referrerVariant === 'adaptive_variant') {
+  } else if (referrerVariant === 'adaptive_variation') {
     switch (referrer) {
       case 'search':
         displayData = getRelatedContentData(blocks ?? []).map(
@@ -83,6 +84,7 @@ const Recommendations = ({
         break;
     }
   }
+  console.log('in recommendations displayData', displayData);
   const componentName = 'midarticle-mostread';
   const groupTracker = {
     name: title,

src/app/pages/ArticlePage/helpers/index.test.tsx

@@ -30,29 +30,29 @@ describe('getUnderArticleComponents', () => {
     const keys = getKeys(components);
     expect(keys).toEqual(['relatedContent', 'topStories', 'features']);
   });
-  it('returns all components in search order when referrer variant is adaptive_variant and referrer is search', () => {
+  it('returns all components in search order when referrer variant is adaptive_variation and referrer is search', () => {
     const components = getUnderArticleComponents({
       ...baseProps,
-      referrerVariant: 'adaptive_variant',
+      referrerVariant: 'adaptive_variation',
       referrer: 'search',
     });
     const keys = getKeys(components);
     expect(keys).toEqual(['relatedContent', 'topStories', 'features']);
   });
-  it('returns all components in social order when referrer variant is adaptive_variant and referrer is social', () => {
+  it('returns all components in social order when referrer variant is adaptive_variation and referrer is social', () => {
     const components = getUnderArticleComponents({
       ...baseProps,
-      referrerVariant: 'adaptive_variant',
+      referrerVariant: 'adaptive_variation',
       referrer: 'social',
     });
     const keys = getKeys(components);
     expect(keys).toEqual(['features', 'relatedContent', 'topStories']);
   });
 
-  it('returns all components in direct order when referrer variant is adaptive_variant and referrer is direct', () => {
+  it('returns all components in direct order when referrer variant is adaptive_variation and referrer is direct', () => {
     const components = getUnderArticleComponents({
       ...baseProps,
-      referrerVariant: 'adaptive_variant',
+      referrerVariant: 'adaptive_variation',
       referrer: 'direct',
     });
     const keys = getKeys(components);
@@ -90,20 +90,20 @@ describe('getUnderArticleComponents', () => {
     const keys = getKeys(components);
     expect(keys).toEqual(['relatedContent', 'topStories', 'features']);
   });
-  it('returns default order when referrerVariant is adaptive_variant and referrer is null', () => {
+  it('returns default order when referrerVariant is adaptive_variation and referrer is null', () => {
     const components = getUnderArticleComponents({
       ...baseProps,
-      referrerVariant: 'adaptive_variant',
+      referrerVariant: 'adaptive_variation',
       referrer: null,
     });
     const keys = getKeys(components);
     expect(keys).toEqual(['relatedContent', 'topStories', 'features']);
   });
 
-  it('returns default order when referrerVariant is adaptive_variant and referrer is undefined', () => {
+  it('returns default order when referrerVariant is adaptive_variation and referrer is undefined', () => {
     const components = getUnderArticleComponents({
       ...baseProps,
-      referrerVariant: 'adaptive_variant',
+      referrerVariant: 'adaptive_variation',
       // referrer is undefined
     });
     const keys = getKeys(components);

src/app/pages/ArticlePage/helpers/index.tsx

@@ -85,17 +85,17 @@ const getUnderArticleComponents = ({
   // leaving the other cases with the original unordered experience. However, this makes it more flexible
   // to change the orders for different variants in the future, and is easy to understand.
 
-  if (referrerVariant === 'adaptive_variant' && referrer === 'social') {
+  if (referrerVariant === 'adaptive_variation' && referrer === 'social') {
     return [featuresComponent, relatedContent, topStoriesComponent].filter(
       Boolean,
     );
   }
-  if (referrerVariant === 'adaptive_variant' && referrer === 'direct') {
+  if (referrerVariant === 'adaptive_variation' && referrer === 'direct') {
     return [topStoriesComponent, relatedContent, featuresComponent].filter(
       Boolean,
     );
   }
-  // Default for when referrerVariant is 'control', 'off', '', or any unknown value and when referrer_variant is 'adaptive_variant' but referrer is 'search''
+  // Default for when referrerVariant is 'control', 'off', '', or any unknown value and when referrer_variant is 'adaptive_variation' but referrer is 'search''
   return [relatedContent, topStoriesComponent, featuresComponent].filter(
     Boolean,
   );