diff --git a/Release-Testing-Instructions-WooCommerce-7.1.md b/Release-Testing-Instructions-WooCommerce-7.1.md index 2fd9f95..113f767 100644 --- a/Release-Testing-Instructions-WooCommerce-7.1.md +++ b/Release-Testing-Instructions-WooCommerce-7.1.md @@ -1 +1,232 @@ -TBD \ No newline at end of file +WooCommerce 7.1 includes: + +- [WooCommerce Blocks Updates](#woocommerce-blocks-updates) +- [WooCommerce Core Updates](#woocommerce-core-updates) + +--- +## WooCommerce Blocks Updates [#35040](https://github.com/woocommerce/woocommerce/pull/35040) +**_Slack Workflow: WooCommerce Product Blocks_** + +Blocks 8.6.0 +[Testing instructions](https://github.com/woocommerce/woocommerce-blocks/blob/trunk/docs/internal-developers/testing/releases/860.md) + +Blocks 8.7.0 +[Testing instructions](https://github.com/woocommerce/woocommerce-blocks/blob/trunk/docs/internal-developers/testing/releases/870.md) + +Blocks 8.7.1 +[Testing instructions](https://github.com/woocommerce/woocommerce-blocks/blob/trunk/docs/internal-developers/testing/releases/871.md) + +## WooCommerce Core Updates + +### [Add Tiktok to OBW grow list](https://github.com/woocommerce/woocommerce/pull/34953) #34953 +**_Slack Workflow: WooCommerce Core_** + +1. In a new site, disable "Display suggestions within WooCommerce " in Settings > Advanced > WooCommerce.com. +2. Go through the Onboarding Wizard, select 'United States' as your location +3. Navigate to the Free Features section in the Onboarding Wizard. +4. See that TikTok is listed. +5. Select TikTok and complete the Onboarding Wizard. +6. On the WordPress Plugins page, confirm that TikTok for WooCommerce plugin is installed. + +### [Add new shipping class modal to a shipping class section in product page](https://github.com/woocommerce/woocommerce/pull/34937) #34937 +**_Slack Workflow: WooCommerce Core_** + +1. Go to Add new product page. +2. Under Shipping Class section click on the Shipping class dropdown, an `Add new shipping class` option should be shown as the second option of the list. +3. When click `Add new shipping class` option a modal to add a new shipping class should be shown. +4. If the product does not have a category then the fields `Name` and `Slug` on the modal should be filled with `New shipping class` and `new-shipping-class` values respectively. + +Video: [https://user-images.githubusercontent.com/13334210/193664226-e1a83c33-8129-4d20-b2c7-2f7e06fd2bf0.mov](https://user-images.githubusercontent.com/13334210/193664226-e1a83c33-8129-4d20-b2c7-2f7e06fd2bf0.mov) + +5. If the product contains a valid category different than `Uncategorized` then that value should be used to fill the fields `Name` and `Slug` on the modal. + +Video: [https://user-images.githubusercontent.com/13334210/193664590-cfc4f1ed-453a-499a-9f98-fdc3e2783d2e.mov](https://user-images.githubusercontent.com/13334210/193664590-cfc4f1ed-453a-499a-9f98-fdc3e2783d2e.mov) + +6. After adding the new shipping class the dropdown behind the modal should be updated with the new option added. + +### [Fix onboarding wizard popover padding](https://github.com/woocommerce/woocommerce/pull/34896) #34896 +**_Slack Workflow: WooCommerce Core_** + +1. Use a site with WP 6.1 +2. Go to OBW. +3. Go to Product types step. +4. Click on an info icon (i). +5. Observe that, Info icon (i) popover content show with padding. + +### [Add "aria-disabled" prop to truly disable OBW continue buttons](https://github.com/woocommerce/woocommerce/pull/34895) #34895 +**_Slack Workflow: WooCommerce Core_** + +1. Go to the Onboarding Wizard (OBW) +2. Click "Continue" and confirm that it's disabled completely. +3. Select a Country and go to the next step +4. Click "Continue" and confirm that it's disabled completely. +5. Select an industry and go to the next step +6. Uncheck `Physical products` option +7. Click "Continue" and confirm that it's disabled completely. +8. Select a products type and go to the next step +9. Click "Continue" and confirm that it's disabled completely. + +Videos: +- Before: +https://user-images.githubusercontent.com/94531721/181192036-a3074b29-82c5-439c-a6c1-0f0d8e1f1f58.mp4 + +- After: +https://user-images.githubusercontent.com/4344253/192672052-be097f80-1746-486b-9cf1-7a3eb685aba0.mov + +### [Adding toolbar to the Image Gallery component](https://github.com/woocommerce/woocommerce/pull/34871) #34871 +**_Slack Workflow: WooCommerce Core_** + +1. Run storybook and browse to Image Gallery -> Basic story +2. Enable console and view callback logs while testing basic functions: + - Drag and drop item + - Click item to reveal toolbar + - Toolbar -> move left + - Toolbar -> move right + - Toolbar -> drag item by handle + - Toolbar -> set item as cover image + - Toolbar -> replace item + - Toolbar -> remove item +3. Ensure that you cannot drag/drop cover item or move with toolbar +4. Ensure that you cannot move final item forward + +### [Deploy spotlight product tour](https://github.com/woocommerce/woocommerce/pull/34859) #34859 +**_Slack Workflow: WooCommerce Core_** + +1. Use a fresh site +2. Navigate to `Tools > WCA Test Helper > Experiments` +3. Set `woocommerce_products_task_layout_card_v3` and `woocommerce_products_task_layout_stacked_v3` to control +4. Go to Products > All products +5. Click on "Create Product" button +6. Observer that spotlight product tour is shown. +7. Go to WooCommerce > Home > Add products +8. Click on "Start with a template" and choose a template +9. Confirm that spotlight product tour is shown. +10. Repeat 5~7 steps with different templates +11. Repeat 5 step and choose "Add manually" option. +12. Confirm that spotlight product tour is shown. + +### [Add shipping dimensions image](https://github.com/woocommerce/woocommerce/pull/34857) #34857 +**_Slack Workflow: WooCommerce Core_** + +1. Go to new Product page. +2. In Shipping Dimensions section a package image should be shown on the right side of the dimensions fields. +3. If you focus the fields (A, B, C) a particular side of the package image should be highlighted. + +Video: https://user-images.githubusercontent.com/13334210/192798656-9a5bacc3-bc3a-42ef-a450-2ffda8553258.mov + +### [Load size units to show them as a suffix of shipping dimensions fields](https://github.com/woocommerce/woocommerce/pull/34856) #34856 +**_Slack Workflow: WooCommerce Core_** + +1. Go to the new Product page +2. A Shipping Dimensions section should be shown with the dimensions and weight units loaded as suffixes of each input field according the WooCommerce > Settings > Products configuration. +![image](https://user-images.githubusercontent.com/13334210/192619627-90462bf2-4af9-4bda-8cce-5fccd1c52b11.png) + +### [Fix industry options not populate after reloading page](https://github.com/woocommerce/woocommerce/pull/34847) #34847 +**_Slack Workflow: WooCommerce Core_** + +1. Go to the Onboarding Wizard (OBW) +2. Fill store details and click on "continue" button. +3. On "Industry" tab select one or more option and click on "continue" button. +4. Click on previous "Industry" tab. +5. Reload the page +6. Observe that selected "Industry" options are shown in the Industry step after reloading the page for OBW. + +### [Fix enable guided mode button not trigger when its text is translated](https://github.com/woocommerce/woocommerce/pull/34843) #34843 +**_Slack Workflow: WooCommerce Core_** + +1. Navigate to `Tools > WCA Test Helper > Experiments` +2. Set`woocommerce_products_task_layout_card_v3` and `woocommerce_products_task_layout_stacked_v3` to **control** +3. Set `woocommerce_products_tour` to **treatment** +4. Change your site language to `Español` on Setting page +5. Go to `Escritorio > Actualizaciones` (/wp-admin/update-core.php) +6. Click on `Actualizar las traducciones` button to download woocommerce transalation +7. Go to WooCommerce > Home > "Añadir products" (Add products) task +8. Select `Empieza con una plantilla` > `Producto físico` (Physical product) and click "go" +9. Dismiss product spotlight tour +10. Click on `Activar el modo guiado` button +11. Observe that the product spotlight tour is shown again. + +### [Add initial attributes section for empty state](https://github.com/woocommerce/woocommerce/pull/34751) #34751 +**_Slack Workflow: WooCommerce Core_** + +1. Enable the `new-product-management-experience` feature flag by using the WCA Test Helper (Tools > WCA Test Helper > Features) and refresh the page. +2. Click the **Products > Add New (MVP)** button and notice the new attributes section +3. It should look the same as the design here: 5sAIeTRd9Yp7nSCT33BAWz-fi-6823%3A312388 the only difference is that the add new button is disabled. +4. Check that the link in the Section description links to [this documentation page](https://woocommerce.com/document/managing-product-taxonomies/#product-attributes) in a new tab. +5. Save this Product and add some attributes using the old UI +6. Refresh the page, the attributes empty state section should now be gone ( as this will be done as part of https://github.com/woocommerce/woocommerce/issues/34333 ) + +### [Add/34000 attribute select control](https://github.com/woocommerce/woocommerce/pull/34744) #34744 +**_Slack Workflow: WooCommerce Core_** + +1. Add several products and attributes. +2. Either edit an existing product or create a new one and select the **Attributes** tab +3. Assume you still have attributes less then 20, the normal dropdown should show. +4. Add the color attribute and add some terms. Notice how the terms are loaded on the fly and filtered as you type. +5. Now either add more than 20 different attributes (would probably have to be done manually) +6. It should now show a **Add custom attribute** button and a typeahead dropdown in the Attributes tab. +7. Test out the **Add custom attribute** button, it should add the custom item. +8. Now search for existing attributes and upon selection it should add the attribute to the product +9. Try searching for your previously selected item, it should be disabled now. +10. Now remove the attribute, the dropdown should not show it as disabled anymore. +11. Saving the attributes and persisting by refreshing the page should work the same as usual. + +### [Only show the product image upload tip once, and on all product edit pages](https://github.com/woocommerce/woocommerce/pull/34739) #34739 +**_Slack Workflow: WooCommerce Core_** + +0. Add the following code to a plugin/mu-plugin. It will trigger the issue: + +``` +function test_create_product_objects() { + $product1 = new WC_Product_Simple(); + $product2 = new WC_Product_Simple(); +} + +add_action( 'admin_init', 'test_create_product_objects' ); +``` + +1. Go to Products > Add New +2. Observe the tip in the bottom of the product image metabox. +3. Click the new link and ensure it works as expected. +4. Go to Posts > Add New +5. Verify that the tip does not appear in the bottom of the featured image metabox. + +### [Remove typecasting to prevent fatal when $screen_id is null.](https://github.com/woocommerce/woocommerce/pull/34734) #34734 +**_Slack Workflow: WooCommerce Core_** + +1. Start with a WooCommerce site with PHP 8.1. +2. Install a plugin that adds a new screen in admin, such as [SEOPress](https://wordpress.org/plugins/wp-seopress/) +3. Start the configuration wizard for the plugin. Without this PR you will see a fatal like so: `Uncaught TypeError: WC_Admin_Assets::is_order_meta_box_screen(): Argum`. With this PR, it should be resolved and setup screen with load as usual. + +### [Enhance "Add store details" task onboarding experience](https://github.com/woocommerce/woocommerce/pull/34697) #34697 +**_Slack Workflow: WooCommerce Core_** + +1. Setup a new WooCommerce store. +2. Skip the Setup Wizard. +3. Click the "Add store details" task item in the setup list. +4. Click the **Got it** button in the aid modal. +5. Refresh the page without entering your store's location, or go back to the Task List and click the **Add store details** task. +6. The focusing aid should show up. + +### [Add shipping class section and dropdown](https://github.com/woocommerce/woocommerce/pull/34684) #34684 +**_Slack Workflow: WooCommerce Core_** + +1. Make sure you have at least one shipping class added. If not, go to `WooCommerce > Settings > Shipping > Shipping classes` add it. +2. Go to Add New (MVP) product page +3. A Shipping section should be shown: + +![Image](https://user-images.githubusercontent.com/13334210/190249987-9226a1d7-70d9-4dd2-b53d-7fee8dd3f647.png) + +4. A Shipping class dropdown should list `No shipping class`, `Standard shipping` options and the other shipping classes you added in point 1. + +![Image](https://user-images.githubusercontent.com/13334210/190250988-c6d1f9cc-d54b-4c51-aacd-db1ec20ff17e.png) + +5. When click on helper text `global settings` below the dropdown you should be redirected to `WooCommerce > Settings > Shipping > Shipping classes` page in a new tab + +![Image](https://user-images.githubusercontent.com/13334210/190251570-ffd2f47e-eb01-4bcf-8fad-5109c2bdd439.png) + +6. Add a Spinner during shipping classes resolution + +Video: https://user-images.githubusercontent.com/13334210/191804320-d3049593-b6e9-43ce-8ca0-a998b0792465.mov + +