adding new variant variant2 which does not show the RR banner

Author: oliverabrahams

ab-testing/config/abTests.ts

@@ -215,7 +215,7 @@ const ABTests: ABTest[] = [
 		status: "ON",
 		audienceSize: 0 / 100,
 		audienceSpace: "B",
-		groups: ["control", "variant"],
+		groups: ["control", "variant", "variant2"],
 		shouldForceMetricsCollection: true,
 	},
 	{

dotcom-rendering/src/components/StickyBottomBanner.island.tsx

@@ -125,6 +125,7 @@ const buildRRBannerConfigWith = ({
 		pageId,
 		inHoldbackGroup,
 		inAuxiaVariant,
+		inNoShowMobileAboveNavVariant,
 	}: {
 		isSignedIn: boolean;
 		countryCode: CountryCode;
@@ -144,6 +145,7 @@ const buildRRBannerConfigWith = ({
 		pageId?: string;
 		inHoldbackGroup?: boolean;
 		inAuxiaVariant?: boolean;
+		inNoShowMobileAboveNavVariant?: boolean;
 	}): CandidateConfig<ModuleData<BannerProps>> => {
 		return {
 			candidate: {
@@ -182,6 +184,7 @@ const buildRRBannerConfigWith = ({
 						pageId,
 						inHoldbackGroup,
 						inAuxiaVariant,
+						inNoShowMobileAboveNavVariant,
 					}),
 				show: ({ name, props }: ModuleData<BannerProps>) => (
 					<BannerComponent name={name} props={props} />
@@ -339,6 +342,11 @@ export const StickyBottomBanner = ({
 					'control',
 				) ?? false,
 			inAuxiaVariant,
+			inNoShowMobileAboveNavVariant:
+				abTests?.isUserInTestGroup(
+					'commercial-mobile-above-nav-test',
+					'variant2',
+				) ?? false,
 		});
 		const brazeArticleContext: BrazeArticleContext = {
 			section: sectionId,

dotcom-rendering/src/components/StickyBottomBanner/ReaderRevenueBanner.tsx

@@ -52,6 +52,7 @@ type BaseProps = {
 	pageId?: string;
 	inHoldbackGroup?: boolean;
 	inAuxiaVariant?: boolean;
+	inNoShowMobileAboveNavVariant?: boolean;
 };
 
 type BuildPayloadProps = BaseProps & {
@@ -76,6 +77,19 @@ export type CanShowFunctionType<T> = (
 	props: CanShowProps,
 ) => Promise<CanShowResult<T>>;
 
+// the test includes the crossword pages (tag type/crossword) and the crosswords front (pageId === 'crosswords')
+const isInMobileAboveNavTest = (
+	tags: TagType[],
+	renderingTarget: RenderingTarget,
+	pageId?: string,
+): boolean => {
+	return (
+		(tags.some((tag) => tag.id === 'type/crossword') ||
+			pageId === 'crosswords') &&
+		renderingTarget === 'Web'
+	);
+};
+
 const getArticleCountToday = (
 	articleCounts: ArticleCounts | undefined,
 ): number | undefined => {
@@ -209,7 +223,15 @@ export const canShowRRBanner: CanShowFunctionType<
 	pageId,
 	inHoldbackGroup,
 	inAuxiaVariant,
+	inNoShowMobileAboveNavVariant,
 }) => {
+	if (
+		inNoShowMobileAboveNavVariant === true &&
+		isInMobileAboveNavTest(tags, renderingTarget, pageId)
+	) {
+		return { show: false };
+	}
+
 	if (!remoteBannerConfig) {
 		return { show: false };
 	}