test: refactor tests and add navigation test

Author: illuminati1911

example/e2e/navigation.test.js

@@ -36,20 +36,12 @@ describe('Navigation tests', () => {
     );
   });
 
-  /**
-  it('T01 - check navigation controller defaults', async () => {
-    await element(by.text('Tests')).tap();
-    await element(by.text('testNavigationSessionInitialization')).tap();
-    // await waitFor(element(by.text('Test status: Step #1')))
-    //  .toBeVisible()
-    //  .withTimeout(10000);
-    await waitFor(element(by.id('test_status_label')))
-      .toHaveText('Test status: Step #1')
-      .withTimeout(10000);
-    await agreeToTC();
-    await waitFor(element(by.text('Test status: Success')))
-      .toBeVisible()
-      .withTimeout(10000);
+  it('T02 - initialize navigation controller and navigate to single destination', async () => {
+    await selectTestByName('testNavigationToSingleDestination');
+    await agreeToTermsAndConditions();
+    await waitForTestToFinish();
+    await expect(element(by.id('test_result_label'))).toHaveText(
+      'Test result: Success'
+    );
   });
-  */
 });

example/e2e/shared.js

@@ -14,24 +14,7 @@
  * limitations under the License.
  */
 
-import { device, element, system, waitFor, by } from 'detox';
-
-export const initializeNavigationPage = async () => {
-  await device.launchApp({ newInstance: true });
-  await element(by.text('Navigation')).tap();
-  if (device.getPlatform() === 'ios') {
-    await system.element(by.system.label('Allow While Using App')).tap();
-    await waitFor(element(by.text("YES, I'M IN")))
-      .toBeVisible()
-      .withTimeout(10000);
-    await element(by.text("YES, I'M IN")).tap();
-  } else if (device.getPlatform() === 'android') {
-    await waitFor(element(by.text('GOT IT')))
-      .toBeVisible()
-      .withTimeout(10000);
-    await element(by.text('GOT IT')).tap();
-  }
-};
+import { device, element, waitFor, by } from 'detox';
 
 export const agreeToTermsAndConditions = async () => {
   if (device.getPlatform() === 'ios') {
@@ -53,14 +36,17 @@ export const waitForStepNumber = async number => {
     .withTimeout(10000);
 };
 
-export const waitForTestToFinish = async () => {
+export const waitForTestToFinish = async (timeInMs = 60000) => {
   await waitFor(element(by.id('test_status_label')))
     .toHaveText(`Test status: Finished`)
-    .withTimeout(10000);
+    .withTimeout(timeInMs);
 };
 
 export const initializeIntegrationTestsPage = async () => {
-  await device.launchApp({ newInstance: true });
+  await device.launchApp({
+    delete: true,
+    permissions: { location: 'always' },
+  });
   await element(by.id('integration_tests_button')).tap();
 };
 

example/src/screens/IntegrationTestsScreen.tsx

@@ -25,16 +25,17 @@ import {
   type MapViewCallbacks,
   type MapViewController,
   type Marker,
+  type NavigationViewController,
   type Polygon,
   type Polyline,
-  MapView,
+  NavigationView,
   useNavigation,
 } from '@googlemaps/react-native-navigation-sdk';
 import styles from '../styles';
 import OverlayModal from '../helpers/overlayModal';
 import {
   testMapInitialization,
-  runTest3,
+  testNavigationToSingleDestination,
   testNavigationSessionInitialization,
 } from './integration_tests/integration_test';
 
@@ -69,6 +70,8 @@ const IntegrationTestsScreen = () => {
     useNavigation();
   const [detoxStepNumber, setDetoxStepNumber] = useState(0);
   const [failureMessage, setFailuremessage] = useState('');
+  const [navigationViewController, setNavigationViewController] =
+    useState<NavigationViewController | null>(null);
 
   const onMapReady = useCallback(async () => {
     console.log('Map is ready, initializing navigator...');
@@ -145,6 +148,7 @@ const IntegrationTestsScreen = () => {
     return {
       navigationController,
       mapViewController,
+      navigationViewController,
       addListeners,
       removeListeners,
       passTest,
@@ -167,8 +171,8 @@ const IntegrationTestsScreen = () => {
       case 'testMapInitialization':
         await testMapInitialization(getTestTools());
         break;
-      case 'test3':
-        await runTest3();
+      case 'testNavigationToSingleDestination':
+        await testNavigationToSingleDestination(getTestTools());
         break;
       default:
         resetTestState();
@@ -185,13 +189,14 @@ const IntegrationTestsScreen = () => {
 
   return (
     <View style={[styles.container]}>
-      <View style={{ flex: 1, margin: 5 }}>
-        <MapView
+      <View style={{ flex: 3, margin: 5 }}>
+        <NavigationView
           mapViewCallbacks={mapViewCallbacks}
           onMapViewControllerCreated={setMapViewController}
+          onNavigationViewControllerCreated={setNavigationViewController}
         />
       </View>
-      <View style={{ flex: 3 }}>
+      <View style={{ flex: 4 }}>
         <Text>Selected testId: {activeTestId}</Text>
         <Text testID="test_status_label">Test status: {testStatusString}</Text>
         <Text testID="test_result_label">Test result: {testResult}</Text>
@@ -233,10 +238,10 @@ const IntegrationTestsScreen = () => {
           }}
         />
         <Button
-          title="Test3"
-          testID="Test3"
+          title="testNavigationToSingleDestination"
+          testID="testNavigationToSingleDestination"
           onPress={() => {
-            runTest('test3');
+            runTest('testNavigationToSingleDestination');
           }}
         />
       </OverlayModal>

example/src/screens/integration_tests/integration_test.ts

@@ -14,17 +14,20 @@
  * limitations under the License.
  */
 
-import type {
-  MapViewController,
-  NavigationCallbacks,
-  NavigationController,
-  NavigationInitErrorCode,
+import {
+  TravelMode,
+  type MapViewController,
+  type NavigationCallbacks,
+  type NavigationController,
+  type NavigationInitErrorCode,
+  type NavigationViewController,
 } from '@googlemaps/react-native-navigation-sdk';
 import { Platform } from 'react-native';
 
 interface TestTools {
   navigationController: NavigationController;
   mapViewController: MapViewController | null;
+  navigationViewController: NavigationViewController | null;
   addListeners: (listeners: Partial<NavigationCallbacks>) => void;
   removeListeners: (listeners: Partial<NavigationCallbacks>) => void;
   passTest: () => void;
@@ -166,4 +169,52 @@ export const testMapInitialization = async (testTools: TestTools) => {
   passTest();
 };
 
-export const runTest3 = async () => {};
+export const testNavigationToSingleDestination = async (
+  testTools: TestTools
+) => {
+  const { navigationController, addListeners, passTest, failTest } = testTools;
+  addListeners({
+    onNavigationReady: async () => {
+      await navigationController.simulator.simulateLocation({
+        lat: 37.4195823,
+        lng: -122.0799018,
+      });
+      await navigationController.setDestinations(
+        [
+          {
+            position: {
+              lat: 37.4152112,
+              lng: -122.0813741,
+            },
+          },
+        ],
+        {
+          travelMode: TravelMode.DRIVING,
+          avoidFerries: true,
+          avoidTolls: false,
+        }
+      );
+      await navigationController.startGuidance();
+
+      // Timeout here is used to avoid issues on Android.
+      setTimeout(() => {
+        navigationController.simulator.simulateLocationsAlongExistingRoute({
+          speedMultiplier: 5,
+        });
+      }, 3000);
+    },
+    onNavigationInitError: (errorCode: NavigationInitErrorCode) => {
+      console.log(errorCode);
+      failTest('onNavigatonInitError');
+    },
+    onArrival() {
+      passTest();
+    },
+  });
+  try {
+    await navigationController.init();
+  } catch (error) {
+    console.error('Error initializing navigator', error);
+    failTest('navigationController.init() exception');
+  }
+};