Updated Release Testing Instructions WooCommerce 5.7 (markdown)

rodelgc 2021-08-24 19:20:04 +08:00
parent 1243d96be5
commit cc7c9659f9
1 changed files with 19 additions and 9 deletions

@ -100,27 +100,37 @@ When using the testing instructions below, test only those cases presented in th
3. Open each of these pages and make sure they load correctly and have all styles in place. Please disregard the "Extensions" title in the breadcrumb on these two pages. It has already been corrected in the test build.
4. Make sure the correct menu item is highlighted when you open each page.
#### Marketplace:
<img width="500" src="https://user-images.githubusercontent.com/1647564/129351097-5f61c74d-171a-4361-a0a8-869ae0cb8396.png">
#### Marketplace:
<img width="500" src="https://user-images.githubusercontent.com/1647564/129351097-5f61c74d-171a-4361-a0a8-869ae0cb8396.png">
#### My Subscriptions page:
<img width="500" src="https://camo.githubusercontent.com/7c3ade32be6e07b185e8d35edf0f60931527047d55c8b622869f8b22672175ae/68747470733a2f2f642e70722f692f35356a3351622b">
#### My Subscriptions:
<img width="500" src="https://camo.githubusercontent.com/7c3ade32be6e07b185e8d35edf0f60931527047d55c8b622869f8b22672175ae/68747470733a2f2f642e70722f692f35356a3351622b">
### In-app marketplace redesign phase 1 [#30391](https://github.com/woocommerce/woocommerce/pull/30391)
Please test in all viewports:
1. View the Marketplace page.
1. Mouseover or tap on the 'Browse Categories' menu.
1. Mouseover or click on the 'Browse Categories' menu.
1. Click 'All'.
1. Click the 'View details' button of one of the products. It should take you to the corresponding product page.
1. Mouseover or tap on the menu again.
1. Select 'Featured'.
1. Promotions should appear as normal in the Featured section and (depending on your locale and plugin setup) in the Shipping and Payments sections.
#### Larger viewports:
#### Larger viewports:
<img width="500" src="https://user-images.githubusercontent.com/1647564/129351097-5f61c74d-171a-4361-a0a8-869ae0cb8396.png">
<img width="500" src="https://user-images.githubusercontent.com/1647564/129351097-5f61c74d-171a-4361-a0a8-869ae0cb8396.png">
#### Smaller viewports:
<img width="250" src="https://user-images.githubusercontent.com/1647564/129363255-f94f18e8-9385-4d0e-9e80-30bab63b4be2.png">
#### Smaller viewports:
<img width="250" src="https://user-images.githubusercontent.com/1647564/129363255-f94f18e8-9385-4d0e-9e80-30bab63b4be2.png">
### 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:
<img width="250" src="https://user-images.githubusercontent.com/1647564/129361073-bc87825f-5ede-470b-886a-a370230fc1bd.png">