test: add camera tests

Author: illuminati1911

example/e2e/initialization.test.js example/e2e/map.test.jsexample/e2e/initialization.test.js renamed to example/e2e/map.test.js

@@ -21,7 +21,7 @@ import {
 } from './shared.js';
 import { element, by, log } from 'detox';
 
-describe('Initialization tests', () => {
+describe('Map view tests', () => {
   beforeEach(async () => {
     await initializeIntegrationTestsPage();
   });
@@ -37,4 +37,28 @@ describe('Initialization tests', () => {
       'Test result: Success'
     );
   });
+
+  it('T02 - initialize map and test move camera', async () => {
+    await selectTestByName('testMoveCamera');
+    await waitForTestToFinish();
+    const failureMessageLabel = element(by.id('failure_message_label'));
+    const attributes = await failureMessageLabel.getAttributes();
+    log.error(attributes.text);
+    await expect(element(by.id('failure_message_label'))).toHaveText('');
+    await expect(element(by.id('test_result_label'))).toHaveText(
+      'Test result: Success'
+    );
+  });
+
+  it('T03 - initialize map and test camera tilt bearing zoom', async () => {
+    await selectTestByName('testTiltZoomBearingCamera');
+    await waitForTestToFinish();
+    const failureMessageLabel = element(by.id('failure_message_label'));
+    const attributes = await failureMessageLabel.getAttributes();
+    log.error(attributes.text);
+    await expect(element(by.id('failure_message_label'))).toHaveText('');
+    await expect(element(by.id('test_result_label'))).toHaveText(
+      'Test result: Success'
+    );
+  });
 });

example/src/screens/IntegrationTestsScreen.tsx

@@ -40,6 +40,8 @@ import {
   testNavigationToMultipleDestination,
   testRouteSegments,
   testGetCurrentTimeAndDistance,
+  testMoveCamera,
+  testTiltZoomBearingCamera,
 } from './integration_tests/integration_test';
 
 // Utility function for showing Snackbar
@@ -186,6 +188,12 @@ const IntegrationTestsScreen = () => {
       case 'testGetCurrentTimeAndDistance':
         await testGetCurrentTimeAndDistance(getTestTools());
         break;
+      case 'testMoveCamera':
+        await testMoveCamera(getTestTools());
+        break;
+      case 'testTiltZoomBearingCamera':
+        await testTiltZoomBearingCamera(getTestTools());
+        break;
       default:
         resetTestState();
         break;
@@ -277,6 +285,20 @@ const IntegrationTestsScreen = () => {
             runTest('testGetCurrentTimeAndDistance');
           }}
         />
+        <Button
+          title="testMoveCamera"
+          testID="testMoveCamera"
+          onPress={() => {
+            runTest('testMoveCamera');
+          }}
+        />
+        <Button
+          title="testTiltZoomBearingCamera"
+          testID="testTiltZoomBearingCamera"
+          onPress={() => {
+            runTest('testTiltZoomBearingCamera');
+          }}
+        />
       </OverlayModal>
     </View>
   );

example/src/screens/integration_tests/integration_test.ts

@@ -24,6 +24,7 @@ import {
   type TimeAndDistance,
 } from '@googlemaps/react-native-navigation-sdk';
 import { Platform } from 'react-native';
+import { delay, roundDown } from './utils';
 
 interface TestTools {
   navigationController: NavigationController;
@@ -415,3 +416,85 @@ export const testGetCurrentTimeAndDistance = async (testTools: TestTools) => {
     failTest('navigationController.init() exception');
   }
 };
+
+export const testMoveCamera = async (testTools: TestTools) => {
+  const { mapViewController, passTest, failTest, expectFalseError } = testTools;
+  if (!mapViewController) {
+    return failTest('mapViewController was expected to exist');
+  }
+
+  // Move camera to Hong Kong
+  mapViewController.moveCamera({
+    target: {
+      lat: 22.2987849,
+      lng: 114.1719271,
+    },
+  });
+
+  await delay(3000);
+  const hongKongPosition = await mapViewController.getCameraPosition();
+
+  if (
+    roundDown(hongKongPosition.target.lat) !== 22 ||
+    roundDown(hongKongPosition.target.lng) !== 114
+  ) {
+    expectFalseError(
+      'roundDown(hongKongPosition.target.lat) !== 22 || roundDown(hongKongPosition.target.lng) !== 114'
+    );
+  }
+
+  // Move camera to Tokyo
+  mapViewController.moveCamera({
+    target: {
+      lat: 35.6805707,
+      lng: 139.7658596,
+    },
+  });
+
+  await delay(3000);
+  const tokyoPosition = await mapViewController.getCameraPosition();
+
+  if (
+    roundDown(tokyoPosition.target.lat) !== 35 ||
+    roundDown(tokyoPosition.target.lng) !== 139
+  ) {
+    expectFalseError(
+      'roundDown(hongKongPosition.target.lat) !== 22 || roundDown(hongKongPosition.target.lng) !== 114'
+    );
+  }
+
+  passTest();
+};
+
+export const testTiltZoomBearingCamera = async (testTools: TestTools) => {
+  const { mapViewController, passTest, failTest, expectFalseError } = testTools;
+  if (!mapViewController) {
+    return failTest('mapViewController was expected to exist');
+  }
+
+  // Move camera to Hong Kong and set bearing, tilt and zoom.
+  mapViewController.moveCamera({
+    target: {
+      lat: 22.2987849,
+      lng: 114.1719271,
+    },
+    bearing: 270,
+    tilt: 20,
+    zoom: 6,
+  });
+
+  await delay(3000);
+  const hongKongPosition = await mapViewController.getCameraPosition();
+
+  if (
+    hongKongPosition.bearing !== 270 ||
+    hongKongPosition.tilt !== 20 ||
+    hongKongPosition.zoom !== 6
+  ) {
+    expectFalseError(
+      'hongKongPosition.bearing !== 270 || hongKongPosition.tilt !== 20 || hongKongPosition.zoom !== 6'
+    );
+  }
+
+  passTest();
+};

example/src/screens/integration_tests/utils.ts

@@ -0,0 +1,26 @@
+/**
+ * Copyright 2024 Google LLC
+ *
+ * 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.
+ */
+
+// Delay function execution by given time in ms.
+export const delay = (timeInMs: number): Promise<void> => {
+  return new Promise(resolve => setTimeout(resolve, timeInMs));
+};
+
+// Remove decimals from any floating point number.
+export const roundDown = (value: number) => {
+  const factor = Math.pow(10, 0);
+  return Math.floor(value * factor) / factor;
+};