Signup: Add alternative theme selection AB test

Signup: Change the commence date for default theme A/B test

client/lib/abtest/active-tests.js

@@ -81,4 +81,13 @@ module.exports = {
 		},
 		defaultVariation: 'original'
 	},
+	altThemes: {
+		datestamp: '20160215',
+		variations: {
+			original: 20,
+			altThemes: 20,
+			notTested: 60
+		},
+		defaultVariation: 'original'
+	},
 };

client/signup/config/flows.js

@@ -11,6 +11,7 @@ var assign = require( 'lodash/object/assign' ),
 var config = require( 'config' ),
 	stepConfig = require( './steps' ),
 	abtest = require( 'lib/abtest' ).abtest,
+	getABTestVariation = require( 'lib/abtest' ).getABTestVariation,
 	user = require( 'lib/user' )();
 
 function getCheckoutDestination( dependencies ) {
@@ -172,7 +173,21 @@ const flows = {
 		destination: getCheckoutDestination,
 		description: 'Signup flow for free trials',
 		lastModified: '2015-12-18'
-	}
+	},
+
+	'website-altthemes': {
+		steps: [ 'survey', 'altthemes', 'domains', 'plans', 'user' ],
+		destination: getCheckoutDestination,
+		description: 'Alternative theme selection for the users who clicked "Create Website" on the two-button homepage.',
+		lastModified: '2016-02-12'
+	},
+
+	'blog-altthemes': {
+		steps: [ 'survey', 'altthemes', 'domains', 'plans', 'user' ],
+		destination: getCheckoutDestination,
+		description: 'Alternative theme selection for the users who clicked "Create blog" on the two-button homepage.',
+		lastModified: '2016-02-12'
+	},
 };
 
 function removeUserStepFromFlow( flow ) {
@@ -190,6 +205,13 @@ function filterFlowName( flowName ) {
 	if ( includes( headstartFlows, flowName ) && 'headstart' === abtest( 'headstart' ) ) {
 		return 'headstart';
 	}
+
+	const altThemesFlows = [ 'blog', 'website' ];
+	if ( includes( altThemesFlows, flowName ) && 'notTested' === getABTestVariation( 'headstart' ) ) {
+		if ( 'altThemes' === abtest( 'altThemes' ) ) {
+			return ( 'blog' === flowName ) ? 'blog-altthemes' : 'website-altthemes';
+		}
+	}
 	return flowName;
 }
 

client/signup/config/step-components.js

@@ -22,6 +22,7 @@ module.exports = {
 	survey: SurveyStepComponent,
 	'design-type': DesignTypeComponent,
 	'themes-headstart': ThemeSelectionComponent,
+	altthemes: ThemeSelectionComponent,
 	'domains-with-theme': DomainsStepComponent,
 	'jetpack-user': UserSignupComponent
 };

client/signup/config/steps.js

@@ -25,6 +25,25 @@ module.exports = {
 		providesDependencies: [ 'theme' ]
 	},
 
+	altthemes: {
+		stepName: 'altthemes',
+		props: {
+			themes: [
+				{ name: 'Dyad', slug: 'dyad' },
+				{ name: 'Independent Publisher', slug: 'independent-publisher' },
+				{ name: 'Sela', slug: 'sela' },
+				{ name: 'Hemingway Rewritten', slug: 'hemingway-rewritten' },
+				{ name: 'Twenty Sixteen', slug: 'twentysixteen' },
+				{ name: 'Penscratch', slug: 'penscratch' },
+				{ name: 'Edin', slug: 'edin' },
+				{ name: 'Publication', slug: 'publication' },
+				{ name: 'Harmonic', slug: 'harmonic' },
+			],
+		},
+		apiRequestFunction: stepActions.setThemeOnSite,
+		dependencies: [ 'siteSlug' ]
+	},
+
 	'design-type': {
 		stepName: 'design-type',
 		providesDependencies: [ 'themes' ]