woocommerce/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/1050.md

9.0 KiB

Testing notes and ZIP for release 10.5.0

Zip file for testing: woocommerce-gutenberg-products-block.zip

WooCommerce Core

Fix error when adding the Reviews by Category block to a store without any product reviews. (9868)

  1. Make sure your store has no reviews.
  2. Create a new post: To do this, navigate to Posts > Add New from the WordPress dashboard.
  3. Add the Reviews by Category block: Inside the new post editor, click on the plus icon (+) at the top left corner or within the post editor to add a new block. In the search bar that appears, type Reviews by Category and click on it to add the block to your post.
  4. Configure the Reviews by Category block: Now, you can configure the block based on your needs. Select the category you want to display reviews from using the dropdown in the block selector.
  5. Check that the block is inserted to the Editor and no error appears.
Before After
image image

Allow Customer Account Block to be found with keyword "My Account". (9815)

  1. Create a new post: To do this, navigate to Posts > Add New from the WordPress dashboard.
  2. Open the inserter and search for "My account".
  3. Check if Customer Account Block shows up.

Ensure the "Change Address" button is visible in the cart even if local pickup is selected. (9809)

  1. Ensure you are using the Cart block.
  2. Go to /my-account/edit-address/ and ensure your test account has a (shipping) address.
  3. Ensure you have an item in the cart that needs shipping, and a mixture of pickup and flat rates.
  4. Select the local pickup shipping method.
  5. Confirm the “change address” button is still shown.

Screenshot 2023-06-13 at 14 18 51

WooCommerce Product Filters pattern: Improve the preview of the Filter by Attribute block. (9812)

  1. Create a new page or post.
  2. Open the block inserter and search for the WooCommerce Product Filters pattern.
  3. Check the preview image of the pattern in the inserter and make sure you see one attribute selected and not the "edit" view of the filter by attribute block (see screenshot above).
  4. If the store does not have any attributes you should still see the "edit" view though.
Before After
image image

Mini Cart block: Fix icon render in the widget selector. (9828)

  1. Enable the Storefront theme.
  2. Click on "Appearance > Customize".
  3. Click on "Widgets > Below Header".
  4. Search for the Mini Cart widget.
  5. Ensure the Mini Cart icon displays correctly.
Before After
before icon after icon

Mini Cart: Add an alternative icon setting. (9570)

  1. Add the Mini-Cart block to a page.
  2. Select the Bag alternative icon and save.
  3. Make sure it displays correctly in the editor and on the page.
  4. Repeat the same for the third icon (Bag-Alt).
Before After
Edit_Page_“Mini_cart”_‹_kirigami_—_WordPress-2 Edit_Page_“Mini_cart”_‹_kirigami_—_WordPress

Fix capitalization in Product Collections: Newest Arrivals pattern. (9777)

  1. Create a post or page and open the Patterns tab in the inserter.
  2. Search for product collections.
  3. Verify the word Collections is capitalized in all the available patterns.

Prevent Mini-Cart drawer to show horizontal scrollbar if the system has visible scrollbars. (9676)

  1. Set up your browser so scrollbars are visible (see instructions for Mac, on GNOME it's under Settings > Accessibility).
  2. Add the Mini-Cart block to the header of your store.
  3. In the frontend, open the Mini-Cart drawer and verify there is no horizontal scrollbar in the contents table.
Before After
imatge imatge

Add RTL preview support for mini-cart. (9756)

  1. On a block theme (ie: Twenty Twenty Three), create a new post/page and insert the mini-cart block.
  2. Switch to a RTL language such as Arabic.
  3. Click on the mini-cart block in the Editor.
  4. In the inspector controls, you should see a preview of the mini-cart drawer that shows a RTL version. ( where the drawer opens from the left ).
  5. Switch to English language and now the preview should be opening from the right instead.

file.png

Fix mini cart icon not displaying correctly in RTL sites. (9707)

  1. Install a plugin called "RTL Tester".
  2. Switch to RTL with the button in your admin bar.
  3. Add a post and insert the Mini cart block.
  4. Click on the Mini cart icon to open the editor drawer.
  5. Ensure the Mini cart icon is facing left instead of right as seen in the screenshot above.

file.png

All Reviews block: Fix error when adding the block to a store without reviews. (9869)

  1. Make sure your store has no reviews.
  2. Create a new post: Navigate to Posts > Add New from the WordPress dashboard.
  3. Add the All Reviews block: When you're in the new post editor, click on the plus icon (+) in the top left corner or within the post editor to add a new block. Type All Reviews in the search bar and click on it to add the block to your post.
  4. Check that the block is inserted to the Editor without any errors.

Mini Cart Block: show the total price, including tax, according to the option. (9878)

  1. Open the WooCommerce Settings via WooCommerce > Settings from the sidebar menu of the WP-Admin.
  2. Enable the option "Enable tax rates and calculations".
  3. Click on the "Tax" tab.
  4. Click on "Standard Rates" and configure a tax rate. Save.
  5. Click on the "Tax" tab.
  6. Set the "Display prices during cart and checkout" option to "Including Tax".
  7. Now set up a Shipping method going to WooCommerce > Settings > Shipping > Add shipping zone. Create the zone and add a shipping method with a price different from 0.
  8. With the Site Editor adds the Mini Cart in the header.
  9. On the front end, add a product to the cart and go to the Cart page, so shipping price is calculated.
  10. Go back to the Shop page
  11. Ensure that the Mini Cart shows the price including the tax, but not including the Shipping prive.
  12. Hover the Mini Cart.
  13. Ensure that the Mini Cart shows always the same price.
  14. Open the WooCommerce Settings.
  15. Click on the "Tax" tab.
  16. Set the "Display prices during cart and checkout" option to "Excluding Tax".
  17. On the front end, add a product to the cart.
  18. Refresh the page.
  19. Ensure that the Mini Cart shows the price excluding the tax.
  20. Hover the Mini Cart.
  21. Ensure that the Mini Cart shows always the same price.

Products block: fix compatibility with Gutenberg 16. (9886)

  1. Ensure that you have Gutenberg 16 installed and enabled.
  2. Create a post/page.
  3. Add the Products block.
  4. Ensure that Products block defaults to the grid layout.