Updated Release Testing Instructions WooCommerce 4.3 (markdown)
parent
21ded02be1
commit
7253417313
|
@ -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
|
||||
|
||||
|
|
Loading…
Reference in New Issue