From b24ae1a63c72ac52c4cb739621f5b504c34260ff Mon Sep 17 00:00:00 2001
From: Joonas Kerttula <joonas.kerttula@codemate.com>
Date: Tue, 17 Dec 2024 16:19:58 +0200
Subject: [PATCH] chore: separate integration tests in example app (#380)

---
 CONTRIBUTING.md                                | 6 +++---
 example/src/App.tsx                            | 7 ++++++-
 example/src/screens/IntegrationTestsScreen.tsx | 5 +++--
 example/src/screens/MultipleMapsScreen.tsx     | 2 +-
 example/src/screens/NavigationScreen.tsx       | 2 +-
 5 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index d8e1128..9a382f0 100644
--- 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
index f6e9e99..61dcebd 100644
--- 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
index cc308c0..98464d4 100644
--- 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
index 1a06ec5..821199a 100644
--- 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
index f121845..d116a18 100644
--- 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={[
           {