Start monthly/yearly billing button test (#18233)

Author: sirreal

client/lib/abtest/active-tests.js

@@ -105,4 +105,12 @@ module.exports = {
 		allowExistingUsers: true,
 		localeTargets: 'any',
 	},
+	jetpackBillingButtonTextI1: {
+		datestamp: '20170925',
+		variations: {
+			original: 50,
+			modified: 50,
+		},
+		defaultVariation: 'original',
+	},
 };

client/my-sites/plans-features-main/index.jsx

@@ -32,6 +32,7 @@ import purchasesPaths from 'me/purchases/paths';
 import { plansLink } from 'lib/plans';
 import SegmentedControl from 'components/segmented-control';
 import SegmentedControlItem from 'components/segmented-control/item';
+import { abtest } from 'lib/abtest';
 
 class PlansFeaturesMain extends Component {
 	getPlanFeatures() {
@@ -336,20 +337,28 @@ class PlansFeaturesMain extends Component {
 			plansUrl = basePlansPath;
 		}
 
+		const isInBillingButtonTest = abtest( 'jetpackBillingButtonTextI1' ) === 'modified';
+
 		return (
 			<SegmentedControl compact className={ segmentClasses } primary={ true }>
 				<SegmentedControlItem
 					selected={ intervalType === 'monthly' }
 					path={ plansLink( plansUrl, site, 'monthly' ) }
 				>
-					{ translate( 'Monthly billing' ) }
+					{ isInBillingButtonTest
+						? translate( 'Monthly' )
+						: translate( 'Monthly billing' )
+					}
 				</SegmentedControlItem>
 
 				<SegmentedControlItem
 					selected={ intervalType === 'yearly' }
 					path={ plansLink( plansUrl, site, 'yearly' ) }
 				>
-					{ translate( 'Yearly billing' ) }
+					{ isInBillingButtonTest
+						? translate( 'Yearly (Cheaper)' )
+						: translate( 'Yearly billing' )
+					}
 				</SegmentedControlItem>
 			</SegmentedControl>
 		);