Skip to main content

Nav Bottom Nav Five Tabs

EPIC: nav
Bottom Navigation Shell
STORY: bottom_nav
As a signed-in user I see 4 tabs and can switch between them.
AC: five_tabs
The shell shows Home / Earn / Rewards / Household / More tabs and tapping each switches to the correct page.

Home tab active on sign-in​

Expect:
  • shell is mounted
  • Home tab is active by default
  • Home tab label is visible
  • Earn tab label is visible
  • Rewards tab label is visible
  • Household tab label is visible
  • More tab label is visible

tap Earn tab​

User Actions:
  • Tapped: widget with text "Earn"
Expect:
  • Earn page is shown
Events:
  • [ANALYTIC] [page]: EarnRoute
  • CatalogStarted

tap Rewards tab​

User Actions:
  • Tapped: widget with icon "IconData(U+0EF2D)"
Expect:
  • Rewards page is shown
Events:
  • [ANALYTIC] [page]: RewardsTabRoute
  • CatalogStarted

tap Household tab​

User Actions:
  • Tapped: widget with text "Household"
Expect:
  • Household page is shown
Events:
  • [ANALYTIC] [page]: HouseholdRoute
  • MembersStarted

tap More tab​

User Actions:
  • Tapped: widget with text "Profile"
Expect:
  • Profile page is shown
Events:
  • [ANALYTIC] [page]: ProfileRoute
  • MoreStarted
  • MoreCurrentMemberChanged

tap Home tab to return​

User Actions:
  • Tapped: widget with text "Home"
Expect:
  • Home page is shown again
Events:
  • [ANALYTIC] [page]: HomeTabRoute