feat: add suite selector to test app

Author: mhuynh5757

test/app/e2e-tests-config.js

@@ -1,17 +1,7 @@
-const { suite } = require('../e2e-tests-config.js');
-
-const suiteFiles = suite === 'preflight' ? [
-  'preflightTest',
-] : [
-  'call', 'callMessage', 'registration', 'voice',
-];
-
-const testMatch = suiteFiles.map((f) => `<rootDir>/e2e/suites/${f}.test.ts`);
-
 /** @type {import('@jest/types').Config.InitialOptions} */
 module.exports = {
   rootDir: '..',
-  testMatch,
+  testMatch: ['<rootDir>/e2e/suites/**/preflightTest.test.ts'],
   testTimeout: 120000,
   maxWorkers: 1,
   globalSetup: 'detox/runners/jest/globalSetup',

test/app/e2e/jest.config.js

@@ -25,6 +25,7 @@ describe('call', () => {
 
   beforeEach(async () => {
     await device.reloadReactNative();
+    await element(by.text('CALL SUITE')).tap();
   });
 
   if (device.getPlatform() === 'ios') {
@@ -77,7 +78,7 @@ describe('call', () => {
             log.includes('constant-audio-output-level');
 
           return qualityWarningsChangedEvent && (constantAudioInputWarning || constantAudioOutputWarning);
-        }
+        };
 
         // check the call quality warnings every 5 seconds
         // for a total of 30 seconds

test/app/e2e/suites/call.test.ts

@@ -6,7 +6,7 @@ import { bootstrapTwilioClient } from '../common/twilioClient';
 import { pollValidateLog, getRegExpMatch } from '../common/logParser';
 
 const DEFAULT_TIMEOUT = 10000;
-const RELAY_SERVER_URL = 'http://localhost:4040'
+const RELAY_SERVER_URL = 'http://localhost:4040';
 
 describe('call', () => {
   let twilioClient: ReturnType<typeof twilio>;
@@ -187,6 +187,7 @@ describe('call', () => {
 
   beforeEach(async () => {
     await device.reloadReactNative();
+    await element(by.text('CALL SUITE')).tap();
 
     if (device.getPlatform() !== 'ios') {
       await toggleLogFormat();

test/app/e2e/suites/callMessage.test.ts

@@ -198,6 +198,7 @@ describe('preflightTest', () => {
       describe('successful flow', () => {
         beforeAll(async () => {
           await device.reloadReactNative();
+          await element(by.text('PREFLIGHT TEST SUITE')).tap();
           await element(by.text('TOGGLE LOG FORMAT')).tap();
 
           await element(by.text('START PREFLIGHT')).tap();
@@ -323,6 +324,7 @@ describe('preflightTest', () => {
       describe('failure flow', () => {
         beforeEach(async () => {
           await device.reloadReactNative();
+          await element(by.text('PREFLIGHT TEST SUITE')).tap();
           await element(by.text('TOGGLE LOG FORMAT')).tap();
         });
 
@@ -426,6 +428,7 @@ describe('preflightTest', () => {
       describe('stopped preflightTest', () => {
         beforeAll(async () => {
           await device.reloadReactNative();
+          await element(by.text('PREFLIGHT TEST SUITE')).tap();
           await element(by.text('TOGGLE LOG FORMAT')).tap();
 
           await element(by.text('START PREFLIGHT')).tap();
@@ -502,6 +505,7 @@ describe('preflightTest', () => {
       describe('invalid token preflightTest', () => {
         beforeAll(async () => {
           await device.reloadReactNative();
+          await element(by.text('PREFLIGHT TEST SUITE')).tap();
           await element(by.text('TOGGLE LOG FORMAT')).tap();
 
           await element(by.text('START PREFLIGHT')).tap();
@@ -581,6 +585,7 @@ describe('preflightTest', () => {
 
         beforeAll(async () => {
           await device.reloadReactNative();
+          await element(by.text('PREFLIGHT TEST SUITE')).tap();
           await element(by.text('TOGGLE LOG FORMAT')).tap();
 
           startTime = Date.now();

test/app/e2e/suites/preflightTest.test.ts

@@ -16,6 +16,7 @@ describe('registration', () => {
 
   beforeEach(async () => {
     await device.reloadReactNative();
+    await element(by.text('CALL SUITE')).tap();
   });
 
   it('should start unregistered', async () => {

test/app/e2e/suites/registration.test.ts

@@ -8,6 +8,7 @@ describe('voice', () => {
 
   beforeEach(async () => {
     await device.reloadReactNative();
+    await element(by.text('CALL SUITE')).tap();
   });
 
   it('should show a valid SDK version', async () => {

test/app/e2e/suites/voice.test.ts

@@ -1,14 +1,34 @@
 import * as React from 'react';
-import { DefaultSuite } from './DefaultSuite';
+import { Button, View } from 'react-native';
+import { CallSuite } from './CallSuite';
 import { PreflightTestSuite } from './PreflightTestSuite';
 
-const { suite } = require('../e2e-tests-config.js');
+const defaultSuite = 'none';
 
 export default function App() {
-  switch (suite as string) {
-    case 'preflightTest':
-      return <PreflightTestSuite />;
-    default:
-      return <DefaultSuite />;
+  const [selectedSuite, setSelectedSuite] =
+    React.useState<'call' | 'preflightTest' | 'none'>(defaultSuite);
+
+  const suiteSelector = React.useMemo(() => {
+    return (
+      <View>
+        <Button onPress={() => setSelectedSuite('call')} title="Call Suite" />
+        <Button onPress={() => setSelectedSuite('preflightTest')} title="Preflight Test Suite" />
+      </View>
+    );
+  }, []);
+
+  if (selectedSuite === 'none') {
+    return suiteSelector;
+  }
+
+  if (selectedSuite === 'call') {
+    return <CallSuite />;
   }
+
+  if (selectedSuite === 'preflightTest') {
+    return <PreflightTestSuite />;
+  }
+
+  return null;
 }

test/app/src/App.tsx

@@ -20,7 +20,7 @@ if (!token.length) {
   token = generateAccessToken();
 }
 
-export function DefaultSuite() {
+export function CallSuite() {
   const {
     registered,
     sdkVersion,