Updated Release Testing Instructions WooCommerce 4.3 (markdown)

Fernando 2020-06-12 15:13:01 -03:00
parent 21ded02be1
commit 7253417313
1 changed files with 137 additions and 1 deletions

@ -12,7 +12,143 @@ WooCommerce 4.3 includes:
## New WooCommerce Home section
Testing instructions here.
### Inbox Notifications
A refactor of the Inbox Notifications was made.
This refactor makes the following changes:
- Now there are 3 types of notifications.
- They are dismissable and undismissable.
- They appear also on the `Home` page.
The only way to see the Inbox Notifications was through the button `Inbox` in the navigation bar.
Now the Inbox Notifications are also on the `Home` page, so it will be necessary to test both scenarios.
### New notification types
There are 3 notification types: `plain`, `thumbnail`, and `banner`.
1. The `plain` notification will look like this:
![](https://i.imgur.com/NfaNOd0.png)
2. The `thumbnail` will look like this:
![](https://i.imgur.com/7YHfZdi.png)
3. And the `banner` like this:
![](https://i.imgur.com/EdVysH4.png)
_By default the notifications are type `plain`._
#### Helper Plugin
You can use [this plugin](https://gist.github.com/octaedro/864315edaf9c6a2a6de71d297be1ed88) to:
- Add new notifications
- Undo notification deletion.
To use it you must:
1. Install it like a normal plugin.
2. Use the buttons `Add Notes` and `Undo Delete`.
![](https://i.imgur.com/RhcEQsx.png)
3. `Add Notes` will add 3 notes (one of each type).
4. `Undo Delete` will undelete all the deleted notes.
#### Test:
- As mentioned before, the Inbox Notifications are visible on the `Home` page and in the navigation bar, and it's necessary to test both.
- To be able to see the Inbox Notifications in the navigation bar, press the `Inbox` button.
- The list of Inbox Notifications should be visible.
#### Unread notifications
- Verify that the messages have the right style for `read` and `unread` messages. To do this add a new message using the [helper plugin](https://gist.github.com/octaedro/864315edaf9c6a2a6de71d297be1ed88) mentioned above.
- Verify that the number of `unread` notes corresponds with the notes not yet read.
![](https://i.imgur.com/Nfutbi6.png)
#### Dismiss
- Press the `Dismiss` button that appears at the bottom of the note.
- Choose `Dismiss this message`.
- A confirmation modal will be visible. Press `Yes, I'm sure`.
- The message shouldn't be visible anymore.
- Do the same choosing the option `Dismiss all messages`.
![](https://i.imgur.com/eRJZqnD.gif)
To undelete a notification you can press `Undo` in the Snackbar that appears after deleting or you can use the [helper plugin](https://gist.github.com/octaedro/864315edaf9c6a2a6de71d297be1ed88).
#### Undo
1. Press `Dismiss` in any message.
**Flow A**
2. Choose `Dismiss this message`.
3. A confirmation modal will be visible. Press `Yes, I'm sure`.
4. A snackbar should be visible with the text: `Message dismissed.` and with an `Undo` button.
![](https://i.imgur.com/PVRWnCx.png)
5. Press `Undo`. A placeholder will appear (while loading) in the place where the message will be shown after it has been undismissed.
![](https://i.imgur.com/7R8u7Dv.png)
6. The message should be present in the list again.
**Flow B**
2. Choose `Dismiss all messages`.
- The behavior should be the same as choosing `Dismiss this message` but will affect all the messages.
![](https://i.imgur.com/35TaAxA.png)
Also, a placeholder will appear instead of the messages while loading.
#### Empty Inbox Panel
***Home page***
- Verify that the new design has been applied to the `Home` page when there are no messages to show.
![](https://i.imgur.com/4VI783T.png)
***Header***
- Press the `Inbox` button in the navbar to open the inbox notifications.
- Delete all the inbox messages.
- Verify that the new design for the empty inbox message list in the inbox panel is visible.
![screenshot-empty](https://user-images.githubusercontent.com/1314156/81985436-a594fc80-960c-11ea-878a-5356f40783ef.png)
## New rule-based Inbox system