Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Updated Release Testing Instructions WooCommerce 5.7 (markdown)

rodelgc 2021-08-24 19:44:29 +08:00
parent cc7c9659f9
commit 6abb966e00
1 changed files with 21 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
Release-Testing-Instructions-WooCommerce-5.7.md

@ -126,11 +126,26 @@ Please test in all viewports:
### Add mobile section menu to marketplace [#30499](https://github.com/woocommerce/woocommerce/pull/30499)
1. Open dev tools, enable responsive design mode and select a mobile device like iPhone, so the browser stops recognising hover events.
2. Go to `wp-admin/admin.php?page=wc-addons`.
3. Click "Browse Categories". The mobile menu should open.
4. Click on an item in the menu. You should be taken to the section.
5. Change your device to desktop. The menu should have the mobile style on viewports less than 600px wide, but it should open and close on hover events.
#### The "Browse Categories" menu in mobile screen sizes:
3. Click "Browse Categories". The mobile menu should open in full-width style, as shown below:
<img width="250" src="https://user-images.githubusercontent.com/1647564/129361073-bc87825f-5ede-470b-886a-a370230fc1bd.png">
4. Click on an item in the menu. You should be taken to the section.
5. Change your device to desktop. The menu should have the mobile style on viewports less than 600px wide, as shown below:
<img width="500" src="https://d.pr/i/SmQ9nr+">
6. Verify that the menu should open and close on hover events.
### Marketplace mobile layout fixes [#30498](https://github.com/woocommerce/woocommerce/pull/30498)
1. Go to WooCommerce > Marketplace
3. Switch to mobile view and make sure product cards look good on all resolutions.
4. Test the dropdown menu and make sure it's fully functional on all screen sizes, and that the current item is always highlighted.
####
<img width="500" src="https://d.pr/i/SmQ9nr+">
####
<img width="500" src="https://d.pr/i/BsktKA+">
####
<img width="250" src="https://d.pr/i/GYpOv8+">