Domain step text: Modify text for the free subdomain tooltip

[niranjan-uma-shankar]

Changes proposed in this Pull Request

The next domain step test is being implemented in #39276. The test is hidden behind a feature flag. We will build individual pieces of the UI in separate PRs.

• Update tooltip text for the free subdomain URL as mentioned in the comment Domain step test: Fix pricing text alignment #39393 (comment)
• Also fixes a bug wherein clicking the "Learn More" link in the tooltip would also add the domain to cart.

Testing instructions

• Go through the signup flow /start - assign yourself to variantShowUpdates of domainStepCopyUpdates and variantDesignUpdates of domainStepDesignUpdates.

• Verify that for the free .blog and .wordpres.com domains, the tooltip text matches the recommendations in Domain step test: Fix pricing text alignment #39393 (comment):

  • For .wordpress.com, we will say Every WordPress.com site comes with a free WordPress.com address.
  • For .blog, we will say: Every WordPress.com blog comes with a free .blog address.

• Verify that if you click the "Learn More" link in the domain price tooltips, the domain item does not get added to cart.

• Verify that for .app domains, clicking the "Learn more" link in the tooltip does not add domain item to cart (you can use the More Extensions button to filter by .app domains if not pointed to sandbox).

[matticbot]

Test live: https://calypso.live/?branch=update/domain-step-tooltip-free

[a8ci18n]

ℹ️ String reuse speeds up translation and improves consistency. The following string might make a good alternative and has already been translated 1 times:
translate( 'Every WordPress.com site comes with a free address using a WordPress.com subdomain. {{a}}Learn more{{/a}}.' ) ES Score: 7

[matticbot]

Here is how your PR affects size of JS and CSS bundles shipped to the user's browser:

Sections (~48 bytes added 📈 [gzipped])

name     parsed_size           gzip_size
domains       +475 B  (+0.1%)      +48 B  (+0.0%)

Sections contain code specific for a given set of routes. Is downloaded and parsed only when a particular route is navigated to.

Async-loaded Components (~48 bytes added 📈 [gzipped])

name                             parsed_size           gzip_size
async-load-signup-steps-domains       +475 B  (+0.2%)      +48 B  (+0.1%)

React components that are loaded lazily, when a certain part of UI is displayed for the first time.

Legend

What is parsed and gzip size?

Parsed Size: Uncompressed size of the JS and CSS files. This much code needs to be parsed and stored in memory.
Gzip Size: Compressed size of the JS and CSS files. This much data needs to be downloaded over network.

Generated by performance advisor bot at iscalypsofastyet.com.

[p-jackson]

LGTM 🚢

Can also confirm that clicking "Learn More" isn't adding any domain items to the cart.