पर फ़ॉलो भी कर सकते हैं.)",
+ "markupType": "candy_xml",
+ "type": "paragraph"
+ }
+ ]
+ },
+ "promo": {
+ "headlines": {
+ "shortHeadline": "कुशीनगर के जिस गांव से बारातें निकलनी थीं वहां ये 13 अर्थियां निकलीं- ग्राउंड रिपोर्ट",
+ "headline": "कुशीनगर के जिस गांव से बारातें निकलनी थीं वहां ये 13 अर्थियां निकलीं- ग्राउंड रिपोर्ट"
+ },
+ "locators": {
+ "assetUri": "/hindi/india-60426858",
+ "cpsUrn": "urn:bbc:content:assetUri:hindi/india-60426858",
+ "curie": "http://www.bbc.co.uk/asset/0a0b809a-4895-4895-97a0-9f41c8990b46",
+ "assetId": "60426858"
+ },
+ "summary": "जिस गुरुवार के दिन गाँव से धूमधाम से बारात जानी थी उसी दिन अंतिम संस्कार किया गया. ऐसा पहली बार था जब ज़िले के किसी गाँव में इतनी चिताएं एक साथ जल रही थीं.",
+ "timestamp": 1645188846000,
+ "language": "hi",
+ "byline": {
+ "name": "चन्द्रकांत मिश्रा ",
+ "title": "कुशीनगर से, बीबीसी हिंदी के लिए ",
+ "persons": [
+ {
+ "name": "Léa Surugue",
+ "function": "BBC Future"
+ }
+ ]
+ },
+ "passport": {
+ "language": "hi",
+ "home": "http://www.bbc.co.uk/ontologies/passport/home/Hindi",
+ "locator": "urn:bbc:cps:curie:asset:0a0b809a-4895-4895-97a0-9f41c8990b46",
+ "availability": "AVAILABLE",
+ "taggings": [
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/bbc/contributor",
+ "value": "http://www.bbc.co.uk/things/e91b614e-d7c9-419e-9525-58038966d285#id"
+ },
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/bbc/editorialSensitivity",
+ "value": "http://www.bbc.co.uk/things/c6979033-cb72-4d07-9897-adc348a4332e#id"
+ },
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/bbc/assetType",
+ "value": "http://www.bbc.co.uk/things/22ea958e-2004-4f34-80a7-bf5acad52f6f#id"
+ },
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/creativework/about",
+ "value": "http://www.bbc.co.uk/things/59f28e6e-ec4d-424f-84f0-94f832e0fbd4#id"
+ },
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/audience/motivation",
+ "value": "http://www.bbc.co.uk/things/bf928ac3-b3bd-4d47-924e-cca1bdc29174#id"
+ },
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/creativework/about",
+ "value": "http://www.bbc.co.uk/things/cc3c6abf-d22c-499a-bf69-1dfb9c86a828#id"
+ },
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/creativework/about",
+ "value": "http://www.bbc.co.uk/things/7c657c38-57a4-4d98-b283-f3b6a8b16bd9#id"
+ },
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/creativework/format",
+ "value": "http://www.bbc.co.uk/things/46c0517d-9927-4d1a-9954-8c63a3f7a888#id"
+ },
+ {
+ "predicate": "http://www.bbc.co.uk/ontologies/bbc/primaryMediaType",
+ "value": "http://www.bbc.co.uk/things/5566b81b-8509-44c1-8503-018a0eab317d#id"
+ }
+ ],
+ "schemaVersion": "1.4.0",
+ "publishedState": "PUBLISHED",
+ "predicates": {
+ "about": [
+ {
+ "value": "http://www.bbc.co.uk/things/59f28e6e-ec4d-424f-84f0-94f832e0fbd4#id",
+ "thingLabel": "उत्तर प्रदेश चुनाव 2022",
+ "thingUri": "http://www.bbc.co.uk/things/59f28e6e-ec4d-424f-84f0-94f832e0fbd4#id",
+ "thingId": "59f28e6e-ec4d-424f-84f0-94f832e0fbd4",
+ "thingType": ["tagging:TagConcept", "core:Thing", "core:Event"],
+ "thingSameAs": [
+ "http://www.wikidata.org/entity/Q85738025",
+ "http://dbpedia.org/resource/2022_Uttar_Pradesh_Legislative_Assembly_election"
+ ],
+ "thingEnglishLabel": "Uttar Pradesh Legislative Assembly election 2022",
+ "type": "about"
+ },
+ {
+ "value": "http://www.bbc.co.uk/things/7c657c38-57a4-4d98-b283-f3b6a8b16bd9#id",
+ "thingLabel": "उत्तर प्रदेश",
+ "thingUri": "http://www.bbc.co.uk/things/7c657c38-57a4-4d98-b283-f3b6a8b16bd9#id",
+ "thingId": "7c657c38-57a4-4d98-b283-f3b6a8b16bd9",
+ "thingType": ["tagging:TagConcept", "core:Thing", "core:Place"],
+ "thingSameAs": ["http://dbpedia.org/resource/Uttar_Pradesh"],
+ "thingEnglishLabel": "Uttar Pradesh",
+ "type": "about"
+ },
+ {
+ "value": "http://www.bbc.co.uk/things/cc3c6abf-d22c-499a-bf69-1dfb9c86a828#id",
+ "thingLabel": "गोरखपुर",
+ "thingUri": "http://www.bbc.co.uk/things/cc3c6abf-d22c-499a-bf69-1dfb9c86a828#id",
+ "thingId": "cc3c6abf-d22c-499a-bf69-1dfb9c86a828",
+ "thingType": ["core:Place", "core:Thing", "tagging:TagConcept"],
+ "thingSameAs": [
+ "http://sws.geonames.org/1270927/",
+ "http://dbpedia.org/resource/Gorakhpur",
+ "http://www.wikidata.org/entity/Q5584396"
+ ],
+ "thingEnglishLabel": "Gorakhpur ",
+ "type": "about"
+ }
+ ],
+ "formats": [
+ {
+ "value": "http://www.bbc.co.uk/things/46c0517d-9927-4d1a-9954-8c63a3f7a888#id",
+ "thingLabel": "News report",
+ "thingUri": "http://www.bbc.co.uk/things/46c0517d-9927-4d1a-9954-8c63a3f7a888#id",
+ "thingId": "46c0517d-9927-4d1a-9954-8c63a3f7a888",
+ "thingType": ["tagging:TagConcept", "tagging:Format"],
+ "thingSameAs": [],
+ "thingEnglishLabel": "Report",
+ "thingPreferredLabel": "Report",
+ "thingLabelLanguage": "hi",
+ "type": "formats"
+ }
+ ]
+ }
+ },
+ "indexImage": {
+ "id": "123302097",
+ "subType": "index",
+ "href": "http://c.files.bbci.co.uk/134AC/production/_123302097_cfe6ded6-b527-4a38-bb18-c1166ef0d1ab.jpg",
+ "path": "/cpsprodpb/134AC/production/_123302097_cfe6ded6-b527-4a38-bb18-c1166ef0d1ab.jpg",
+ "height": 549,
+ "width": 976,
+ "altText": "कुशीनगर",
+ "caption": "पूजा यादव (20 वर्ष) लखनऊ शहर में रहकर पुलिस की तैयारी कर रही थी.",
+ "copyrightHolder": "चन्द्रकांत मिश्रा ",
+ "originCode": "cpsprodpb",
+ "type": "image"
+ },
+ "id": "urn:bbc:ares::asset:hindi/india-60426858",
+ "type": "cps"
+ },
+ "relatedContent": {
+ "section": {
+ "subType": "index",
+ "name": "भारत",
+ "uri": "/hindi/india",
+ "urlIdentifier": "/hindi/india",
+ "type": "simple"
+ },
+ "site": {
+ "subType": "site",
+ "name": "BBC Hindi",
+ "uri": "/hindi",
+ "urlIdentifier": "/hindi",
+ "type": "simple"
+ },
+ "groups": [
+ {
+ "type": "see-alsos",
+ "promos": [
+ {
+ "headlines": {
+ "shortHeadline": "25 साल पहले हरियाणा में कैसे टकरा गए थे सऊदी और कज़ाख़ विमान?",
+ "headline": "25 साल पहले हरियाणा में कैसे टकरा गए थे सऊदी और कज़ाख़ विमान?"
+ },
+ "locators": {
+ "assetUri": "/hindi/india-59264046",
+ "cpsUrn": "urn:bbc:content:assetUri:/hindi/india-59264046"
+ },
+ "summary": "बैंगलोर में दो विमानों के टकराने का एक बड़ा हादसा होते-होते बचा. लेकिन 25 साल पहले हरियाणा के चरखी दादरी में दो विमानों के टकराने को रोका नहीं जा सका था. क्या हुआ था तब.",
+ "timestamp": 1642664945000,
+ "language": "hi",
+ "cpsType": "STY",
+ "indexImage": {
+ "id": "122906708",
+ "subType": "index",
+ "href": "http://c.files.bbci.co.uk/13B78/production/_122906708_wide.jpg",
+ "path": "/cpsprodpb/13B78/production/_122906708_wide.jpg",
+ "height": 549,
+ "width": 976,
+ "altText": "विमान हादसा",
+ "copyrightHolder": "Getty Images",
+ "type": "image"
+ },
+ "id": "urn:bbc:ares::asset:hindi/india-59264046",
+ "type": "cps"
+ },
+ {
+ "headlines": {
+ "shortHeadline": "बिहार के मुज़फ़्फ़रपुर में बॉयलर फटने से 7 लोगों की मौत, 7 घायल",
+ "headline": "बिहार के मुज़फ़्फ़रपुर में बॉयलर फटने से 7 लोगों की मौत, 7 घायल"
+ },
+ "locators": {
+ "assetUri": "/hindi/india-59795816",
+ "cpsUrn": "urn:bbc:content:assetUri:/hindi/india-59795816"
+ },
+ "summary": "ब्लास्ट की तीव्रता का अंदाजा इसी बात से लगाया जा सकता है कि बॉयलर फटने के बाद स्थानीय लोगों ने सोशल मीडिया पर ये लिखना शुरू कर दिया कि मुज़फ़्फ़रपुर में भूकंप आया है.",
+ "timestamp": 1640565627000,
+ "language": "hi",
+ "cpsType": "STY",
+ "indexImage": {
+ "id": "122509583",
+ "subType": "index",
+ "href": "http://c.files.bbci.co.uk/96BE/production/_122509583_6.jpg",
+ "path": "/cpsprodpb/96BE/production/_122509583_6.jpg",
+ "height": 549,
+ "width": 976,
+ "altText": "बिहार, मुज़फ़्फ़रपुर",
+ "copyrightHolder": "ABHISHEK/BBC",
+ "type": "image"
+ },
+ "id": "urn:bbc:ares::asset:hindi/india-59795816",
+ "type": "cps"
+ }
+ ]
+ }
+ ]
+ }
+}
diff --git a/src/app/lib/config/optimizely/experimentIds.js b/src/app/lib/config/optimizely/experimentIds.js
new file mode 100644
index 00000000000..09e66045766
--- /dev/null
+++ b/src/app/lib/config/optimizely/experimentIds.js
@@ -0,0 +1,3 @@
+export default {
+ hindiRecommendations: '003_hindi_experiment',
+};
diff --git a/src/app/lib/config/services/russian.js b/src/app/lib/config/services/russian.js
index 575ef76f2ca..3dfc4915293 100644
--- a/src/app/lib/config/services/russian.js
+++ b/src/app/lib/config/services/russian.js
@@ -366,6 +366,10 @@ export const service = {
title: 'Главная',
url: '/russian',
},
+ {
+ title: 'Украина',
+ url: '/russian/topics/cez0n29ggrdt',
+ },
{
title: 'Коронавирус',
url: '/russian/in-depth-51962199',
diff --git a/src/app/pages/StoryPage/StoryPage.jsx b/src/app/pages/StoryPage/StoryPage.jsx
index ff0501d2ce2..09d0fc75d26 100644
--- a/src/app/pages/StoryPage/StoryPage.jsx
+++ b/src/app/pages/StoryPage/StoryPage.jsx
@@ -54,6 +54,8 @@ import { RequestContext } from '#contexts/RequestContext';
import useToggle from '#hooks/useToggle';
import RelatedTopics from '#containers/RelatedTopics';
import NielsenAnalytics from '#containers/NielsenAnalytics';
+import useOptimizelyVariation from '#hooks/useOptimizelyVariation';
+import OPTIMIZELY_EXPERIMENT_IDS from '#lib/config/optimizely/experimentIds';
import categoryType from './categoryMap/index';
import cpsAssetPagePropTypes from '../../models/propTypes/cpsAssetPage';
@@ -71,6 +73,11 @@ const StoryPage = ({ pageData, mostReadEndpointOverride }) => {
lang,
showRelatedTopics,
} = useContext(ServiceContext);
+
+ const experimentVariation = useOptimizelyVariation(
+ OPTIMIZELY_EXPERIMENT_IDS.hindiRecommendations,
+ );
+
const { enabled: preloadLeadImageToggle } = useToggle('preloadLeadImage');
const title = path(['promo', 'headlines', 'headline'], pageData);
const shortHeadline = path(['promo', 'headlines', 'shortHeadline'], pageData);
@@ -204,6 +211,43 @@ const StoryPage = ({ pageData, mostReadEndpointOverride }) => {
),
podcastPromo: podcastPromoEnabled && InlinePodcastPromo,
+ experimentBlock: props => {
+ const { showForVariation, part } = props;
+ // Return 'control' variation if 'control' is returned from Optimizely or experiment is not enabled
+ if (
+ showForVariation === 'control' &&
+ (experimentVariation === 'control' || !experimentVariation)
+ ) {
+ return (
+
+ );
+ }
+
+ if (
+ showForVariation === 'variation_1' &&
+ experimentVariation === 'variation_1'
+ ) {
+ if (part === 1) {
+ return Recs with 2 items, first 2 recs
;
+ }
+ if (part === 2) {
+ return Recs with 2 items, last 2 recs
;
+ }
+ }
+
+ if (
+ showForVariation === 'variation_3' &&
+ experimentVariation === 'variation_3'
+ ) {
+ return scrolling recs
;
+ }
+
+ return null;
+ },
};
const StyledTimestamp = styled(Timestamp)`
diff --git a/src/app/routes/cpsAsset/getInitialData/addExperimentPlaceholderBlocks/index.js b/src/app/routes/cpsAsset/getInitialData/addExperimentPlaceholderBlocks/index.js
new file mode 100644
index 00000000000..936ae1077f4
--- /dev/null
+++ b/src/app/routes/cpsAsset/getInitialData/addExperimentPlaceholderBlocks/index.js
@@ -0,0 +1,110 @@
+import path from 'ramda/src/path';
+import splitAt from 'ramda/src/splitAt';
+import { STORY_PAGE } from '#app/routes/utils/pageTypes';
+import { getNthCpsParagraphIndex } from '../helpers';
+import deepClone from '../../../utils/jsonClone';
+
+const insertExperimentBlock = (experimentBlock, blocks, insertIndex) => {
+ const paragraphIndex = getNthCpsParagraphIndex(blocks, insertIndex);
+
+ if (!paragraphIndex) {
+ return blocks;
+ }
+
+ const parts = splitAt(paragraphIndex + 1, blocks);
+
+ return [...parts[0], { ...experimentBlock }, ...parts[1]];
+};
+
+const addExperimentPlaceholderBlocks = service => originalJson => {
+ const json = deepClone(originalJson);
+ const pageType = path(['metadata', 'type'], json);
+ const { allowAdvertising } = path(['metadata', 'options'], json);
+ let blocks = path(['content', 'model', 'blocks'], json);
+
+ if (pageType !== STORY_PAGE || !blocks || !allowAdvertising) {
+ return json;
+ }
+
+ /**
+ * Default recommendations for services outside of the experiment
+ */
+
+ if (service !== 'hindi') {
+ const { assetUri } = path(['metadata', 'locators'], json);
+
+ const defaultRecommendationsBlock = {
+ type: 'wsoj',
+ model: {
+ type: 'recommendations',
+ path: `/api/recommend?recSys=2&limit=4&assetUri=${assetUri}`,
+ },
+ };
+
+ json.content.model.blocks = insertExperimentBlock(
+ defaultRecommendationsBlock,
+ blocks,
+ 5,
+ );
+
+ return json;
+ }
+
+ /**
+ * For the Hindi service, we need to insert the experiment blocks into the pageData
+ */
+
+ const experimentBlocks = [
+ // Control recs block
+ {
+ block: {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'control',
+ },
+ },
+ insertIndex: 5,
+ },
+ // Split recs blocks
+ {
+ block: {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'variation_1',
+ part: 1,
+ },
+ },
+ insertIndex: 5,
+ },
+ {
+ block: {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'variation_1',
+ part: 2,
+ },
+ },
+ insertIndex: 10,
+ },
+ // Scrollable recs block
+ {
+ block: {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'variation_3',
+ },
+ },
+ insertIndex: 5,
+ },
+ ];
+
+ experimentBlocks.forEach(({ block, insertIndex }) => {
+ blocks = insertExperimentBlock(block, blocks, insertIndex);
+ });
+
+ json.content.model.blocks = blocks;
+
+ return json;
+};
+
+export default addExperimentPlaceholderBlocks;
diff --git a/src/app/routes/cpsAsset/getInitialData/addExperimentPlaceholderBlocks/index.test.js b/src/app/routes/cpsAsset/getInitialData/addExperimentPlaceholderBlocks/index.test.js
new file mode 100644
index 00000000000..5eb22978e9c
--- /dev/null
+++ b/src/app/routes/cpsAsset/getInitialData/addExperimentPlaceholderBlocks/index.test.js
@@ -0,0 +1,740 @@
+import deepClone from 'ramda/src/clone';
+import addExperimentPlaceholderBlocks from '.';
+
+const styInput = {
+ metadata: {
+ type: 'STY',
+ options: {
+ allowAdvertising: true,
+ },
+ locators: {
+ assetUri: '/news/media-333256',
+ },
+ },
+ content: {
+ model: {
+ blocks: [
+ {
+ type: 'headline',
+ },
+ {
+ type: 'timestamp',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'image',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'unorderedList',
+ },
+ ],
+ },
+ },
+ {
+ type: 'image',
+ },
+ {
+ type: 'audio',
+ },
+ {
+ type: 'video',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'subheadline',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'unorderedList',
+ },
+ ],
+ },
+ },
+ {
+ type: 'image',
+ },
+ {
+ type: 'audio',
+ },
+ {
+ type: 'video',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ ],
+ },
+ },
+};
+
+describe('addExperimentPlaceholderBlocks', () => {
+ it('should add a block of type wsoj after the first 5 paragraph blocks', async () => {
+ const input = deepClone(styInput);
+ const expected = {
+ metadata: {
+ type: 'STY',
+ options: {
+ allowAdvertising: true,
+ },
+ locators: {
+ assetUri: '/news/media-333256',
+ },
+ },
+ content: {
+ model: {
+ blocks: [
+ {
+ type: 'headline',
+ },
+ {
+ type: 'timestamp',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'image',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'unorderedList',
+ },
+ ],
+ },
+ },
+ {
+ type: 'image',
+ },
+ {
+ type: 'audio',
+ },
+ {
+ type: 'video',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'subheadline',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'wsoj',
+ model: {
+ type: 'recommendations',
+ path: '/api/recommend?recSys=2&limit=4&assetUri=/news/media-333256',
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'unorderedList',
+ },
+ ],
+ },
+ },
+ {
+ type: 'image',
+ },
+ {
+ type: 'audio',
+ },
+ {
+ type: 'video',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ ],
+ },
+ },
+ };
+
+ expect(addExperimentPlaceholderBlocks()(input)).toEqual(expected);
+ });
+ it('should return input if allowAdvertising is false', async () => {
+ const input = deepClone(styInput);
+ input.metadata.options.allowAdvertising = false;
+
+ expect(addExperimentPlaceholderBlocks()(input)).toEqual(input);
+ });
+ it('should return input if page ype is not STY', async () => {
+ const input = deepClone(styInput);
+ input.metadata.type = 'PGL';
+
+ expect(addExperimentPlaceholderBlocks()(input)).toEqual(input);
+ });
+ it('should return input if blocks is empty', async () => {
+ const input = deepClone(styInput);
+ delete input.content.model.blocks;
+
+ expect(addExperimentPlaceholderBlocks()(input)).toEqual(input);
+ });
+ it('should return input if there are not up to 5 paragraph blocks', async () => {
+ const input = deepClone(styInput);
+ input.content.model.blocks = [
+ {
+ type: 'headline',
+ },
+ {
+ type: 'timestamp',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ ];
+
+ expect(addExperimentPlaceholderBlocks()(input)).toEqual(input);
+ });
+ it('should return input with all experiment placeholder blocks if on the Hindi service', async () => {
+ const input = deepClone(styInput);
+ input.content.model.blocks = [
+ {
+ type: 'headline',
+ },
+ {
+ type: 'timestamp',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ ];
+ const expected = {
+ metadata: {
+ type: 'STY',
+ options: {
+ allowAdvertising: true,
+ },
+ locators: {
+ assetUri: '/news/media-333256',
+ },
+ },
+ content: {
+ model: {
+ blocks: [
+ {
+ type: 'headline',
+ },
+ {
+ type: 'timestamp',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'variation_3',
+ },
+ },
+ {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'variation_1',
+ part: 1,
+ },
+ },
+ {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'control',
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'variation_1',
+ part: 2,
+ },
+ },
+ ],
+ },
+ },
+ };
+
+ expect(addExperimentPlaceholderBlocks('hindi')(input)).toEqual(expected);
+ });
+ it('should return only the first half of the split recommendations if there are less than 10 paragraphs', async () => {
+ const input = deepClone(styInput);
+ input.content.model.blocks = [
+ {
+ type: 'headline',
+ },
+ {
+ type: 'timestamp',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ ];
+ const expected = {
+ metadata: {
+ type: 'STY',
+ options: {
+ allowAdvertising: true,
+ },
+ locators: {
+ assetUri: '/news/media-333256',
+ },
+ },
+ content: {
+ model: {
+ blocks: [
+ {
+ type: 'headline',
+ },
+ {
+ type: 'timestamp',
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'text',
+ model: {
+ blocks: [
+ {
+ type: 'paragraph',
+ },
+ ],
+ },
+ },
+ {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'variation_3',
+ },
+ },
+ {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'variation_1',
+ part: 1,
+ },
+ },
+ {
+ type: 'experimentBlock',
+ model: {
+ showForVariation: 'control',
+ },
+ },
+ ],
+ },
+ },
+ };
+
+ expect(addExperimentPlaceholderBlocks('hindi')(input)).toEqual(expected);
+ });
+});
diff --git a/src/app/routes/cpsAsset/getInitialData/index.js b/src/app/routes/cpsAsset/getInitialData/index.js
index 0d172b9afae..16e2da35a78 100644
--- a/src/app/routes/cpsAsset/getInitialData/index.js
+++ b/src/app/routes/cpsAsset/getInitialData/index.js
@@ -29,6 +29,7 @@ import getAdditionalPageData from '../utils/getAdditionalPageData';
import getErrorStatusCode from '../../utils/fetchPageData/utils/getErrorStatusCode';
import isListWithLink from '../../utils/isListWithLink';
import addIndexToBlockGroups from '../../utils/sharedDataTransformers/addIndexToBlockGroups';
+// import addExperimentPlaceholderBlocks from './addExperimentPlaceholderBlocks';
export const only =
(pageTypes, transformer) =>
@@ -46,7 +47,8 @@ const formatPageData = pipe(
only([STORY_PAGE], insertPodcastPromo),
);
-const processOptimoBlocks = toggles =>
+// eslint-disable-next-line no-unused-vars
+const processOptimoBlocks = toggles => service =>
pipe(
only([MEDIA_ASSET_PAGE], processUnavailableMedia),
addHeadlineBlock,
@@ -61,6 +63,7 @@ const processOptimoBlocks = toggles =>
addMpuBlock,
addIdsToBlocks,
applyBlockPositioning,
+ // addExperimentPlaceholderBlocks(service),
cpsOnlyOnwardJourneys,
addIndexToBlockGroups(isListWithLink, {
blockGroupType: 'listWithLink',
@@ -70,14 +73,14 @@ const processOptimoBlocks = toggles =>
// Here pathname is passed as a prop specifically for CPS includes
// This will most likely change in issue #6784 so it is temporary for now
-const transformJson = async (json, pathname, toggles) => {
+const transformJson = async (json, pathname, toggles, service) => {
try {
const formattedPageData = formatPageData(json);
const optimoBlocks = await convertToOptimoBlocks(
formattedPageData,
pathname,
);
- return processOptimoBlocks(toggles)(optimoBlocks);
+ return processOptimoBlocks(toggles)(service)(optimoBlocks);
} catch (e) {
// We can arrive here if the CPS asset is a FIX page
// TODO: consider checking if FIX then don't transform JSON
@@ -120,7 +123,7 @@ export default async ({
return {
status,
pageData: {
- ...(await transformJson(json, pathname, toggles)),
+ ...(await transformJson(json, pathname, toggles, service)),
...processedAdditionalData,
},
};