Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Commit

Permalink
Release: 8.4.0 (#7001)
Browse files Browse the repository at this point in the history 
* Empty commit for release pull request

* Add the changelog to `readme.txt`

* Add testing instructions & release zip

* Fix video tags

* Update feedback document path

* Bumping version strings to new version.

Co-authored-by: github-actions <[email protected]>
Co-authored-by: Saad Tarhi <[email protected]>
  • Loading branch information
@github-actions @tarhi-saad
3 people authored Sep 2, 2022
1 parent 824a92f commit fef3c6c
Show file tree
Hide file tree
Showing 5 changed files with 257 additions and 85 deletions.
138 changes: 138 additions & 0 deletions docs/internal-developers/testing/releases/840.md
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
# Testing notes and ZIP for release 8.4.0

Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-blocks/files/9444105/woocommerce-gutenberg-products-block.zip)

## Feature plugin and package inclusion in WooCommerce

### Update the filter `Apply` buttons to match the new designs. ([6958](https://github.com/woocommerce/woocommerce-blocks/pull/6958))

1. Create a new page and add the `All Products` block and the filter pattern containing all filter blocks.
2. Save it and check the buttons look like the `After` screenshot on the editor and the frontend.

| Before | After |
| ------ | ----- |
| <img width="664" alt="Screenshot 2022-08-22 at 16 03 13" src="https://user-images.githubusercontent.com/186112/185940267-432c2866-c41a-4fda-8b0d-e6fbd3ef397b.png"> | <img width="684" alt="Screenshot 2022-08-23 at 10 41 03" src="https://user-images.githubusercontent.com/186112/186113450-1e59dfe5-6619-41e9-8f0c-a2e71a8eedde.png">|

### Update the design of the Filter Products by Attribute block. ([6920](https://github.com/woocommerce/woocommerce-blocks/pull/6920))

