[Jetsnack] Add tests

Author: manuelvicnt

Jetsnack/app/build.gradle

@@ -73,6 +73,13 @@ android {
     composeOptions {
         kotlinCompilerExtensionVersion Libs.AndroidX.Compose.version
     }
+
+    packagingOptions {
+        // Multiple dependency bring these files in. Exclude them to enable
+        // our test APK to build (has no effect on our AARs)
+        excludes += "/META-INF/AL2.0"
+        excludes += "/META-INF/LGPL2.1"
+    }
 }
 
 dependencies {
@@ -98,4 +105,12 @@ dependencies {
 
     implementation Libs.Accompanist.coil
     implementation Libs.Accompanist.insets
+
+    androidTestImplementation Libs.JUnit.junit
+    androidTestImplementation Libs.AndroidX.Test.runner
+    androidTestImplementation Libs.AndroidX.Test.espressoCore
+    androidTestImplementation Libs.AndroidX.Test.rules
+    androidTestImplementation Libs.AndroidX.Test.Ext.junit
+    androidTestImplementation Libs.Coroutines.test
+    androidTestImplementation Libs.AndroidX.Compose.uiTest
 }

Jetsnack/app/src/androidTest/java/com/example/jetsnack/AppTest.kt

@@ -0,0 +1,72 @@
+/*
+ * Copyright 2021 The Android Open Source Project
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.jetsnack
+
+import androidx.activity.OnBackPressedDispatcher
+import androidx.compose.ui.test.assertIsDisplayed
+import androidx.compose.ui.test.junit4.createAndroidComposeRule
+import androidx.compose.ui.test.onNodeWithTag
+import androidx.compose.ui.test.onNodeWithText
+import androidx.compose.ui.test.performClick
+import com.example.jetsnack.ui.JetsnackApp
+import com.example.jetsnack.ui.MainActivity
+import com.example.jetsnack.ui.home.HomeSectionTag
+import org.junit.Before
+import org.junit.Rule
+import org.junit.Test
+
+class AppTest {
+
+    @get:Rule
+    val composeTestRule = createAndroidComposeRule<MainActivity>()
+
+    @Before
+    fun setUp() {
+        composeTestRule.setContent {
+            JetsnackApp(OnBackPressedDispatcher())
+        }
+    }
+
+    @Test
+    fun app_launches() {
+        // Check app launches at the correct destination
+        composeTestRule.onNodeWithText("HOME").assertIsDisplayed()
+        composeTestRule.onNodeWithText("Android's picks").assertIsDisplayed()
+    }
+
+    @Test
+    fun app_canNavigateToAllScreens() {
+        // Check app launches at HOME
+        composeTestRule.onNodeWithText("HOME").assertIsDisplayed()
+        composeTestRule.onNodeWithText("Android's picks").assertIsDisplayed()
+
+        // Navigate to Search
+        composeTestRule.onNodeWithTag(HomeSectionTag.SEARCH.toString()).performClick()
+        composeTestRule.onNodeWithText("SEARCH").assertIsDisplayed()
+        composeTestRule.onNodeWithText("Categories").assertIsDisplayed()
+
+        // Navigate to Cart
+        composeTestRule.onNodeWithTag(HomeSectionTag.CART.toString()).performClick()
+        composeTestRule.onNodeWithText("MY CART").assertIsDisplayed()
+        composeTestRule.onNodeWithText("Order (3 items)").assertIsDisplayed()
+
+        // Navigate to Profile
+        composeTestRule.onNodeWithTag(HomeSectionTag.PROFILE.toString()).performClick()
+        composeTestRule.onNodeWithText("PROFILE").assertIsDisplayed()
+        composeTestRule.onNodeWithText("Profile").assertIsDisplayed()
+    }
+}

Jetsnack/app/src/main/java/com/example/jetsnack/ui/home/Home.kt

@@ -18,6 +18,7 @@ package com.example.jetsnack.ui.home
 
 import androidx.annotation.FloatRange
 import androidx.annotation.StringRes
+import androidx.annotation.VisibleForTesting
 import androidx.compose.animation.Crossfade
 import androidx.compose.animation.animateColorAsState
 import androidx.compose.animation.core.Animatable
@@ -61,6 +62,7 @@ import androidx.compose.ui.layout.MeasureScope
 import androidx.compose.ui.layout.Placeable
 import androidx.compose.ui.layout.layoutId
 import androidx.compose.ui.platform.LocalConfiguration
+import androidx.compose.ui.platform.testTag
 import androidx.compose.ui.res.stringResource
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.Dp
@@ -73,7 +75,8 @@ import com.example.jetsnack.ui.components.JetsnackSurface
 import com.example.jetsnack.ui.home.cart.Cart
 import com.example.jetsnack.ui.home.search.Search
 import com.example.jetsnack.ui.theme.JetsnackTheme
-import com.google.accompanist.insets.navigationBarsPadding
+import dev.chrisbanes.accompanist.insets.ProvideWindowInsets
+import dev.chrisbanes.accompanist.insets.navigationBarsPadding
 
 @Composable
 fun Home(onSnackSelected: (Long) -> Unit) {
@@ -164,6 +167,7 @@ private fun JetsnackBottomNav(
                     selected = selected,
                     onSelected = { onSectionSelected(section) },
                     animSpec = springSpec,
+                    testTag = section.tag,
                     modifier = BottomNavigationItemPadding
                         .clip(BottomNavIndicatorShape)
                 )
@@ -256,10 +260,13 @@ fun JetsnackBottomNavigationItem(
     selected: Boolean,
     onSelected: () -> Unit,
     animSpec: AnimationSpec<Float>,
+    testTag: HomeSectionTag,
     modifier: Modifier = Modifier
 ) {
     Box(
-        modifier = modifier.selectable(selected = selected, onClick = onSelected),
+        modifier = modifier
+            .selectable(selected = selected, onClick = onSelected)
+            .testTag(testTag.toString()),
         contentAlignment = Alignment.Center
     ) {
         // Animate the icon/text positions within the item based on selection
@@ -353,22 +360,30 @@ private val BottomNavigationItemPadding = Modifier.padding(horizontal = 16.dp, v
 
 private enum class HomeSections(
     @StringRes val title: Int,
-    val icon: ImageVector
+    val icon: ImageVector,
+    val tag: HomeSectionTag
 ) {
-    Feed(R.string.home_feed, Icons.Outlined.Home),
-    Search(R.string.home_search, Icons.Outlined.Search),
-    Cart(R.string.home_cart, Icons.Outlined.ShoppingCart),
-    Profile(R.string.home_profile, Icons.Outlined.AccountCircle)
+    Feed(R.string.home_feed, Icons.Outlined.Home, HomeSectionTag.FEED),
+    Search(R.string.home_search, Icons.Outlined.Search, HomeSectionTag.SEARCH),
+    Cart(R.string.home_cart, Icons.Outlined.ShoppingCart, HomeSectionTag.CART),
+    Profile(R.string.home_profile, Icons.Outlined.AccountCircle, HomeSectionTag.PROFILE)
+}
+
+@VisibleForTesting
+enum class HomeSectionTag {
+    FEED, SEARCH, CART, PROFILE
 }
 
 @Preview
 @Composable
 private fun JsetsnackBottomNavPreview() {
-    JetsnackTheme {
-        JetsnackBottomNav(
-            currentSection = HomeSections.Feed,
-            onSectionSelected = { },
-            items = HomeSections.values().toList()
-        )
+    ProvideWindowInsets {
+        JetsnackTheme {
+            JetsnackBottomNav(
+                currentSection = HomeSections.Feed,
+                onSectionSelected = { },
+                items = HomeSections.values().toList()
+            )
+        }
     }
 }

Jetsnack/buildSrc/src/main/java/com/example/jetsnack/buildsrc/Dependencies.kt

@@ -59,6 +59,7 @@ object Libs {
             const val animation = "androidx.compose.animation:animation:${version}"
             const val tooling = "androidx.compose.ui:ui-tooling:${version}"
             const val iconsExtended = "androidx.compose.material:material-icons-extended:$version"
+            const val uiTest = "androidx.compose.ui:ui-test-junit4:$version"
         }
 
         object Activity {
@@ -74,5 +75,21 @@ object Libs {
             const val constraintLayoutCompose =
                 "androidx.constraintlayout:constraintlayout-compose:1.0.0-alpha03"
         }
+
+        object Test {
+            private const val version = "1.2.0"
+            const val runner = "androidx.test:runner:$version"
+            const val rules = "androidx.test:rules:$version"
+            object Ext {
+                private const val version = "1.1.2-rc01"
+                const val junit = "androidx.test.ext:junit-ktx:$version"
+            }
+            const val espressoCore = "androidx.test.espresso:espresso-core:3.2.0"
+        }
+    }
+
+    object JUnit {
+        private const val version = "4.13"
+        const val junit = "junit:junit:$version"
     }
 }