From dbde4876fca5a204a20892630052ce91b7584c2a Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 7 Dec 2022 14:06:20 +0100 Subject: [PATCH] Release: 9.1.0 (https://github.com/woocommerce/woocommerce-blocks/pull/7854) * Empty commit for release pull request * add changelog * add testing notes * rename stuff * Bumping version strings to new version. Co-authored-by: github-actions Co-authored-by: Nadir Seghir --- .../testing/releases/910.md | 268 ++++++++++++++++++ .../testing/releases/README.md | 1 + plugins/woocommerce-blocks/package.json | 2 +- plugins/woocommerce-blocks/readme.txt | 29 +- plugins/woocommerce-blocks/src/Package.php | 2 +- .../woocommerce-gutenberg-products-block.php | 2 +- 6 files changed, 300 insertions(+), 4 deletions(-) create mode 100644 plugins/woocommerce-blocks/docs/internal-developers/testing/releases/910.md diff --git a/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/910.md b/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/910.md new file mode 100644 index 00000000000..ac535ff6db5 --- /dev/null +++ b/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/910.md @@ -0,0 +1,268 @@ +# Testing notes and ZIP for release 9.1.0 + +Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/10165999/woocommerce-gutenberg-products-block.zip) + +## Feature plugin and package inclusion in WooCommerce + +### Add "Store Info Alternating Image and Text" commerce adjacent pattern ([7827](https://github.com/woocommerce/woocommerce-blocks/pull/7827)) + +1. Create a new page and edit it. +2. Browse to the WooCommerce category for Block patterns and look for the "WooCommerce Alternating Image and Text" pattern in the "Explore All Patterns" dialog. Click to insert. +![CleanShot 2022-12-02 at 08 41 39@2x](https://user-images.githubusercontent.com/1429108/205306945-6cc1b143-4813-400d-8e80-dd4249be9175.png) +3. Verify the pattern inserted on the page. It may look different depending on the theme being used with testing. + + +### Add to Cart Button: Add support for the alignment setting. ([7816](https://github.com/woocommerce/woocommerce-blocks/pull/7816)) + +1. Add the Product (Beta) block to a page. +2. Add the Add to Cart Button block. +3. Make sure that you can set the alignment to left, center and right. +4. Make sure all options work both in the editor and on the page. + +### Products block: Make the block available to the users of the feature plugin. ([7815](https://github.com/woocommerce/woocommerce-blocks/pull/7815)) + +1. Open the inserter in the editor. +2. Make sure the block appears as “Products (Beta)“ instead of “Product Query” and has a “Stacks” icon instead of “Sparkles” icon. Icon should still be purple. +3. Add the block and select it. +4. Make sure the description says: “A block that displays a selection of products in your store.” +5. Make sure there is a Feedback prompt at the bottom of the inspector with a link going [here](https://href.li/?https://airtable.com/shrFX5FAqmCY6hVYI). +6. Make sure the default inner blocks are as follows: + +- Product Image +- Post Title +- Product Price +- Add to Cart Button + + +### Add "Product Hero 2 Column 2 Row" commerce adjacent pattern. ([7814](https://github.com/woocommerce/woocommerce-blocks/pull/7814)) + +1. Create a new page and edit it. +2. Browse to the WooCommerce category for Block patterns and look for the "WooCommerce Product Hero 2 Column 2 Row" pattern in the "Explore All Patterns" dialog. Click to insert. +![CleanShot 2022-12-01 at 14 08 45@2x](https://user-images.githubusercontent.com/1429108/205139492-6a099ce1-05b8-4bf7-9ad7-737eb3145d46.png) +3. Verify the pattern inserted on the page. It may look different depending on the theme being used with testing. + + +### Add "Just Arrived Full Hero" commerce adjacent pattern. ([7812](https://github.com/woocommerce/woocommerce-blocks/pull/7812)) + +1. Create a new page and edit it. +2. Browse to the WooCommerce category for Block patterns and look for the WooCommerce Just Arrived Full Hero pattern in the "Explore All Patterns" dialog. Click to insert. +CleanShot 2022-12-01 at 11 58 25@2x +3. Verify the pattern inserted on the page. It may look different depending on the theme + +### Product Rating: Add support for the alignment setting. ([7790](https://github.com/woocommerce/woocommerce-blocks/pull/7790)) + +1. Add the Products (Beta) block to a page. +2. Add the Product Rating block. +3. Make sure that you can set the alignment to left, center and right. +4. Make sure all options work both in the editor and on the page. + +### Rename Active Product Filters block to Active Filters. ([7753](https://github.com/woocommerce/woocommerce-blocks/pull/7753)) + +1. Create a post or page and open the block inserter. +2. Search for active. +3. Verify there is a block named Active Filters (and there isn't one named Active Product Filters). + +### Product Query: Add support for filtering by attributes within the block. ([7743](https://github.com/woocommerce/woocommerce-blocks/pull/7743)) + +1. Go to the editor and add a “Product (Beta) block. +2. Ensure a new “Product Attributes” input is accessible via the “Advanced Filters” panel in the inspector controls. +3. Ensure that the input autocompletes with all the available terms for your store in the format `${Taxonomy}: ${Term}`. +4. Ensure that when selecting the attributes, the products filter in the editor. +5. Ensure that when you remove an attribute, the editor preview also gets updated. +6. Save the post. +7. Ensure that the block displays correctly in the front-end. + +### Align the font-sizes in filters. ([7707](https://github.com/woocommerce/woocommerce-blocks/pull/7707)) + +1. Enter Site Editor +2. Insert WooCommerce Product Filters pattern +3. Check the font-sizes in both, **Editor and the Frontend**, of the following elements in following combinations + +- Active filters: list and chips +- Active filters: "Clear All" button +- Filter by Price: editable and text +- Filter by Attribute: list and dropdown (check placeholder, dropdown options and chips) +- Filter by Rating +- Filter by Stock +- For each of the above enable "Apply" button - check it too + +4. On the frontend: + +- Check "Apply" button +- Provide any change to filters without applying - check "Reset" button + +**Expected:** All of the above have the same font-size: + +- Twenty Twenty-Two: 15.75px +- Twenty Twenty-Three: 14 - 15.75px (depends on the screen width, narrower the screen, smaller the font) + +Note: headings are not expected to change! + +Check at least briefly other blocks of a WooCommerce that could be influenced by the changes (there may be something I might've missed). + +### Mini Cart block: Load `wc-blocks-registry` package at the page's load instead of lazy load it. ([7813](https://github.com/woocommerce/woocommerce-blocks/pull/7813)) + +1. Install Page Optimize and Product Bundles. +2. Enable a block theme. +3. Customize the block theme and add the Mini Cart block in the header via Site Editor. +4. Save the changes. +5. In the frontend, lick on the Mini Cart. The drawer should open and show the "empty cart" message. +6. Go to the shop page and add a product to your cart. +7. Click on the Mini Cart. The drawer should open and show the product you just added. + +### Hide the shipping address form from Checkout Block in Editor and rename the Billing Address label when "Force shipping to the customer billing address" is enabled. ([7800](https://github.com/woocommerce/woocommerce-blocks/pull/7800)) + +1. Go to `wp-admin/admin.php?page=wc-settings&tab=shipping§ion=options` page. +2. Enable the `Force shipping to the customer billing address` option and save the changes. +3. Go to Checkout block Editor, and confirm Shipping Address form is not visible. +4. Confirm Billing Address form label is `Billing and shipping address` and the description is `Enter the billing and shipping address that matches your payment method.` +5. Go to the Checkout block front-end, and confirm Shipping Address form is not visible. +6. Confirm Billing Address form label is `Billing and shipping address` and the description is `Enter the billing and shipping address that matches your payment method.` +7. Change the billing address, confirm the shipping address in the order summary gets changed, and shipping methods are updated. +8. Disable the `Force shipping to the customer billing address` option and save the changes. +9. Confirm Shipping Address form is visible in both the frontend and Editor. +10. Please test around this issue with multiple use cases. + +### Product Price: Fix the alignment setting. ([7795](https://github.com/woocommerce/woocommerce-blocks/pull/7795)) + +1. Add the Product (Beta) block to a page. +2. Add the Product Price block. +3. Make sure that you can set the alignment to left, center and right. +4. Make sure all options work both in the editor and on the page. + +### Fix: Show tax label in Cart and Checkout block. ([7785](https://github.com/woocommerce/woocommerce-blocks/pull/7785)) + +#### Multiple tax names / Itemized + +1. Go to `wp-admin/admin.php?page=wc-settings&tab=tax`. +2. Ensure the additional tax class `Reduced` exists. +3. Ensure that `Display prices during cart and checkout` is set to `Including tax`. +4. Ensure that `Display tax totals` is set to `Itemized`. +5. Go to `wp-admin/admin.php?page=wc-settings&tab=tax§ion=standard` and add the following tax rate: + - `Rate %`: `10.000` + - `Tax name`: `10% Vat` +6. Go to `wp-admin/admin.php?page=wc-settings&tab=tax§ion=reduced` and add the following tax rate: + - `Rate %`: `5.000` + - `Tax name`: `5% Vat` +7. Create two test products and assign the test products to the tax classes `Standard` and `Reduced`. +8. Add the test products to the cart. +9. Go to the cart and verify that the tax labels are visible in the order summary, e.g. `Including € 2.80 10% VAT, € 0.80 5% VAT`. +10. Go to the checkout and verify that the same tax labels are visible. + + + + + + + + + + +
Cart - before: +

+ +![single-total-cart-after](https://user-images.githubusercontent.com/3323310/204762634-e0687f13-d400-44ea-ad05-c9acfa051c6d.png) +		Cart - after: +

+ +![multiple-cart-after](https://user-images.githubusercontent.com/3323310/204761639-26e2b8c3-723d-4d7b-a0ea-47caba3908b7.png) +
Checkout - before: +

+ +![single-total-checkout-after](https://user-images.githubusercontent.com/3323310/204762700-398d5ac7-b8f2-4233-b2b3-78076071341b.png) +		Checkout - after: +

+ +![multiple-checkout-after](https://user-images.githubusercontent.com/3323310/204761701-4c13a429-4280-4c64-b416-9ea4da4b76be.png) +
+ +#### Single tax name / Itemized + +1. Go back to `wp-admin/admin.php?page=wc-settings&tab=tax§ion=reduced` and change the tax rate as follows: + - `Rate %`: `5.000` → `10.000` + - `Tax name`: `5% Vat` → `10% Vat` +2. Go to the cart and verify that only one tax label is visible in the order summary, e.g. `Including € 4.40 10% VAT`. +3. Go to the checkout and verify that the same tax label is visible. + + + + + + + + + + +
Cart - before: +

+ +![single-total-cart-after](https://user-images.githubusercontent.com/3323310/204762645-882d768a-4098-4c1e-91c8-00361938f588.png) +		Cart - after: +

+ +![single-cart-after](https://user-images.githubusercontent.com/3323310/204761551-35b47768-cbe5-4a3d-bd4f-755453942650.png) +
Checkout - before: +

+ +![single-total-checkout-after](https://user-images.githubusercontent.com/3323310/204762683-ec506ee4-60f5-4c98-9660-ad9510f85123.png) +		Checkout - after: +

+ +![single-checkout-after](https://user-images.githubusercontent.com/3323310/204761577-ddf82a7f-efb4-4708-8287-b540ed3c6138.png) +
+ +#### Single total + +ℹ I added this test case to check the backwards compatibility. + +1. Go to `wp-admin/admin.php?page=wc-settings&tab=tax`. +2. Ensure that `Display tax totals` is set to `As a single total`. +3. Go to the cart and verify that the generic tax label is visible in the order summary, e.g. `Including € 4.40 in taxes`. +4. Go to the checkout and verify that the same tax information is visible. + + + + + + +
Cart - before and after: +

+ +![single-total-cart-after](https://user-images.githubusercontent.com/3323310/204755970-8bb9317c-eaea-45e4-9daf-14227d96a601.png) +		Checkout - before and after: +

+ +![single-total-checkout-after](https://user-images.githubusercontent.com/3323310/204755949-6a0eb673-4a96-4085-93f4-4a3355a87eda.png) +
+ +### Make Footer and Header patterns available in pattern chooser. ([7699](https://github.com/woocommerce/woocommerce-blocks/pull/7699)) + +#### Header patterns + +1. Go to Site Editor. You can choose any template. +2. Choose Header Block +3. Use "Replace" option: +Screen Shot 2022-11-17 at 10 17 31 AM +4. Type "woocommerce" in a search bar +**Expected**: There's 6 WooCommerce patterns available +5. Choose one of them +**Expected**: Pattern is applied correctly + +#### Footer patterns + +Repeat the above steps, but for Footer Block + +### Fix: Product (Beta) editor preview with Stock Status setting. ([7682](https://github.com/woocommerce/woocommerce-blocks/pull/7682)) + +1. Add the Product (Beta) block to a new page. +2. Change the stock status setting. +3. See the editor preview updates on changing the stock status setting. +4. Add the Sale status filter, see the editor preview updates on changing on sale setting as well. +5. See if the block still shows the correct products on the front end as before. + +### Clean up unused CSS code. ([7751](https://github.com/woocommerce/woocommerce-blocks/pull/7751)) + +1. Add all WC Blocks to a post or page (you can use this gist and paste it with Ctrl + V). +2. Verify there are no visual regressions in the editor. Publish the page and verify there are no visual regressions in the frontend. +3. In the editor, add one of the blocks that display the SearchListControl component (ie: Filter by Attribute) and verify it's displayed correctly: + diff --git a/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/README.md b/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/README.md index 73ad62b1d21..69f0dc7f56c 100644 --- a/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/README.md +++ b/plugins/woocommerce-blocks/docs/internal-developers/testing/releases/README.md @@ -106,6 +106,7 @@ Every release includes specific testing instructions for new features and bug fi - [8.9.1](./891.md) - [8.9.2](./892.md) - [9.0.0](./900.md) +- [9.1.0](./910.md) diff --git a/plugins/woocommerce-blocks/package.json b/plugins/woocommerce-blocks/package.json index b082c928cd6..41fdfac1e4c 100644 --- a/plugins/woocommerce-blocks/package.json +++ b/plugins/woocommerce-blocks/package.json @@ -2,7 +2,7 @@ "name": "@woocommerce/block-library", "title": "WooCommerce Blocks", "author": "Automattic", - "version": "9.1.0-dev", + "version": "9.1.0", "description": "WooCommerce blocks for the Gutenberg editor.", "homepage": "https://github.com/woocommerce/woocommerce-gutenberg-products-block/", "keywords": [ diff --git a/plugins/woocommerce-blocks/readme.txt b/plugins/woocommerce-blocks/readme.txt index 30743620b79..71158b33b1b 100644 --- a/plugins/woocommerce-blocks/readme.txt +++ b/plugins/woocommerce-blocks/readme.txt @@ -4,7 +4,7 @@ Tags: gutenberg, woocommerce, woo commerce, products, blocks, woocommerce blocks Requires at least: 6.1.1 Tested up to: 6.1.1 Requires PHP: 7.0 -Stable tag: 9.1.0-dev +Stable tag: 9.1.0 License: GPLv3 License URI: https://www.gnu.org/licenses/gpl-3.0.html @@ -79,6 +79,33 @@ Release and roadmap notes available on the [WooCommerce Developers Blog](https:/ == Changelog == += 9.1.0 - 2022-12-06 = + +#### Enhancements + +- The "WooCommerce Alternating Image and Text" block pattern has been added. This design can be used by adding two attention-grabbing images, customizing the text to match your needs and customizing the button block to be linked to any page. ([7827](https://github.com/woocommerce/woocommerce-blocks/pull/7827)) +- Add to Cart Button: Add support for the alignment setting. ([7816](https://github.com/woocommerce/woocommerce-blocks/pull/7816)) +- Products block: Make the block available to the users of the feature plugin. ([7815](https://github.com/woocommerce/woocommerce-blocks/pull/7815)) +- The "WooCommerce Product Hero 2 Column 2 Row" block pattern has been added. It is a straightforward hero design that can be used by adding two attention-grabbing images, some custom product description text and customizing the button block to be linked to any page. ([7814](https://github.com/woocommerce/woocommerce-blocks/pull/7814)) +- The "Just Arrived Full Hero" block pattern has been added. It is a straightforward hero design that can be used with an attention-grabber image some simple callout text, and a button block that can be linked to any page. ([7812](https://github.com/woocommerce/woocommerce-blocks/pull/7812)) +- Product Rating: Add support for the alignment setting. ([7790](https://github.com/woocommerce/woocommerce-blocks/pull/7790)) +- Rename Active Product Filters block to Active Filters. ([7753](https://github.com/woocommerce/woocommerce-blocks/pull/7753)) +- Product Query: Add support for filtering by attributes within the block. ([7743](https://github.com/woocommerce/woocommerce-blocks/pull/7743)) +- Align the font-sizes in filters. ([7707](https://github.com/woocommerce/woocommerce-blocks/pull/7707)) + +#### Bug Fixes + +- Mini Cart block: Load `wc-blocks-registry` package at the page's load instead of lazy load it. ([7813](https://github.com/woocommerce/woocommerce-blocks/pull/7813)) +- Hide the shipping address form from Checkout Block in Editor and rename the Billing Address label when "Force shipping to the customer billing address" is enabled. ([7800](https://github.com/woocommerce/woocommerce-blocks/pull/7800)) +- Product Price: Fix the alignment setting. ([7795](https://github.com/woocommerce/woocommerce-blocks/pull/7795)) +- Fix: Show tax label in Cart and Checkout block. ([7785](https://github.com/woocommerce/woocommerce-blocks/pull/7785)) +- Make Footer and Header patterns available in pattern chooser. ([7699](https://github.com/woocommerce/woocommerce-blocks/pull/7699)) +- Fix: Product Query editor preview with Stock Status setting. ([7682](https://github.com/woocommerce/woocommerce-blocks/pull/7682)) + +#### technical debt + +- Clean up unused CSS code. ([7751](https://github.com/woocommerce/woocommerce-blocks/pull/7751)) + = 9.0.0 - 2022-11-21 = #### Bug Fixes diff --git a/plugins/woocommerce-blocks/src/Package.php b/plugins/woocommerce-blocks/src/Package.php index 819ae4dbfdf..8978b5828da 100644 --- a/plugins/woocommerce-blocks/src/Package.php +++ b/plugins/woocommerce-blocks/src/Package.php @@ -109,7 +109,7 @@ class Package { NewPackage::class, function ( $container ) { // leave for automated version bumping. - $version = '9.1.0-dev'; + $version = '9.1.0'; return new NewPackage( $version, dirname( __DIR__ ), diff --git a/plugins/woocommerce-blocks/woocommerce-gutenberg-products-block.php b/plugins/woocommerce-blocks/woocommerce-gutenberg-products-block.php index 78995dcd921..aed7eed50dc 100644 --- a/plugins/woocommerce-blocks/woocommerce-gutenberg-products-block.php +++ b/plugins/woocommerce-blocks/woocommerce-gutenberg-products-block.php @@ -3,7 +3,7 @@ * Plugin Name: WooCommerce Blocks * Plugin URI: https://github.com/woocommerce/woocommerce-gutenberg-products-block * Description: WooCommerce blocks for the Gutenberg editor. - * Version: 9.1.0-dev + * Version: 9.1.0 * Author: Automattic * Author URI: https://woocommerce.com * Text Domain: woo-gutenberg-products-block