Make shipping total in Cart/Checkout block order summaries show FREE if shipping price is 0

[opr]

Changes proposed in this Pull Request:

This PR will show the text 'FREE' in bold and capital letters in the order summary on the Cart and Checkout block.

It also adds a unit test to cover this, and fixes a TS issue with some earlier tests.

How to test the changes in this Pull Request:

Using the WooCommerce Testing Instructions Guide, include your detailed testing instructions:

1. Have at least two shipping options set up, one should be free shipping.
2. Go to WooCommerce -> Settings -> Shipping -> Shipping Settings and ensure Enable the shipping calculator on the cart page is checked.
3. Add an item to your cart and go to the Cart block.
4. In the order summary, select the free shipping rate. The shipping price should now say 'FREE'.

5. Change your shipping method to flat rate and ensure the correct price shows. It should not say 'FREE'.
6. Go to the Checkout block and do the same, ensure the correct value shows for free and paid shipping.

Changelog entry

• Automatically create a changelog entry from the details below.

Significance

• Patch
• Minor
• Major

Type

• Fix - Fixes an existing bug
• Add - Adds functionality
• Update - Update existing functionality
• Dev - Development related task
• Tweak - A minor adjustment to the codebase
• Performance - Address performance issues
• Enhancement - Improvement to existing functionality

Message

Comment

[github-actions]

Test using WordPress Playground

The changes in this pull request can be previewed and tested using a WordPress Playground instance.
WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser.

Test this pull request with WordPress Playground.

Note that this URL is valid for 30 days from when this comment was last updated. You can update it by closing/reopening the PR or pushing a new commit.

[github-actions]

Hi @senadir,

Apart from reviewing the code changes, please make sure to review the testing instructions as well.

You can follow this guide to find out what good testing instructions should look like:
https://github.com/woocommerce/woocommerce/wiki/Writing-high-quality-testing-instructions

[senadir]

@opr you need to update tests that still refer to 0.00$ to Free.

[opr]

@opr you need to update tests that still refer to 0.00$ to Free.

Thanks, yeah I plan to work on this today.

[senadir]

Checks out!