9.2: Popover Placement example
==============================
**Primary Actor**: User

**Scope**: Ngx-bootstrap DEMO / BS version 3&4

**Goal**: Show user available positions of popover placement

Main success scenario:
----------------------
1. User opens Popover demo page
2. User clicks on Placement sub-menu
3. User see 5 clickable buttons "Popover on top", "Popover on right", "Popover auto", "Popover on left", "Popover on bottom"
4. When user click on "Popover on top", then popover-container shown on the top of button with specific text and header "Popover on top"
5. When user click on "Popover on top" again, then popover-container disappeared
6. When user click on "Popover on right", then popover-container shown on the right of button with specific text and header "Popover on right"
7. When user click on "Popover on right" again, then popover-container disappeared
8. When user click on "Popover auto", then popover-container shown on the bottom of button with specific text and header "Popover auto"
9. When user click on "Popover auto" again, then popover-container disappeared
10. When user click on "Popover on left", then popover-container shown on the left of button with specific text and header "Popover on left"
11. When user click on "Popover on left" again, then popover-container disappeared
12. When user click on "Popover on bottom", then popover-container shown on the bottom of button with specific text and header "Popover on bottom"
13. When user click on "Popover on bottom" again, then popover-container disappeared

Variations:
-----------
2*. User scroll to Placement sub-menu