PM-11214 change navoptions to support single top without retaining VM (#3843)

This commit is contained in:
Dave Severns 2024-09-03 14:14:13 -04:00 committed by GitHub
parent 7e5203efa5
commit 2b5337c4ff
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 215 additions and 122 deletions

View file

@ -1,6 +1,5 @@
package com.x8bit.bitwarden.ui.platform.feature.vaultunlockednavbar
import android.os.Parcelable
import androidx.compose.foundation.layout.Box
import androidx.compose.foundation.layout.WindowInsets
import androidx.compose.foundation.layout.consumeWindowInsets
@ -32,8 +31,10 @@ import androidx.compose.ui.res.stringResource
import androidx.compose.ui.text.style.TextOverflow
import androidx.hilt.navigation.compose.hiltViewModel
import androidx.lifecycle.compose.collectAsStateWithLifecycle
import androidx.navigation.NavBackStackEntry
import androidx.navigation.NavController
import androidx.navigation.NavDestination.Companion.hierarchy
import androidx.navigation.NavGraph
import androidx.navigation.NavGraph.Companion.findStartDestination
import androidx.navigation.NavHostController
import androidx.navigation.NavOptions
@ -41,7 +42,6 @@ import androidx.navigation.compose.NavHost
import androidx.navigation.compose.currentBackStackEntryAsState
import androidx.navigation.compose.rememberNavController
import androidx.navigation.navOptions
import com.x8bit.bitwarden.R
import com.x8bit.bitwarden.ui.platform.base.util.EventsEffect
import com.x8bit.bitwarden.ui.platform.base.util.max
import com.x8bit.bitwarden.ui.platform.base.util.toDp
@ -49,21 +49,18 @@ import com.x8bit.bitwarden.ui.platform.components.scaffold.BitwardenScaffold
import com.x8bit.bitwarden.ui.platform.components.scrim.BitwardenAnimatedScrim
import com.x8bit.bitwarden.ui.platform.components.util.rememberVectorPainter
import com.x8bit.bitwarden.ui.platform.feature.search.model.SearchType
import com.x8bit.bitwarden.ui.platform.feature.settings.SETTINGS_GRAPH_ROUTE
import com.x8bit.bitwarden.ui.platform.feature.settings.navigateToSettingsGraph
import com.x8bit.bitwarden.ui.platform.feature.settings.settingsGraph
import com.x8bit.bitwarden.ui.platform.feature.vaultunlockednavbar.model.VaultUnlockedNavBarTab
import com.x8bit.bitwarden.ui.platform.theme.RootTransitionProviders
import com.x8bit.bitwarden.ui.tools.feature.generator.GENERATOR_GRAPH_ROUTE
import com.x8bit.bitwarden.ui.tools.feature.generator.generatorGraph
import com.x8bit.bitwarden.ui.tools.feature.generator.navigateToGeneratorGraph
import com.x8bit.bitwarden.ui.tools.feature.send.SEND_GRAPH_ROUTE
import com.x8bit.bitwarden.ui.tools.feature.send.navigateToSendGraph
import com.x8bit.bitwarden.ui.tools.feature.send.sendGraph
import com.x8bit.bitwarden.ui.vault.feature.vault.VAULT_GRAPH_ROUTE
import com.x8bit.bitwarden.ui.vault.feature.vault.navigateToVaultGraph
import com.x8bit.bitwarden.ui.vault.feature.vault.vaultGraph
import com.x8bit.bitwarden.ui.vault.model.VaultItemCipherType
import kotlinx.parcelize.Parcelize
/**
* Top level composable for the Vault Unlocked Screen.
@ -90,9 +87,9 @@ fun VaultUnlockedNavBarScreen(
EventsEffect(viewModel = viewModel) { event ->
navController.apply {
val navOptions = vaultUnlockedNavBarScreenNavOptions()
val navOptions = vaultUnlockedNavBarScreenNavOptions(tabToNavigateTo = event.tab)
when (event) {
VaultUnlockedNavBarEvent.NavigateToVaultScreen -> {
is VaultUnlockedNavBarEvent.NavigateToVaultScreen -> {
navigateToVaultGraph(navOptions)
}
@ -270,12 +267,11 @@ private fun VaultBottomAppBar(
VaultUnlockedNavBarTab.Generator,
VaultUnlockedNavBarTab.Settings,
)
// Collecting the back stack entry here as state is crucial to ensuring that the items
// below recompose when the navigation state changes to update the selected tab.
val navBackStackEntry by navController.currentBackStackEntryAsState()
val currentDestination = navBackStackEntry?.destination
destinations.forEach { destination ->
val isSelected = currentDestination?.hierarchy?.any {
it.route == destination.route
} == true
val isSelected = navBackStackEntry.isCurrentTab(destination)
NavigationBarItem(
icon = {
@ -322,111 +318,55 @@ private fun VaultBottomAppBar(
}
/**
* Represents the different tabs available in the navigation bar
* for the unlocked portion of the vault.
* Helper function to generate [NavOptions] for [VaultUnlockedNavBarScreen].
*
* Each tab is modeled with properties that provide information on:
* - Regular icon resource
* - Icon resource when selected
* and other essential UI and navigational data.
*
* @property iconRes The resource ID for the regular (unselected) icon representing the tab.
* @property iconResSelected The resource ID for the icon representing the tab when it's selected.
* @param tabToNavigateTo The [VaultUnlockedNavBarTab] to prepare the NavOptions for.
* NavOptions are determined on whether or not the tab is already selected.
*/
@Parcelize
private sealed class VaultUnlockedNavBarTab : Parcelable {
/**
* The resource ID for the icon representing the tab when it is selected.
*/
abstract val iconResSelected: Int
/**
* Resource id for the icon representing the tab.
*/
abstract val iconRes: Int
/**
* Resource id for the label describing the tab.
*/
abstract val labelRes: Int
/**
* Resource id for the content description describing the tab.
*/
abstract val contentDescriptionRes: Int
/**
* Route of the tab.
*/
abstract val route: String
/**
* The test tag of the tab.
*/
abstract val testTag: String
/**
* Show the Generator screen.
*/
@Parcelize
data object Generator : VaultUnlockedNavBarTab() {
override val iconResSelected get() = R.drawable.ic_generator_filled
override val iconRes get() = R.drawable.ic_generator
override val labelRes get() = R.string.generator
override val contentDescriptionRes get() = R.string.generator
override val route get() = GENERATOR_GRAPH_ROUTE
override val testTag get() = "GeneratorTab"
private fun NavController.vaultUnlockedNavBarScreenNavOptions(
tabToNavigateTo: VaultUnlockedNavBarTab,
): NavOptions {
val returnToCurrentSubRoot = currentBackStackEntry.isCurrentTab(tabToNavigateTo)
val currentSubRootGraph = currentDestination?.parent?.id
// determine the destination to navigate to, if we are navigating to the same sub-root for the
// selected tab we want to find the start destination of the sub-root and pop up to it, which
// will maintain its state (i.e. scroll position). If we are navigating to a different sub-root,
// we can safely pop up to the start of the graph, the "home" tab destination.
val popUpToDestination = graph
.getSubgraphStartDestinationOrNull(currentSubRootGraph)
.takeIf { returnToCurrentSubRoot }
?: graph.findStartDestination().id
// If we are popping up the start of the whole nav graph we want to maintain the state of the
// the popped destinations in the other sub-roots. If we are navigating to the same sub-root,
// we want to pop off the nested destinations without maintaining their state.
val maintainStateOfPoppedDestinations = !returnToCurrentSubRoot
return navOptions {
popUpTo(popUpToDestination) {
saveState = maintainStateOfPoppedDestinations
}
/**
* Show the Send screen.
*/
@Parcelize
data object Send : VaultUnlockedNavBarTab() {
override val iconResSelected get() = R.drawable.ic_send_filled
override val iconRes get() = R.drawable.ic_send
override val labelRes get() = R.string.send
override val contentDescriptionRes get() = R.string.send
override val route get() = SEND_GRAPH_ROUTE
override val testTag get() = "SendTab"
}
/**
* Show the Vault screen.
*/
@Parcelize
data class Vault(
override val labelRes: Int,
override val contentDescriptionRes: Int,
) : VaultUnlockedNavBarTab() {
override val iconResSelected get() = R.drawable.ic_vault_filled
override val iconRes get() = R.drawable.ic_vault
override val route get() = VAULT_GRAPH_ROUTE
override val testTag get() = "VaultTab"
}
/**
* Show the Settings screen.
*/
@Parcelize
data object Settings : VaultUnlockedNavBarTab() {
override val iconResSelected get() = R.drawable.ic_settings_filled
override val iconRes get() = R.drawable.ic_settings
override val labelRes get() = R.string.settings
override val contentDescriptionRes get() = R.string.settings
override val route get() = SETTINGS_GRAPH_ROUTE
override val testTag get() = "SettingsTab"
launchSingleTop = true
restoreState = maintainStateOfPoppedDestinations
}
}
/**
* Helper function to generate [NavOptions] for [VaultUnlockedNavBarScreen].
* Determine if the current destination is the same as the given tab.
*/
private fun NavController.vaultUnlockedNavBarScreenNavOptions(): NavOptions =
navOptions {
popUpTo(graph.findStartDestination().id) {
saveState = true
}
launchSingleTop = true
restoreState = true
private fun NavBackStackEntry?.isCurrentTab(tab: VaultUnlockedNavBarTab): Boolean =
this?.destination?.hierarchy?.any {
it.route == tab.route
} == true
/**
* Helper function to determine the start destination of a subgraph.
*
* @param subgraphId the id of the subgraph to find the start destination of.
*
* @return the ID of the start destination of the subgraph, or null if the subgraph does not exist.
*/
private fun NavGraph.getSubgraphStartDestinationOrNull(subgraphId: Int?): Int? {
subgraphId ?: return null
return nodes[subgraphId]?.let {
(it as? NavGraph)?.findStartDestination()?.id
}
}

View file

@ -8,6 +8,7 @@ import com.x8bit.bitwarden.data.auth.repository.model.UserState
import com.x8bit.bitwarden.data.platform.manager.SpecialCircumstanceManager
import com.x8bit.bitwarden.data.platform.manager.model.SpecialCircumstance
import com.x8bit.bitwarden.ui.platform.base.BaseViewModel
import com.x8bit.bitwarden.ui.platform.feature.vaultunlockednavbar.model.VaultUnlockedNavBarTab
import dagger.hilt.android.lifecycle.HiltViewModel
import kotlinx.coroutines.flow.launchIn
import kotlinx.coroutines.flow.onEach
@ -42,7 +43,12 @@ class VaultUnlockedNavBarViewModel @Inject constructor(
}
SpecialCircumstance.VaultShortcut -> {
sendEvent(VaultUnlockedNavBarEvent.NavigateToVaultScreen)
sendEvent(
VaultUnlockedNavBarEvent.NavigateToVaultScreen(
labelRes = state.vaultNavBarLabelRes,
contentDescRes = state.vaultNavBarContentDescriptionRes,
),
)
specialCircumstancesManager.specialCircumstance = null
}
@ -86,7 +92,12 @@ class VaultUnlockedNavBarViewModel @Inject constructor(
* Attempts to send [VaultUnlockedNavBarEvent.NavigateToVaultScreen] event
*/
private fun handleVaultTabClicked() {
sendEvent(VaultUnlockedNavBarEvent.NavigateToVaultScreen)
sendEvent(
VaultUnlockedNavBarEvent.NavigateToVaultScreen(
labelRes = state.vaultNavBarLabelRes,
contentDescRes = state.vaultNavBarContentDescriptionRes,
),
)
}
/**
@ -168,23 +179,43 @@ sealed class VaultUnlockedNavBarAction {
* Models events for the bottom tab of the vault unlocked portion of the app.
*/
sealed class VaultUnlockedNavBarEvent {
/**
* The [VaultUnlockedNavBarTab] to be associated with the event.
*/
abstract val tab: VaultUnlockedNavBarTab
/**
* Navigate to the Generator screen.
*/
data object NavigateToGeneratorScreen : VaultUnlockedNavBarEvent()
data object NavigateToGeneratorScreen : VaultUnlockedNavBarEvent() {
override val tab: VaultUnlockedNavBarTab = VaultUnlockedNavBarTab.Generator
}
/**
* Navigate to the Send screen.
*/
data object NavigateToSendScreen : VaultUnlockedNavBarEvent()
data object NavigateToSendScreen : VaultUnlockedNavBarEvent() {
override val tab: VaultUnlockedNavBarTab = VaultUnlockedNavBarTab.Send
}
/**
* Navigate to the Vault screen.
*/
data object NavigateToVaultScreen : VaultUnlockedNavBarEvent()
data class NavigateToVaultScreen(
val labelRes: Int,
val contentDescRes: Int,
) : VaultUnlockedNavBarEvent() {
override val tab: VaultUnlockedNavBarTab = VaultUnlockedNavBarTab.Vault(
labelRes = labelRes,
contentDescriptionRes = contentDescRes,
)
}
/**
* Navigate to the Settings screen.
*/
data object NavigateToSettingsScreen : VaultUnlockedNavBarEvent()
data object NavigateToSettingsScreen : VaultUnlockedNavBarEvent() {
override val tab: VaultUnlockedNavBarTab = VaultUnlockedNavBarTab.Settings
}
}

View file

@ -0,0 +1,104 @@
package com.x8bit.bitwarden.ui.platform.feature.vaultunlockednavbar.model
import android.os.Parcelable
import com.x8bit.bitwarden.R
import com.x8bit.bitwarden.ui.platform.feature.settings.SETTINGS_GRAPH_ROUTE
import com.x8bit.bitwarden.ui.tools.feature.generator.GENERATOR_GRAPH_ROUTE
import com.x8bit.bitwarden.ui.tools.feature.send.SEND_GRAPH_ROUTE
import com.x8bit.bitwarden.ui.vault.feature.vault.VAULT_GRAPH_ROUTE
import kotlinx.parcelize.Parcelize
/**
* Represents the different tabs available in the navigation bar
* for the unlocked portion of the vault.
*
* Each tab is modeled with properties that provide information on:
* - Regular icon resource
* - Icon resource when selected
* and other essential UI and navigational data.
*/
@Parcelize
sealed class VaultUnlockedNavBarTab : Parcelable {
/**
* The resource ID for the icon representing the tab when it is selected.
*/
abstract val iconResSelected: Int
/**
* Resource id for the icon representing the tab.
*/
abstract val iconRes: Int
/**
* Resource id for the label describing the tab.
*/
abstract val labelRes: Int
/**
* Resource id for the content description describing the tab.
*/
abstract val contentDescriptionRes: Int
/**
* Route of the tab.
*/
abstract val route: String
/**
* The test tag of the tab.
*/
abstract val testTag: String
/**
* Show the Generator screen.
*/
@Parcelize
data object Generator : VaultUnlockedNavBarTab() {
override val iconResSelected get() = R.drawable.ic_generator_filled
override val iconRes get() = R.drawable.ic_generator
override val labelRes get() = R.string.generator
override val contentDescriptionRes get() = R.string.generator
override val route get() = GENERATOR_GRAPH_ROUTE
override val testTag get() = "GeneratorTab"
}
/**
* Show the Send screen.
*/
@Parcelize
data object Send : VaultUnlockedNavBarTab() {
override val iconResSelected get() = R.drawable.ic_send_filled
override val iconRes get() = R.drawable.ic_send
override val labelRes get() = R.string.send
override val contentDescriptionRes get() = R.string.send
override val route get() = SEND_GRAPH_ROUTE
override val testTag get() = "SendTab"
}
/**
* Show the Vault screen.
*/
@Parcelize
data class Vault(
override val labelRes: Int,
override val contentDescriptionRes: Int,
) : VaultUnlockedNavBarTab() {
override val iconResSelected get() = R.drawable.ic_vault_filled
override val iconRes get() = R.drawable.ic_vault
override val route get() = VAULT_GRAPH_ROUTE
override val testTag get() = "VaultTab"
}
/**
* Show the Settings screen.
*/
@Parcelize
data object Settings : VaultUnlockedNavBarTab() {
override val iconResSelected get() = R.drawable.ic_settings_filled
override val iconRes get() = R.drawable.ic_settings
override val labelRes get() = R.string.settings
override val contentDescriptionRes get() = R.string.settings
override val route get() = SETTINGS_GRAPH_ROUTE
override val testTag get() = "SettingsTab"
}
}

View file

@ -65,8 +65,14 @@ class VaultUnlockedNavBarScreenTest : BaseComposeTest() {
@Test
fun `NavigateToVaultScreen should navigate to VaultScreen`() {
composeTestRule.runOnIdle { fakeNavHostController.assertCurrentRoute("vault_graph") }
mutableEventFlow.tryEmit(VaultUnlockedNavBarEvent.NavigateToVaultScreen)
mutableEventFlow.tryEmit(VaultUnlockedNavBarEvent.NavigateToSendScreen)
composeTestRule.runOnIdle { fakeNavHostController.assertCurrentRoute("send_graph") }
mutableEventFlow.tryEmit(
VaultUnlockedNavBarEvent.NavigateToVaultScreen(
labelRes = R.string.my_vault,
contentDescRes = R.string.my_vault,
),
)
composeTestRule.runOnIdle {
fakeNavHostController.assertLastNavigation(
route = "vault_graph",

View file

@ -57,7 +57,13 @@ class VaultUnlockedNavBarViewModelTest : BaseViewModelTest() {
val viewModel = createViewModel()
viewModel.eventFlow.test {
assertEquals(VaultUnlockedNavBarEvent.NavigateToVaultScreen, awaitItem())
assertEquals(
VaultUnlockedNavBarEvent.NavigateToVaultScreen(
labelRes = R.string.my_vault,
contentDescRes = R.string.my_vault,
),
awaitItem(),
)
}
verify(exactly = 1) {
specialCircumstancesManager.specialCircumstance
@ -139,7 +145,13 @@ class VaultUnlockedNavBarViewModelTest : BaseViewModelTest() {
val viewModel = createViewModel()
viewModel.eventFlow.test {
viewModel.trySendAction(VaultUnlockedNavBarAction.VaultTabClick)
assertEquals(VaultUnlockedNavBarEvent.NavigateToVaultScreen, awaitItem())
assertEquals(
VaultUnlockedNavBarEvent.NavigateToVaultScreen(
labelRes = R.string.my_vault,
contentDescRes = R.string.my_vault,
),
awaitItem(),
)
}
}