73 lines
4.1 KiB
Markdown
73 lines
4.1 KiB
Markdown
|
# Testing notes and ZIP for release 11.5.4
|
||
|
|
|
||
|
|
Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/13335241/woocommerce-gutenberg-products-block.zip)
|
||
|
|
|
||
|
|
## WooCommerce Core
|
||
|
|
|
||
|
|
### Bug Fixes
|
||
|
|
|
||
|
|
#### Update Jetpack WooCommerce Analytics module integration to check for changed template names ([#11707](https://github.com/woocommerce/woocommerce-blocks/pull/11707))
|
||
|
|
|
||
|
|
1. Enable Jetpack and ensure the WooCommerce Analytics module is set up and enabled.
|
||
|
|
2. Install [Query Monitor](https://wordpress.org/plugins/query-monitor/).
|
||
|
|
3. Go to the Cart and Checkout blocks and ensure no PHP warnings are logged.
|
||
|
|
|
||
|
|
#### Fix address block invalidations in the editor and address card display in Firefox [#11714](https://github.com/woocommerce/woocommerce-blocks/pull/11714)
|
||
|
|
|
||
|
|
1. Edit the checkout page
|
||
|
|
2. Address form should not be condensed
|
||
|
|
3. Toggle company/phone. Leave phone on. There should be no block errors.
|
||
|
|
4. Save changes and visit the checkout on the frontend (add something to cart if needed)
|
||
|
|
5. As a logged in user the address form should be condensed and phone should be visible. If no, fill out the form and place an order.
|
||
|
|
6. After placing the order go back to checkout and repeat the previous step. Phone should be visible in the condensed address component.
|
||
|
|
7. Go back to the editor and turn off the phone field. Save and go back to the frontend checkout. Ensure phone is hidden from the condensed address component.
|
||
|
|
8. Add an item to the cart and go to checkout using Firefox browser.
|
||
|
|
9. Fill out the form, then refresh the page.
|
||
|
|
10. The condensed address component is shown.
|
||
|
|
11. Edit the address. Ensure fields are populated with correct values.
|
||
|
|
|
||
|
|
#### Fix styling of Classic Cart and Checkout Blocks on regular pages ([#11694](https://github.com/woocommerce/woocommerce-blocks/pull/11694))
|
||
|
|
|
||
|
|
1. Create a new page
|
||
|
|
2. Insert the classic checkout block
|
||
|
|
3. Add something to your cart and visit the new page
|
||
|
|
4. Confirm it looks correct and you can place an order
|
||
|
|
5. Repeat for the classic cart block on another new page
|
||
|
|
|
||
|
|
#### Fix double border in cart and notes field width on mobile. ([11742](https://github.com/woocommerce/woocommerce-blocks/pull/11742))
|
||
|
|
|
||
|
|
1. Enable TT4 theme and go to cart
|
||
|
|
2. Shrink window to mobile size and ensure there is no double border between the cart items table and cart totals table
|
||
|
|
3. Go to checkout
|
||
|
|
4. Open the order notes field. Check the textarea is as wide as the checkout, not wider.
|
||
|
|
|
||
|
|
#### Ensure that incompatible notices are displayed in Safari. ([#11736](https://github.com/woocommerce/woocommerce-blocks/pull/11736))
|
||
|
|
|
||
|
|
1. Install and activate [helper-plugin-1.zip](https://github.com/woocommerce/woocommerce-blocks/files/12701036/helper-plugin-1.zip)
|
||
|
|
2. Create a test page and add the Cart block.
|
||
|
|
3. Create a test page and add the Checkout block.
|
||
|
|
4. Open both test pages using Safari.
|
||
|
|
5. Click on the Cart block resp. the Checkout block and verify that the incompatible extension notice is visible.
|
||
|
|
6. Repeat the previous step using Chrome, Firefox and Opera.
|
||
|
|
|
||
|
|
<table>
|
||
|
|
<tr>
|
||
|
|
<td valign="top">Before:
|
||
|
|
<br><br>
|
||
|
|
<img width="1281" alt="Screenshot 2023-11-10 at 21 43 01" src="https://github.com/woocommerce/woocommerce-blocks/assets/3323310/5a68914b-5306-40fd-8270-af880120aa72">
|
||
|
|
</td>
|
||
|
|
<td valign="top">After:
|
||
|
|
<br><br>
|
||
|
|
<img width="1282" alt="Screenshot 2023-11-10 at 21 42 18" src="https://github.com/woocommerce/woocommerce-blocks/assets/3323310/8718c04b-fb9e-4db7-af71-c84d8e304fc1">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
#### Enabled the new blockified Order Confirmation by default for block-based themes. ([#11615](https://github.com/woocommerce/woocommerce-blocks/pull/11615))
|
||
|
|
|
||
|
|
1. On a brand new WC installation enable a block based theme (eg TT3)
|
||
|
|
2. Place a test order
|
||
|
|
3. Verify the Thank you page displayed after placing an order renders the new blockified Order Confirmation (see attached printscreen)
|
||
|
|
4. Change the website language. Repeat steps 2 & 3 and verify that the headings get properly translated.
|
||
|
|
5. Go to Appearance > Site Editor > Templates > Manage all templates. Verify that the blockified Order Confirmation displays properly, saving changes work and they get reflected on a new order.
|