This PR updates the component used in the domain upsell flow to support both monthly and annual subscriptions for Professional Email, with the caller deciding which of the two should be offered.
The second piece of the PR is to specify the annual product for the email upsell page in the in-Calypso domain purchase flow
Click on the “Add a domain” button, and then on the “Search for a domain” option
Search for a domain, and click on the “Select” button for a domain name
Verify that you see the domain upsell page, and that the Professional Email card shows you a “billed annually” price, and a price that is less than the normal monthly price by about 1/6th
Fill out the form to add a mailbox, and click on the “Add” button
Verify that checkout displays the annual product (it should say “billed annually”)
Complete checkout and verify that the purchase goes through correctly
Now navigate to Upgrades -> Emails
For a domain where you don’t have an email solution, click on “Add Email”
Verify that you see the new email comparison page
Add ?flags=-emails/new-email-comparison to the URL
Verify that you now see the old email comparison page
Verify that the monthly price is displayed for Professional Email, and the price includes “billed monthly”
Add one or more mailboxes and click on the “Add” button
Verify that you’re taken to checkout and that the product shows “billed monthly”
Complete checkout and verify that the purchase completes and has the correct billing interval
Screenshots
Domain upsell showing annual product
Checkout showing annual product with new domain
Unfortunately, no screenshots were provided by the developer.