#4200336 Registrationless checkout: Integration PR

Changes proposed in this Pull Request

This PR implements the registrationless checkout A/B test. For more reading on this project, please read pau2Xa-1hW-p2.**

This PR implements the following:

1. An A/B test that shows the userless checkout to EN-US+CA new users(existing users won’t be assigned).
2. A new signup flow called onboarding-registrationless that shows the domain step first, and will save the selected custom domain or paid plan to localstorage.
3. If a free plan is chosen, then the user registration step is shown.
4. If a paid plan is selected, then the checkout page is shown. The user should be able to complete a purchase.

Testing instructions

NOTE – Depends on D45659-code, so please apply this first.

Scenario 1 – Verify test assignment

1. Open /start logged out. If you are not in Gutenboarding flow i.e redirected to /new, then verify that you are assigned to the userlessCheckout test.
   • If in control group, then you should see the onboarding flow at /start/user
   • If in the variant, you should be navigated to /start/onboarding-registrationless/domains
2. Assignment should only work in EN-US+CA. It should not work in non-EN locale or non-US+CA.
3. Log in to an existing wpcom account and click “Add new site”, and confirm that you are not assigned to the test. We assign the test to only new users.
4. Verify that you are not assigned to the test if navigating to /start/personal, or any of the paid plan flows, domain only flow, theme flow /start/with-theme.

Scenario 2 – Verify free plan selected creates a site

1. Navigate to http://calypso.localhost:3000/, set your locale/geo to EN-US, and assign yourself to variantUserless of userlessCheckout test and control of newSiteGutenbergOnboarding test.
2. Select a free domain and free plan.
3. Verify you see the user registration step.
4. Complete registration and verify that a new account and site is created with your chosen free domain.

Scenario 3 – Verify paid domain or paid plan saves to localstorage

1. Navigate to http://calypso.localhost:3000/, set your locale/geo to EN-US, and assign yourself to variantUserless of userlessCheckout test and control of newSiteGutenbergOnboarding test.
2. Select a paid domain and paid plan.
3. After selecting a paid plan, _you will be directed to the checkout page.
4. Open browser console and check:
   • Type localstorage.shoppingCart and verify that your plan selection and domain selection is saved. Check this example value.
   • Type localstorage.siteParams and verify that your new site parameters are saved. Check this example value.

Scenario 4 – Verify that ‘control’ group flow works normally

1. Assign yourself to control of the userlessCheckout test and control of newSiteGutenbergOnboarding test.
2. Begin at /start and verify that account creation and site creation works normally as before.
3. Also verify that the domain only flow works correctly (since both the userless checkout and domain only flow use the /checkout/no-site route)

Scenario 5 – Add new site should redirect to the onboarding flow

1. Navigate to http://calypso.localhost:3000/, set your locale/geo to EN-US, and assign yourself to variantUserless of userlessCheckout test and control of newSiteGutenbergOnboarding test.
2. Select a free domain and free plan, and create an account.
3. Once logged in to Calypso, click Add new site.
4. Confirm that you are redirected to the onboarding flow at /start/user and not /start/onboarding-registrationless. This is because we want subsequent site creations via “Add new site” to go via the regular onboarding flow.

Run through the testing instructions in the following sub-PRs and verify that all of them pass:
#44209
#44211
#44227
#44229
#44231
#44234
#44236
#44238
#44456
#44475
#44477