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

6.0 KiB

Testing notes and ZIP for release 8.7.5

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

Feature plugin and package inclusion in WooCommerce

Fix Mini Cart Global Styles. 7515

  1. Enable TT3 theme.
  2. Go to Appearance > Site Editor and replace the header with WooCommerce Essential Header | Light pattern.
  3. Save and visit the frontend.
  4. Hover over the Mini Cart and be sure that the font size doesn't change.
  5. Edit some settings related to the Mini Cart Global Styles.
  6. Be sure that the settings are reflected correctly on the editor and frontend side.

Fix inconsistent button styling with TT3. (7516)

Before After
image image
  1. Enable TT3.
  2. Create a new post/page and add the All Product block and the Product Categories block.
  3. Save.
  4. Visit the post/page via incognito mode and be sure that all the buttons have the same style.

Make the Filter by Price block range color dependent of the theme color. 7525

Theme Before After
Storefront imatge imatge
TT2 (dark) imatge imatge
Bricksy imatge imatge
TT3 (default) imatge imatge
TT3 (Pilgrimage) imatge imatge
  1. Add the Filter by Price and the All Products blocks in the same page.
  2. Visit the page in the frontend and move the price slider thumbs.
  3. Verify there is enough contrast between the "active" part of the slider and the "inactive" one (see screenshots above).

Filter by Price block: fix price slider visibility on dark themes. 7527

With dark background With light background
Before this PR Screen Capture on 2022-10-28 at 17-10-01 Screen Capture on 2022-10-28 at 17-11-48
With this PR Screen Capture on 2022-10-28 at 17-08-35 Screen Capture on 2022-10-28 at 17-02-05
  1. Enable TT2.
  2. Add the Filter by Price and All Products blocks inside a Columns block into a post or page.
  3. Change the background color of the Filter by Price column to a dark color. Change the text color to a light color.
  4. Notice the price slider is visible.

Update the Mini Cart block drawer to honor the theme's background. 7510

  1. Download and activate TT3 select the Pilgrimage style variation (see screenshot below).
  2. Add the Mini Cart block to a post or page.
  3. In the frontend, click on the Mini Cart button to open the drawer.
  4. Verify the background is dark and text can be read properly.
  5. Back in the editor, select the Mini Cart block and press on Edit Mini Cart template part in the sidebar. That will open the template editor.
  6. Verify text is legible there as well: imatge
  7. Try with all other TT3 theme variations and verify text can be properly read in all of them.
  8. Repeat all steps above with TT2.

Add white background to Filter by Attribute block dropdown so text is legible in dark backgrounds. 7506

Before After
imatge imatge
imatge imatge
  1. Download and activate TT3.
  2. Add the All Products block with the Filter by Attribute block next to it in a post or page.
  3. Visit the post or page and interact with the Filter by Attribute block.
  4. Verify the background of the input has white background, so text is legible.