Skip to content

Latest commit

 

History

History
27 lines (23 loc) · 1.58 KB

popover.examples.placement.use-case.md

File metadata and controls

27 lines (23 loc) · 1.58 KB
Raw

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