1. Add the `Filter by Attribute` block to a page.
2. Check that it looks like the new design in the editor and the front-end.
3. Check that the `Reset` button appears when a checkbox is checked.
4. Edit the page and change the Display Style to dropdown.
5. Check that it looks like the new design in the editor and the front-end (it won't look exactly like the design, check [this conversation](p1660817888642199-slack-C02SGH7JBGS) for more context)

| Before | After |
| ------ | ----- |
| <img width="675" alt="Screenshot 2022-08-19 at 11 36 19" src="https://user-images.githubusercontent.com/186112/185591110-209a3767-9701-4564-978c-c61a6b805ff6.png"> | <img width="691" alt="Screenshot 2022-08-19 at 11 35 10" src="https://user-images.githubusercontent.com/186112/185591165-f1216f4b-b8ee-4af6-9519-ddafb437894e.png"> |
| <img width="668" alt="Screenshot 2022-08-19 at 11 36 41" src="https://user-images.githubusercontent.com/186112/185591294-dd6d531c-5dfc-471a-ad96-6d7b57b63550.png">| <img width="673" alt="Screenshot 2022-08-19 at 11 37 15" src="https://user-images.githubusercontent.com/186112/185591322-917c6967-289b-44c8-932f-9b29d84be815.png"> |
| <img width="685" alt="Screenshot 2022-08-19 at 11 38 01" src="https://user-images.githubusercontent.com/186112/185591479-b914d75e-b176-485c-93d0-35ac969fbbae.png"> | <img width="670" alt="Screenshot 2022-08-19 at 11 37 28" src="https://user-images.githubusercontent.com/186112/185591503-b0705eba-58ba-4536-b97f-cff5f1761244.png"> |

### Update the design of the Filter by Attribute block settings panel. ([6912](https://github.com/woocommerce/woocommerce-blocks/pull/6912))

1. Add the `Filter by Attribute` block to a page.
2. Check the copy and the design matches with the new design.
3. Check no regression has happened.

### Terms and conditions, and Privacy policy links open in a new tab by default. ([6908](https://github.com/woocommerce/woocommerce-blocks/pull/6908))

1. Insert Checkout page and save the page.
2. On frontend, click on the terms or privacy links in the checkout block.
3. They should open in a new tab.

### Layout updates to the Active Filters block. ([6905](https://github.com/woocommerce/woocommerce-blocks/pull/6905))

1. Add the Active Filters block alongside some other Filters blocks.
2. Apply some filters to the page.
3. Confirm the layout matches the **After** screenshot above.
4. Confirm the **Remove Filter** buttons for each active filter have a hover state of an alternate shade of grey - also confirm they function as expected.

| Before | After |
| ------ | ----- |
| <img width="725" alt="CleanShot 2022-08-24 at 09 22 27@2x" src="https://user-images.githubusercontent.com/481776/186429719-de3cb516-467a-4635-b336-64bf63b96f9e.png"> | <img width="650" alt="CleanShot 2022-08-24 at 09 19 27@2x" src="https://user-images.githubusercontent.com/481776/186429883-6bfe4c9d-d7a4-4caf-a31f-72dbd33f88a7.png"> |
| | |
| <img width="725" alt="CleanShot 2022-08-24 at 09 21 47@2x" src="https://user-images.githubusercontent.com/481776/186430028-2f076c50-d6c9-4931-b5d1-347c844c43d1.png"> | <img width="650" alt="CleanShot 2022-08-24 at 09 20 16@2x" src="https://user-images.githubusercontent.com/481776/186430096-b2841edf-bbc3-47dc-8f36-7b568e697310.png"> |

### Update the design of the Filter Products by Stock block. ([6883](https://github.com/woocommerce/woocommerce-blocks/pull/6883))

1. Add the Filter by Stock component to a page using the All Products block, and also a block template.
2. Check that the control panel for this block looks like the design (minus Typography)
3. On both the page and the template frontends select a checkbox and observe that it looks as it should do with the design.
4. Check that a "Reset" button appears and clicking this resets the filter again.
5. Now go to your Edit Page & Edit Template pages and enable "'Apply filters' button".
6. On the frontends again, re-select your filter options and check that they are not applied immediately until you click "Apply"
7. Check that when this block is used with the PHP template & the All Products block that regardless of whether the "Apply Filters" button is active, that clicking "Reset" immediately clears the selected filter options

| Before | After |
| ------ | ----- |
| <img width="509" alt="Screenshot 2022-08-17 at 12 33 57" src="https://user-images.githubusercontent.com/8639742/185108568-1c6875e8-10a1-4070-919d-876c42af8a89.png"> | <img width="555" alt="Screenshot 2022-08-17 at 12 32 28" src="https://user-images.githubusercontent.com/8639742/185410884-45952fdd-14fe-4784-9ba6-c58c248630ad.png"> |

### Update the design of the Filter Products by Price block. ([6877](https://github.com/woocommerce/woocommerce-blocks/pull/6877))

1. Add `Filter Products by Price` block to a page.
2. Verify that the `Inline input fields` only shows when the `Price Range` is Editable.
3. Toggle Inline input fields, see the block in the editor updates accordingly.
4. Toggle Filter button, see the Reset and Apply button.
5. Add the All Products block then save the page.
6. On the front end, see the new style applied as in the editor.
7. Change the price using the slider then click the Apply button.
8. See the filter works as expected.
9. Click on the Reset button, see the price filter is reset. (Even if the filter button is enabled, clicking on the reset button should reset the filter query).
10. Tested again with PHP templates, ensure no regression.

<img width="1256" alt="image" src="https://user-images.githubusercontent.com/5423135/184097877-5210b4c6-907b-404f-bcf3-c7d83c02a563.png">

### Allow making the Cart/Checkout block page the default one from within the editor. ([6867](https://github.com/woocommerce/woocommerce-blocks/pull/6867))

To test this feature you need the latest trunk of WooCommerce, or WooCommerce 6.9.0. For older versions of WC (pre 6.9.0), the notice would show the old text:

<img width="297" alt="image" src="https://user-images.githubusercontent.com/6165348/184404663-11cac5f1-1729-4782-a39f-ee5f101a78a7.png">

1. Make sure you have a Cart and Checkout pages in WooCommerce -> Settings -> Advanced.
2. Those pages urls can be `/cart` and `/checkout`.
3. Open a new page, give it a title, insert Cart block.
4. Select Cart block, you should see the notice, select an inner block, you should see the notice as well.
5. Click on the notice, it will load for a couple of seconds, once it's green, visit your new page.
6. Make sure it's on the previous url, so `/cart`.
7. Go back to settings, make sure your new page is that value there.
8. Do the same thing for Checkout block.
9. Open a new page, add Cart block, save the page and publish it.
10. Select the block or one of its inner blocks, start the flow again.
11. It should work, confirm that by visiting the frontend.

<video src="https://user-images.githubusercontent.com/6165348/183219991-4b904273-67ef-43e1-94fb-7498531f104f.mov" controls="controls" style="max-width: 730px;">
</video>

### Register product search as a core/search variation when available. ([6191](https://github.com/woocommerce/woocommerce-blocks/pull/6191))

1. Ensure the Gutenberg version is ≥ 13.4 and it is deactivated.
2. With a block theme (2022 for example), add the Product Search block to the header.
3. See the Product Search is the independent block (as it is in `trunk`), not a variation of the Search block. See the block is editable in the editor and working as expected on the front end.
4. Activate Gutenberg.
5. On the front end, see the block is still working as expected and is still a WC block (notice the classes, and search icon).
6. Edit the header, see the Deprecation notice, and a call to action button to upgrade the search block to search variation.
7. Click on the CTA button to see if the block is converted to WC variation of the core search block.
8. Save and see the block functions flawlessly on the front end.
9. Edit the header again, try adding the Product Search block, only variation is available in the inserter. The legacy can't be found and inserted from the inserter.

<video src="https://user-images.githubusercontent.com/5423135/181692749-8ce8ea51-824a-49c3-97e3-fc1c05130fdb.mov" controls="controls" style="max-width: 730px;">
</video>

### Fixed a bug with a class name deriving from a translatable string. ([6914](https://github.com/woocommerce/woocommerce-blocks/pull/6914))

1. Add an item to your cart that has multiple variants. E.g. Hoodie (Blue, Logo)
2. Go to the Cart Block
3. Inspect the text for one of the variants (e.g. Colour: Blue)
4. Make sure there is a class called `wc-block-components-product-details__item` on the `<li>` element. This should be a child of `<ul className="wc-block-components-product-details">`
5. Change the language of your store
6. Refresh the cart page
7. Repeat steps 3 and 4. You should see the same result.

<!-- FEEDBACK -->

---

[We're hiring!](https://woocommerce.com/careers/) Come work with us!

🐞 Found a mistake, or have a suggestion? [Leave feedback about this document here.](https://github.com/woocommerce/woocommerce-blocks/issues/new?assignees=&labels=type%3A+documentation&template=--doc-feedback.md&title=Feedback%20on%20./docs/internal-developers/testing/releases/840.md)

<!-- /FEEDBACK -->
1 change: 1 addition & 0 deletions docs/internal-developers/testing/releases/README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -87,6 +87,7 @@ Every release includes specific testing instructions for new features and bug fi
- [8.2.1](./821.md)
- [8.3.0](./830.md)
- [8.3.1](./831.md)
- [8.4.0](./840.md)

<!-- FEEDBACK -->

Expand Down
18 changes: 18 additions & 0 deletions readme.txt
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,24 @@ Release and roadmap notes available on the [WooCommerce Developers Blog](https:/

== Changelog ==

= 8.4.0 - 2022-08-29 =

#### Enhancements

- Update the filter `Apply` buttons to match the new designs. ([6958](https://github.com/woocommerce/woocommerce-blocks/pull/6958))
- Update the design of the Filter Products by Attribute block. ([6920](https://github.com/woocommerce/woocommerce-blocks/pull/6920))
- Update the design of the Filter by Attribute block settings panel. ([6912](https://github.com/woocommerce/woocommerce-blocks/pull/6912))
- Terms and conditions, and Privacy policy links open in a new tab by default. ([6908](https://github.com/woocommerce/woocommerce-blocks/pull/6908))
- Layout updates to the Active Filters block. ([6905](https://github.com/woocommerce/woocommerce-blocks/pull/6905))
- Update the design of the Filter Products by Stock block. ([6883](https://github.com/woocommerce/woocommerce-blocks/pull/6883))
- Update the design of the Filter Products by Price block. ([6877](https://github.com/woocommerce/woocommerce-blocks/pull/6877))
- Allow making the Cart/Checkout block page the default one from within the editor. ([6867](https://github.com/woocommerce/woocommerce-blocks/pull/6867))
- Register product search as a core/search variation when available. ([6191](https://github.com/woocommerce/woocommerce-blocks/pull/6191))

#### Bug Fixes

- Fixed a bug with a class name deriving from a translatable string. ([6914](https://github.com/woocommerce/woocommerce-blocks/pull/6914))

= 8.3.1 - 2022-08-17 =
#### Bug Fixes

Expand Down
44 changes: 26 additions & 18 deletions src/Package.php
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
<?php

namespace Automattic\WooCommerce\Blocks;

use Automattic\WooCommerce\Blocks\Domain\Package as NewPackage;
Expand All @@ -19,7 +20,8 @@
*
* @since 2.5.0
*/
class Package {
class Package
{

/**
* For back compat this is provided. Ideally, you should register your
Expand All @@ -29,25 +31,28 @@ class Package {
* @since 2.5.0
* @return Package The Package instance class
*/
protected static function get_package() {
return self::container()->get( NewPackage::class );
protected static function get_package()
{
return self::container()->get(NewPackage::class);
}

/**
* Init the package - load the blocks library and define constants.
*
* @since 2.5.0 Handled by new NewPackage.
*/
public static function init() {
self::container()->get( Bootstrap::class );
public static function init()
{
self::container()->get(Bootstrap::class);
}

/**
* Return the version of the package.
*
* @return string
*/
public static function get_version() {
public static function get_version()
{
return self::get_package()->get_version();
}

Expand All @@ -56,7 +61,8 @@ public static function get_version() {
*
* @return string
*/
public static function get_path() {
public static function get_path()
{
return self::get_package()->get_path();
}

Expand All @@ -65,7 +71,8 @@ public static function get_path() {
*
* @return FeatureGating
*/
public static function feature() {
public static function feature()
{
return self::get_package()->feature();
}

Expand All @@ -74,7 +81,8 @@ public static function feature() {
*
* @return boolean
*/
public static function is_experimental_build() {
public static function is_experimental_build()
{
return self::get_package()->is_experimental_build();
}

Expand All @@ -101,30 +109,31 @@ public static function is_experimental_build() {
* Note: this means all dependencies will be
* reconstructed.
*/
public static function container( $reset = false ) {
public static function container($reset = false)
{
static $container;
if (
! $container instanceof Container
|| $reset
) {
!$container instanceof Container
|| $reset
) {
$container = new Container();
// register Package.
$container->register(
NewPackage::class,
function ( $container ) {
function ($container) {
// leave for automated version bumping.
$version = '8.5.0-dev';
return new NewPackage(
$version,
dirname( __DIR__ ),
dirname(__DIR__),
new FeatureGating()
);
}
);
// register Bootstrap.
$container->register(
Bootstrap::class,
function ( $container ) {
function ($container) {
return new Bootstrap(
$container
);
Expand All @@ -134,8 +143,7 @@ function ( $container ) {
$container->register(
Migration::class,
function () {
return new Migration(
);
return new Migration();
}
);
}
Expand Down
Loading

0 comments on commit fef3c6c

Please sign in to comment.