woocommerce/plugins/woocommerce-blocks/docs/testing/releases/280.md

93 lines
5.6 KiB
Markdown
Raw Normal View History

[![Create Todo list](https://raw.githubusercontent.com/senadir/todo-my-markdown/master/public/github-button.svg?sanitize=true)](https://git-todo.netlify.app/create)
## Testing notes and ZIP for release 2.8.0
Zip file for testing: [woocommerce-gutenberg-products-block.zip](https://github.com/woocommerce/woocommerce-gutenberg-products-block/files/4826924/woocommerce-gutenberg-products-block.zip)
### Cart & Checkout <!-- heading -->
#### Tax display in shipping methods <!-- heading -->
- [ ] Go to _WooCommerce_ > _Settings_ > _Tax_ > _Tax options_ and set _Display prices during cart and checkout_ to _Including tax_:
![imatge](https://user-images.githubusercontent.com/3616980/83771631-c5a36300-a682-11ea-9a42-dfa71a1e6641.png)
- [ ] Set a flat rate shipping method with cost 5:
![imatge](https://user-images.githubusercontent.com/3616980/83772266-7d387500-a683-11ea-8105-17e47ee68487.png)
- [ ] Set default tax rates to 10%:
![imatge](https://user-images.githubusercontent.com/3616980/83772343-90e3db80-a683-11ea-976e-e20b530e8707.png)
- [ ] Now, as a customer, add a product that needs shipping to your cart and visit the _Cart_ page (with the block).
- [ ] Go to the Checkout page and verify shipping method prices also appear with taxes [#2748](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/2748).
#### Accessibility <!-- heading -->
- [ ] With a screen reader navigate the Cart block and verify when the Change address button is focused, it correctly announces whether it's expanded or not [#2603](https://github.com/woocommerce/woocommerce-gutenberg-products-block/pull/2603).
#### Styling <!-- heading -->
- [ ] Change to a theme with a background color different from white or in the customizer change Storefront's background color to another one.
- Visit the Checkout page and verify that <!-- heading -->
- [ ] The `Express checkout` title doesn't have a background color different from the rest of the page and has left and right padding (so it doesn't collide with the border).
- [ ] The `Express checkout` and `Order summary` titles are aligned.
- [ ] The `Express checkout` box border is 1px wide, like in the [new designs](https://user-images.githubusercontent.com/3616980/83534129-c0161380-a4f0-11ea-985f-851b40d2e92b.png).
- [ ] Disable all shipping methods but one.
- [ ] Go to the Cart page and verify there is no double-border between the shipping method and the _Coupon Code_ panel (the border should be 1px instead of 2px as it was before).
![imatge](https://user-images.githubusercontent.com/3616980/84389951-25f05280-abf7-11ea-90d5-27d182982e43.png)
- [ ] Create a product with a long name.
- [ ] Go to the Checkout page and resize the window to trigger different sizes.
- [ ] Verify there is always spacing between the product name and the price in the _Order summary_ panel.
![imatge](https://user-images.githubusercontent.com/3616980/84388946-ad3cc680-abf5-11ea-94cf-2f4c30f5e40e.png)
- [ ] Still in the Checkout page, verify the _Order summary_ panel doesn't have top and bottom borders.
![imatge](https://user-images.githubusercontent.com/3616980/84389065-d2313980-abf5-11ea-9215-1356919d29ed.png)
- [ ] Make sure you don't have any express payment method enabled.
- [ ] Go to the Checkout page.
- [ ] Verify the step 1 title and the sidebar title are aligned.
![imatge](https://user-images.githubusercontent.com/3616980/84397770-5dfb9380-abff-11ea-8ca4-12cd393cd8b1.png)
- [ ] Add the Checkout block to a page or post and, in the editor, verify there is no spacing between the product description and the product variations in the _Order summary_.
![imatge](https://user-images.githubusercontent.com/3616980/84389163-f2f98f00-abf5-11ea-9f77-63032fee21f6.png)
- [ ] Disable all shipping options from your store.
- [ ] Go to the Cart block.
- [ ] Verify there is margin below the 'no shipping options' notice.
![imatge](https://user-images.githubusercontent.com/3616980/84391799-be87d200-abf9-11ea-9d50-dd6e8b11cf5b.png)
- [ ] With Storefront, go to Appearance > Customize and change the typography color.
- [ ] Verify the color is applied to the Cart and Checkout text and borders.
- [ ] Test other themes to verify there are no regressions.
### Product Categories List <!-- heading -->
#### Fix Product Categories List breaking when changing align attribute. <!-- heading -->
- [ ] Add a Product Categories List block to a page.
- [ ] Switch to _Full Width_ align.
- [ ] Verify the block doesn't show an error.
- [ ] If you are using Storefront or another theme with sidebar, make sure the page has the _Full Width_ template.
- [ ] Open the page in the frontend and verify the Product Categories List block is aligned as a full width block.
### Miscellaneous <!-- heading -->
- [ ] Go to Appearance > Customize > WooCommerce > Product images and change the cropping options.
- [ ] Test the Cart, Checkout and Review blocks (for Review blocks, you might need to change its attributes so it shows the product image instead of the customer image) and verify they show the cropped image.
- [ ] Edit an old All Products block and verify the block didn't invalidate.
- [ ] Edit it and select the Product image inner block. There, toggle the _Image sizing_ attribute.
- [ ] Verify when _Cropped_ is selected, the cropped image is displayed.
- [ ] Repeat the process with the Product block.
<!-- 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-gutenberg-products-block/issues/new?assignees=&labels=type%3A+documentation&template=--doc-feedback.md&title=Feedback%20on%20./docs/testing/releases/280.md)
<!-- /FEEDBACK -->