chore: separate integration tests in example app (#380)

googlemaps · Dec 17, 2024 · b24ae1a · b24ae1a
1 parent f611a43
commit b24ae1a
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 8 deletions.
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -124,19 +124,19 @@ Build the tests using detox-cli in the example folder:
 
 iOS:
 ```bash
-detox build --configuration ios.sim.release
+yarn run example detox:build:ios-release
 ```
 
 Android:
 ```bash
-detox build --configuration android.emu.release
+yarn run example detox:build:android-release
 ```
 
 Google Maps React Native Navigation SDK integration tests can be run with the following command:
 
 iOS
 ```bash
-yarn run example test:ios-release
+yarn run example detox:test:ios-release
 ```
 
 Android:

diff --git a/example/src/App.tsx b/example/src/App.tsx
@@ -47,7 +47,9 @@ const HomeScreen = () => {
   const isFocused = useIsFocused();
 
   return (
-    <View style={[styles.container]}>
+    <View style={styles.container}>
+      {/* Spacer */}
+      <View style={styles.container} />
       <View style={styles.buttonContainer}>
         <Button
           title="Navigation"
@@ -60,8 +62,11 @@ const HomeScreen = () => {
           onPress={() => isFocused && navigate('Multiple maps')}
         />
       </View>
+      {/* Spacer */}
+      <View style={styles.container} />
       <View style={styles.buttonContainer}>
         <Button
+          color="grey"
           title="Integration Tests"
           testID="integration_tests_button"
           onPress={() => isFocused && navigate('Integration tests')}

diff --git a/example/src/screens/IntegrationTestsScreen.tsx b/example/src/screens/IntegrationTestsScreen.tsx
@@ -220,8 +220,9 @@ const IntegrationTestsScreen = () => {
   }, [testStatus, detoxStepNumber]);
 
   return (
-    <View style={[styles.container]}>
-      <View style={{ flex: 3, margin: 5 }}>
+    <View style={styles.container}>
+      <Text>See CONTRIBUTING.md to see how to run integration tests.</Text>
+      <View style={{ flex: 6, margin: 5 }}>
         <NavigationView
           mapViewCallbacks={mapViewCallbacks}
           onMapViewControllerCreated={setMapViewController}

diff --git a/example/src/screens/MultipleMapsScreen.tsx b/example/src/screens/MultipleMapsScreen.tsx
@@ -325,7 +325,7 @@ const MultipleMapsScreen = () => {
   };
 
   return arePermissionsApproved ? (
-    <View style={[styles.container]}>
+    <View style={styles.container}>
       <NavigationView
         androidStylingOptions={{
           primaryDayModeThemeColor: '#34eba8',

diff --git a/example/src/screens/NavigationScreen.tsx b/example/src/screens/NavigationScreen.tsx
@@ -342,7 +342,7 @@ const NavigationScreen = () => {
   };
 
   return arePermissionsApproved ? (
-    <View style={[styles.container]}>
+    <View style={styles.container}>
       <NavigationView
         style={[
           {