Remove expiremental block from testing notes
This commit is contained in:
parent
910cd98b58
commit
76601b3971
|
@ -449,110 +449,3 @@ Note: Notice will appear for a few seconds until we receive the server's respons
|
|||
Before | After
|
||||
--- | ---
|
||||
![imatge](https://github.com/woocommerce/woocommerce-blocks/assets/3616980/8248bc9c-722f-49cd-b3d3-2680975f4683) | ![imatge](https://github.com/woocommerce/woocommerce-blocks/assets/3616980/7b805947-ab1a-4530-86bd-83277279a60b)
|
||||
|
||||
|
||||
## Experimental plugin
|
||||
|
||||
### Product Collection: Add 'on sale' filter and enhance settings management in product collection block [#9549](https://github.com/woocommerce/woocommerce-blocks/pull/9549)
|
||||
|
||||
1. Create a new post
|
||||
2. Add Product Collection block
|
||||
3. Verify that the sidebar displays a 'On sale' setting when the Product Collection block is selected.
|
||||
<img width="281" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/f91284c2-347f-41a8-a164-d70e75d7c96c">
|
||||
|
||||
4. Toggle "Show only products on sale"
|
||||
- Confirm that the change is immediately reflected in the editor & showing only products on sale.
|
||||
5. Save and publish the post.
|
||||
- Verify that the same change is reflected on the frontend.
|
||||
6. Also, verify that in Editor, filters can be reset using Reset/Reset all button:
|
||||
<img width="284" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/b76fdb4f-fa6e-4c59-8a49-3c605279ad2e">
|
||||
|
||||
### Product Collection: Add Taxonomy filters to sidebar settings [#9634](https://github.com/woocommerce/woocommerce-blocks/pull/9634)
|
||||
|
||||
1. Create a new post
|
||||
2. Add Product Collection block
|
||||
3. With `Product Collection` block selected, check the sidebar for the Taxonomy filter i.e., product categories, tags etc. These will be displayed as shown in images below:
|
||||
<img width="283" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/2e3afa24-f1f6-4947-b3ca-04d214a0b448">
|
||||
<img width="283" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/5233c28f-6098-42be-a927-6003c3d050c4">
|
||||
|
||||
4. Make sure that you have products with categories and tags. If not, add categories or tags to some products.
|
||||
5. Now select a product category or tags. After the selection, verify that changes reflect immediately in the Editor view.
|
||||
6. Save and publish the post. After publishing, you can just navigate to the Frontend and verify that the changes you made in the Editor are accurately reflected.
|
||||
7. Return to the Editor and validate the `Reset all` functionality of filters:
|
||||
- Clicking the `Reset all` button resets your selected filters.
|
||||
- The `Reset all` button can be found as shown in image below:
|
||||
<img width="279" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/fe6ad8f9-e9f5-4507-822c-8d42a0496ed0">
|
||||
|
||||
### Product Collection - Add keyword control to sidebar settings [#9583](https://github.com/woocommerce/woocommerce-blocks/pull/9583)
|
||||
|
||||
1. Create a new post
|
||||
2. Add Product Collection block
|
||||
3. With the `Product Collection` block selected, check the sidebar for the `Keyword` control. Ensure that it is displayed as shown below:
|
||||
<img width="285" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/1a75258f-9127-46df-a85d-71d1b3939aa6">
|
||||
<img width="280" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/9d4e5eb9-4b55-4611-a08c-88eb4292e55f">
|
||||
|
||||
5. Add a keyword & changes should immediately reflect in the Editor view.
|
||||
6. Save and publish the post.
|
||||
- Navigate to the live post on the Frontend and verify that the changes you made in the Editor are accurately reflected.
|
||||
7. Go back to the Editor and confirm that the filters can be reset using the `Reset all` button, as shown below:
|
||||
<img width="279" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/0f7b71ab-19ec-4259-8a9f-2f37a8819552">
|
||||
|
||||
### Product Collection: Add `Attributes` filter control to sidebar settings [#9600](https://github.com/woocommerce/woocommerce-blocks/pull/9600)
|
||||
|
||||
1. Create a new post
|
||||
2. Add Product Collection block
|
||||
3. With the `Product Collection` block selected, inspect the sidebar for the `Product attributes` control. Confirm its appearance and functionalities:
|
||||
- The control should be displayed as shown in the images below:
|
||||
<img width="280" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/459ffec4-5276-4a95-a3ca-3e4f6762bea9">
|
||||
<img width="266" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/a7aac444-d01d-40c1-8e0d-66883d083e4c">
|
||||
|
||||
4. Test the `Product attributes` control by selecting any attributes. For example, color -> blue:
|
||||
- After the selection, verify that changes are immediately visible in the Editor view.
|
||||
|
||||
5. Save and publish the post:
|
||||
- Click on `Publish...` at the top right corner.
|
||||
- After publishing, navigate to the Frontend and verify that the changes you made in the Editor are accurately reflected.
|
||||
|
||||
6. Return to the Editor and validate the `Reset all` functionality of the filters:
|
||||
- Make sure that clicking the `Reset all` button resets your selected filters.
|
||||
- The `Reset all` button can be found as shown in the image below:
|
||||
<img width="270" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/fa14b1c9-3db9-4743-af97-a543b7e9a90f">
|
||||
|
||||
7. Test the `Manage attributes` functionality:
|
||||
- Click on the `Manage attributes` link.
|
||||
- Verify that this redirects you to the designated page where you can manage product attributes
|
||||
|
||||
### Product Collection - Add Inherit query from template control [#9485](https://github.com/woocommerce/woocommerce-blocks/pull/9485)
|
||||
|
||||
#### Testing with Product Archive templates
|
||||
|
||||
1. Open the Editor and navigate to the "Product Search Results"
|
||||
2. Replace the existing 'Classic Template' block with the 'Product Collection' block.
|
||||
3. After the 'Product Collection' block is successfully inserted, ensure that the 'Inherit query from template' option is enabled by default.
|
||||
4. Save the changes.
|
||||
5. Navigate to the frontend of your website. You can emulate a search for "shirt" by visiting the URL "/shop?s=shirt". Confirm that the search query `shirt` effectively displays related products.
|
||||
6. Head back to the Editor.
|
||||
7. In the 'Product Collection' block, deactivate the 'Inherit query from template' option.
|
||||
8. Subsequently, you should observe various settings and filters available in the inspector controls. Modify these filters and settings as required and validate immediately that the changes are visible within the Editor.
|
||||
9. Save your modifications and return to the frontend of your website.
|
||||
10. Ensure that the adjustments made to the 'Product Collection' block within the Editor are accurately displayed on the frontend of your website.
|
||||
|
||||
#### Testing in Post
|
||||
|
||||
1. Create a new post
|
||||
2. Add Product Collection block to the post
|
||||
3. With the 'Product Collection' block selected, open the Inspector Controls (located in the right sidebar). Confirm that the option `inherit query from template` does not appear in the list of options. This is because it's relevant only for Product Archive pages and should not be visible in this context.
|
||||
|
||||
|
||||
### Product Collection: Add stock status filter [#9580](https://github.com/woocommerce/woocommerce-blocks/pull/9580)
|
||||
|
||||
1. Create a new post
|
||||
2. Add Product Collection block
|
||||
3. With the `Product Collection` block selected, check the sidebar for the `Stock status` control. Ensure that it is displayed as shown below:
|
||||
<img width="267" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/a84b4dcf-caf6-4292-8636-de2f1a139365">
|
||||
|
||||
4. Test the functionality of the stock status filter by modifying its selection. Observe that the changes should immediately reflect in the Editor view. For instance, if `On backorder` is the selected option, only products with the `On backorder` status should be visible in the Editor.
|
||||
5. Save and publish the post.
|
||||
- Navigate to the live post on the Frontend and verify that the changes you made in the Editor are accurately reflected.
|
||||
6. Go back to the Editor and confirm that the filters can be reset using the `Reset` or `Reset all` button, as shown below:
|
||||
<img width="279" alt="image" src="https://github.com/woocommerce/woocommerce-blocks/assets/16707866/dbea8bfc-2d6c-4ece-9236-4b8bf176f5e3">
|
||||
|
|
Loading…
Reference in New Issue