test: initial integration testing screen in example app

Author: illuminati1911

example/e2e/navigation.test.js

@@ -0,0 +1,57 @@
+/**
+ * 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.
+ */
+
+import {
+  initializeIntegrationTestsPage,
+  agreeToTermsAndConditions,
+  waitForStepNumber,
+  selectTestByName,
+  waitForTestToFinish,
+} from './shared.js';
+import { element, by } from 'detox';
+
+describe('Initialization tests', () => {
+  beforeEach(async () => {
+    await initializeIntegrationTestsPage();
+  });
+
+  it('T01 - initialize navigation controller and test terms and conditions (TOS) dialog acceptance', async () => {
+    await selectTestByName('testNavigationSessionInitialization');
+    await waitForStepNumber(1);
+    await agreeToTermsAndConditions();
+    await waitForTestToFinish();
+    await expect(element(by.id('test_result_label'))).toHaveText(
+      'Test result: Success'
+    );
+  });
+
+  /**
+  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);
+  });
+  */
+});

example/e2e/navigation_ui.test.js

@@ -32,3 +32,39 @@ export const initializeNavigationPage = async () => {
     await element(by.text('GOT IT')).tap();
   }
 };
+
+export const agreeToTermsAndConditions = async () => {
+  if (device.getPlatform() === 'ios') {
+    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();
+  }
+};
+
+export const waitForStepNumber = async number => {
+  await waitFor(element(by.id('test_status_label')))
+    .toHaveText(`Test status: Step #${number}`)
+    .withTimeout(10000);
+};
+
+export const waitForTestToFinish = async () => {
+  await waitFor(element(by.id('test_status_label')))
+    .toHaveText(`Test status: Finished`)
+    .withTimeout(10000);
+};
+
+export const initializeIntegrationTestsPage = async () => {
+  await device.launchApp({ newInstance: true });
+  await element(by.text('Integration Tests')).tap();
+};
+
+export const selectTestByName = async name => {
+  await element(by.text('Tests')).tap();
+  await element(by.text(name)).tap();
+};

example/e2e/shared.js

@@ -30,8 +30,14 @@ import {
   TaskRemovedBehavior,
   type TermsAndConditionsDialogOptions,
 } from '@googlemaps/react-native-navigation-sdk';
+import IntegrationTestsScreen from './screens/IntegrationTestsScreen';
 
-export type ScreenNames = ['Home', 'Navigation', 'Multiple maps'];
+export type ScreenNames = [
+  'Home',
+  'Navigation',
+  'Multiple maps',
+  'Integration tests',
+];
 
 export type RootStackParamList = Record<ScreenNames[number], undefined>;
 export type StackNavigation = NavigationProp<RootStackParamList>;
@@ -41,7 +47,7 @@ const HomeScreen = () => {
   const isFocused = useIsFocused();
 
   return (
-    <View style={styles.container}>
+    <View style={[styles.container]}>
       <View style={styles.buttonContainer}>
         <Button
           title="Navigation"
@@ -54,6 +60,12 @@ const HomeScreen = () => {
           onPress={() => isFocused && navigate('Multiple maps')}
         />
       </View>
+      <View style={styles.buttonContainer}>
+        <Button
+          title="Integration Tests"
+          onPress={() => isFocused && navigate('Integration tests')}
+        />
+      </View>
     </View>
   );
 };
@@ -81,6 +93,10 @@ export default function App() {
           <Stack.Screen name="Home" component={HomeScreen} />
           <Stack.Screen name="Navigation" component={NavigationScreen} />
           <Stack.Screen name="Multiple maps" component={MultipleMapsScreen} />
+          <Stack.Screen
+            name="Integration tests"
+            component={IntegrationTestsScreen}
+          />
         </Stack.Navigator>
       </NavigationContainer>
     </NavigationProvider>