Remove test from old framework and replace with new. Start test.

Author: domlander

ab-testing/config/abTests.ts

@@ -58,6 +58,18 @@ const ABTests: ABTest[] = [
 		groups: ["control", "variant"],
 		shouldForceMetricsCollection: true,
 	},
+	{
+		name: "fronts-and-curation-onward-journeys",
+		description: "Testing the new Onward Journey component on all articles",
+		owners: ["[email protected]"],
+		expirationDate: `2026-02-25`,
+		type: "client",
+		status: "ON",
+		audienceSize: 50 / 100,
+		audienceSpace: "A",
+		groups: ["control", "variant"],
+		shouldForceMetricsCollection: false,
+	},
 ];
 
 const activeABtests = ABTests.filter((test) => test.status === "ON");

ab-testing/config/types.ts

@@ -4,7 +4,7 @@ type AudienceSpace = Map<string, FastlyTestParams>;
 
 type AllSpace = Map<string, FastlyTestParams[]>;
 
-type Team = "commercial" | "webex" | "thefilter";
+type Team = "commercial" | "webex" | "thefilter" | "fronts-and-curation";
 
 type TestName = `${Team}-${string}`;
 
@@ -23,7 +23,8 @@ type ABTest = {
 	expirationDate: `${Year}-${Month}-${Day}`;
 	/** Test type: should this run on the server or client */
 	type: "server" | "client";
-	/** Whether the AB test is currently running or not
+	/**
+	 * Whether the AB test is currently running or not
 	 * Would be nice to know who changed the status last and when
 	 */
 	status: "ON" | "OFF";
@@ -37,7 +38,8 @@ type ABTest = {
 	audienceSpace?: "A" | "B" | "C";
 	/** Test group definition */
 	groups: string[];
-	/** Bypasses sampling to force metrics collection for this test
+	/**
+	 * Bypasses sampling to force metrics collection for this test
 	 * See DCR Metrics component for end usage
 	 */
 	shouldForceMetricsCollection?: boolean;

dotcom-rendering/src/components/OnwardsUpper.importable.tsx

@@ -7,7 +7,7 @@ import {
 	Pillar,
 } from '../lib/articleFormat';
 import type { EditionId } from '../lib/edition';
-import { useAB } from '../lib/useAB';
+import { useBetaAB } from '../lib/useAB';
 import { useIsHorizontalScrollingSupported } from '../lib/useIsHorizontalScrollingSupported';
 import { palette } from '../palette';
 import type { OnwardsSource } from '../types/onwards';
@@ -227,10 +227,13 @@ export const OnwardsUpper = ({
 	webURL,
 	isInStarRatingVariant,
 }: Props) => {
-	const abTestAPI = useAB()?.api;
+	const abTests = useBetaAB();
 	const isInOnwardsAbTestVariant =
 		renderingTarget === 'Web' &&
-		abTestAPI?.isUserInVariant('OnwardJourneys', 'variant');
+		abTests?.isUserInTestGroup(
+			'fronts-and-curation-onward-journeys',
+			'variant',
+		);
 
 	const isHorizontalScrollingSupported = useIsHorizontalScrollingSupported();
 	if (!isHorizontalScrollingSupported) return null;

dotcom-rendering/src/experiments/ab-tests.ts

@@ -1,14 +1,8 @@
 import type { ABTest } from '@guardian/ab-core';
 import { abTestTest } from './tests/ab-test-test';
 import { noAuxiaSignInGate } from './tests/no-auxia-sign-in-gate';
-import { onwardJourneys } from './tests/onward-journeys';
 import { userBenefitsApi } from './tests/user-benefits-api';
 
 // keep in sync with ab-tests in frontend
 // https://github.com/guardian/frontend/tree/main/static/src/javascripts/projects/common/modules/experiments/ab-tests.ts
-export const tests: ABTest[] = [
-	abTestTest,
-	userBenefitsApi,
-	noAuxiaSignInGate,
-	onwardJourneys,
-];
+export const tests: ABTest[] = [abTestTest, userBenefitsApi, noAuxiaSignInGate];