|
| 1 | +# Testing notes and ZIP for release 9.0.0 |
| 2 | + |
| 3 | +Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/10061884/woocommerce-gutenberg-products-block.zip) |
| 4 | + |
| 5 | +## Feature plugin and package inclusion in WooCommerce |
| 6 | + |
| 7 | +### Fix skewed placeholder of a Product Image block. ([7651](https://github.com/woocommerce/woocommerce-blocks/pull/7651)) |
| 8 | + |
| 9 | +Prerequisites: |
| 10 | + |
| 11 | +0. Make sure you have a product without a highlighted image (you can create a new product or remove the image from an existing one). |
| 12 | + |
| 13 | +Case 1: image is wider than 500px: |
| 14 | + |
| 15 | +1. Go to Appearance > Site Editor > Templates > Product Catalog. |
| 16 | +2. Remove the legacy placeholder block. |
| 17 | +3. Add blocks that use Product Image placeholder: |
| 18 | + |
| 19 | +- Single Product |
| 20 | +- All Products |
| 21 | +- Product Query |
| 22 | + |
| 23 | +4. ✅ Check on the wide-screen (image should have more than 500px width) if the placeholder image is a square (not skewed) |
| 24 | + |
| 25 | +Case 2: image is narrower than 500px: |
| 26 | + |
| 27 | +1. Add a Columns block. |
| 28 | +2. Inside one of the columns, add the Single Product block, to another one add Product Query block. Columns block limits the available space for a product to display (you should achieve less than 500px width for product image) |
| 29 | +3. ✅ Check if the placeholder image is a square (not skewed) |
| 30 | + |
| 31 | +### Fix missing translations in the inspector (editor mode) for the Cart Cross-Sells Blocks. ([7616](https://github.com/woocommerce/woocommerce-blocks/pull/7616)) |
| 32 | + |
| 33 | +1. Change your site language (I tested using the Spanish language — Español). Make sure the translation files are updated (Check Dashboard -> updates). |
| 34 | +2. Go to the `Cart Block` (Editor mode) |
| 35 | +3. Select the `Cart Cross-Sell` and `Cart Cross-Sells products` blocks, and make sure the title & description are translated in the inspector. See the image below: |
| 36 | + |
| 37 | + |
| 38 | + |
| 39 | +### Move paymentResult to the payment store. ([7692](https://github.com/woocommerce/woocommerce-blocks/pull/7692)) |
| 40 | + |
| 41 | +1. Checkout successfully using the stripe payment method (4242 4242 4242 4242) |
| 42 | +2. Checkout unsuccessfully using stripe (4000 000 000 0002) |
| 43 | +3. Both should not throw any console errors #and step 2 should display a "Something went wrong" error at the top of the Checkout block and a "Card declined" error in the payment method block. |
| 44 | + |
| 45 | +Make loading placeholder colors match the current font color for the theme. ([7658](https://github.com/woocommerce/woocommerce-blocks/pull/7658)) |
| 46 | + |
| 47 | +### Add the `Products by Attribute` template. ([7660](https://github.com/woocommerce/woocommerce-blocks/pull/7660)) |
| 48 | + |
| 49 | +1. Make sure you are using a blocks theme. |
| 50 | +2. Go to the site editor and click on `Browse all templates` (or `site-editor.php?postType=wp_template`). |
| 51 | +3. Check that the `Products by Attribute` template shows on the list. |
| 52 | +4. Click on it and make sure it shows the legacy grid block. |
| 53 | +5. Edit the template and add a block on top of it and save. |
| 54 | +6. Go to `Products`>`Attribute` (`/wp-admin/edit.php?post_type=product&page=product_attributes`). |
| 55 | +7. Edit one of the attributes, check the `Enable archives?` checkbox, and save. |
| 56 | +8. Go back to the attributes list and click `Configure terms` on the attribute you just edited it. |
| 57 | +9. Click on `View` on one of the terms to view it in the frontend. |
| 58 | +10. Make sure you see the edits you made on the `Product by Attribute` template. |
| 59 | + |
| 60 | +### Make loading placeholder colors match the current font color for the theme. ([7658](https://github.com/woocommerce/woocommerce-blocks/pull/7658)) |
| 61 | + |
| 62 | +1. Change the font color of your theme (via Appearance > Site Editor > Styles) to something that is not black or white (ie: yellow); |
| 63 | +2. Add all filter blocks (Filter by Price, Filter By Attribute, etc) and the All Products block to a post or page; |
| 64 | +3. Visit the page that you added the blocks; |
| 65 | +4. Make sure that the colors for the loading placeholder matches the current font color. |
| 66 | + |
| 67 | +### Add a `clearValidationErrors` action to the `wc/store/validation` data store. ([7601](https://github.com/woocommerce/woocommerce-blocks/pull/7601)) |
| 68 | + |
| 69 | +1. Use the Checkout block, enter invalid information in fields and ensure validation errors still show. (e.g. enter an invalid ZIP code for UK by just using numbers) |
| 70 | +6. Leave fields blank and ensure validation shows. |
| 71 | +7. Fix the errors and ensure you can check out. |
| 72 | + |
| 73 | +### Add `ValidatedTextInput` and `ValidationInputError` to the `@woocommerce/blocks-checkout` package. ([7583](https://github.com/woocommerce/woocommerce-blocks/pull/7583)) |
| 74 | + |
| 75 | +1. Enter an invalid ZIP code, ensure the error appears. |
| 76 | +2. Leave the First name/Last name fields blank, ensure errors appear under them. |
| 77 | + |
| 78 | +### React Based Local Pickup Settings Screen. ([7581](https://github.com/woocommerce/woocommerce-blocks/pull/7581)) |
| 79 | + |
| 80 | +1. Go to Settings > Shipping > Local Pickup |
| 81 | +2. Change the top settings, including method name, save, and ensure it persists are refreshing the page |
| 82 | +3. Edit and add Pickup locations, toggle enabled on and off, and save to ensure everything persists. |
| 83 | +4. View the Block checkout on the frontend. Confirm your settings have persisted in the display of pickup locations. |
| 84 | + |
| 85 | +### Add `StoreNoticesContainer` to the `@woocommerce/blocks-checkout` package. ([7558](https://github.com/woocommerce/woocommerce-blocks/pull/7558)) |
| 86 | + |
| 87 | +1. Add some items and go to the Cart block. |
| 88 | +2. In a new tab, open edit one of the items in your cart. Set it to out of stock. |
| 89 | +3. Without reloading, go back to the Cart tab, and try to increase the quantity of an item. Ensure you see an error above the Cart block. |
| 90 | +4. Set the item back to in stock, and proceed to the Checkout block. |
| 91 | +5. Enter an invalid ZIP code, ensure a notice appears above the Checkout block. |
| 92 | +6. Using Stripe, enter this card number, it will be declined: `4000 0000 0000 9995` ensure the error appears in the payment methods area. |
| 93 | + |
| 94 | + |
| 95 | + |
| 96 | +### Change action type name for use shipping as billing option. ([7695](https://github.com/woocommerce/woocommerce-blocks/pull/7695)) |
| 97 | + |
| 98 | +1. Add a physical product to your basket. |
| 99 | +2. Go to Checkout |
| 100 | +3. Shipping details should be displayed. Enter some details here. |
| 101 | +4. Untick "Use same address for billing" |
| 102 | +5. Enter different billing details |
| 103 | +6. Place the order and check the shipping and billing details are different |
| 104 | + |
| 105 | +### Block Checkout: Apply selected Local Pickup rate to entire order (all packages). ([7484](https://github.com/woocommerce/woocommerce-blocks/pull/7484)) |
0 commit comments