feat: 0% AB test to limit inline merch slots

bundle/src/projects/commercial/modules/article-body-adverts.ts

@@ -1,5 +1,6 @@
 import type { AdSize, SizeMapping } from '@guardian/commercial-core';
 import { adSizes, createAdSlot } from '@guardian/commercial-core';
+import { shouldAddInlineMerchAd } from 'common/modules/commercial/inline-merch';
 import { isInEagerPrebidVariant } from 'common/modules/experiments/eager-prebid-check';
 import {
 	getCurrentBreakpoint,
@@ -417,7 +418,7 @@ const doInit = async (): Promise<boolean> => {
 
 	insertedDynamicAds = [];
 
-	const im = window.guardian.config.page.hasInlineMerchandise
+	const im = shouldAddInlineMerchAd()
 		? attemptToAddInlineMerchAd()
 		: Promise.resolve(false);
 	const inlineMerchAdded = await im;

bundle/src/projects/common/modules/commercial/inline-merch.spec.ts

@@ -0,0 +1,36 @@
+import { isInVariantSynchronous } from '../experiments/ab';
+import { shouldAddInlineMerchAd } from './inline-merch';
+
+jest.mock('common/modules/experiments/ab', () => ({
+	isInVariantSynchronous: jest.fn(),
+}));
+
+afterEach(() => {
+	jest.clearAllMocks();
+});
+
+describe('shouldAddInlineMerchAd', () => {
+	it('returns false when in the variant and page is not eligible', () => {
+		(isInVariantSynchronous as jest.Mock).mockReturnValue(true);
+		window.guardian.config.page.hasInlineMerchandise = false;
+		expect(shouldAddInlineMerchAd()).toBe(false);
+	});
+
+	it('returns false when not in the variant and page is not eligible', () => {
+		(isInVariantSynchronous as jest.Mock).mockReturnValue(false);
+		window.guardian.config.page.hasInlineMerchandise = false;
+		expect(shouldAddInlineMerchAd()).toBe(false);
+	});
+
+	it('returns true when not in the variant and page is eligible', () => {
+		(isInVariantSynchronous as jest.Mock).mockReturnValue(false);
+		window.guardian.config.page.hasInlineMerchandise = true;
+		expect(shouldAddInlineMerchAd()).toBe(true);
+	});
+
+	it('returns false when in the variant and the page is eligible', () => {
+		(isInVariantSynchronous as jest.Mock).mockReturnValue(true);
+		window.guardian.config.page.hasInlineMerchandise = true;
+		expect(shouldAddInlineMerchAd()).toBe(false);
+	});
+});

bundle/src/projects/common/modules/commercial/inline-merch.ts

@@ -0,0 +1,6 @@
+import { isInVariantSynchronous } from '../experiments/ab';
+import { limitInlineMerch } from '../experiments/tests/limit-inline-merch';
+
+export const shouldAddInlineMerchAd = () =>
+	window.guardian.config.page.hasInlineMerchandise &&
+	!isInVariantSynchronous(limitInlineMerch, 'variant');

bundle/src/projects/common/modules/experiments/ab-tests.ts

@@ -5,6 +5,7 @@ import { deeplyReadArticleFooterTest } from './tests/deeply-read-article-footer'
 import { eagerPrebid } from './tests/eager-prebid';
 import { elementsManager } from './tests/elements-manager';
 import { integrateIma } from './tests/integrate-ima';
+import { limitInlineMerch } from './tests/limit-inline-merch';
 import { remoteRRHeaderLinksTest } from './tests/remote-header-test';
 import { signInGateCopyTestJan2023 } from './tests/sign-in-gate-copy-test-variant';
 import { signInGateMainControl } from './tests/sign-in-gate-main-control';
@@ -23,4 +24,5 @@ export const concurrentTests: readonly ABTest[] = [
 	billboardsInMerch,
 	elementsManager,
 	eagerPrebid,
+	limitInlineMerch,
 ];

bundle/src/projects/common/modules/experiments/tests/limit-inline-merch.ts

@@ -0,0 +1,31 @@
+import type { ABTest } from '@guardian/ab-core';
+
+export const limitInlineMerch: ABTest = {
+	id: 'LimitInlineMerch',
+	start: '2023-06-23',
+	expiry: '2023-09-01',
+	author: '@chrislomaxjones',
+	description:
+		'Test the impact of limiting the eligibility of inline merchandising ad slots',
+	audience: 0 / 100,
+	audienceOffset: 0 / 100,
+	audienceCriteria:
+		'Article pages eligible for rendering an inline merchandising ad slot',
+	successMeasure:
+		'Limiting the presence of inline merchandising ad slots increases ad-ratio on eligible article pages',
+	canRun: () => !!window.guardian.config.page.hasInlineMerchandise,
+	variants: [
+		{
+			id: 'control',
+			test: (): void => {
+				/* no-op */
+			},
+		},
+		{
+			id: 'variant',
+			test: (): void => {
+				/* no-op */
+			},
+		},
+	],
+};