Updated Release Testing Instructions WooCommerce 4.3 (markdown)
parent
21ded02be1
commit
7253417313
|
@ -12,7 +12,143 @@ WooCommerce 4.3 includes:
|
||||||
|
|
||||||
## New WooCommerce Home section
|
## 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
|
## New rule-based Inbox system
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue