[NoQA] feat: chat TTI

src/CONST.ts

@@ -849,6 +849,7 @@ const CONST = {
         CALCULATE_MOST_RECENT_LAST_MODIFIED_ACTION: 'calc_most_recent_last_modified_action',
         SEARCH_RENDER: 'search_render',
         CHAT_RENDER: 'chat_render',
+        OPEN_REPORT: 'open_report',
         HOMEPAGE_INITIAL_RENDER: 'homepage_initial_render',
         REPORT_INITIAL_RENDER: 'report_initial_render',
         SWITCH_REPORT: 'switch_report',

src/components/LHNOptionsList/OptionRowLHN.tsx

@@ -21,6 +21,7 @@ import DateUtils from '@libs/DateUtils';
 import DomUtils from '@libs/DomUtils';
 import {getGroupChatName} from '@libs/GroupChatUtils';
 import * as OptionsListUtils from '@libs/OptionsListUtils';
+import Performance from '@libs/Performance';
 import ReportActionComposeFocusManager from '@libs/ReportActionComposeFocusManager';
 import * as ReportUtils from '@libs/ReportUtils';
 import * as ReportActionContextMenu from '@pages/home/report/ContextMenu/ReportActionContextMenu';
@@ -123,6 +124,8 @@ function OptionRowLHN({reportID, isFocused = false, onSelectRow = () => {}, opti
                     <PressableWithSecondaryInteraction
                         ref={popoverAnchor}
                         onPress={(event) => {
+                            Performance.markStart(CONST.TIMING.OPEN_REPORT);
+
                             event?.preventDefault();
                             // Enable Composer to focus on clicking the same chat after opening the context menu.
                             ReportActionComposeFocusManager.focus();

src/libs/E2E/tests/chatOpeningTest.e2e.ts

@@ -1,8 +1,10 @@
+import Config from 'react-native-config';
 import type {NativeConfig} from 'react-native-config';
 import E2ELogin from '@libs/E2E/actions/e2eLogin';
 import waitForAppLoaded from '@libs/E2E/actions/waitForAppLoaded';
 import E2EClient from '@libs/E2E/client';
 import getConfigValueOrThrow from '@libs/E2E/utils/getConfigValueOrThrow';
+import getPromiseWithResolve from '@libs/E2E/utils/getPromiseWithResolve';
 import Navigation from '@libs/Navigation/Navigation';
 import Performance from '@libs/Performance';
 import CONST from '@src/CONST';
@@ -23,29 +25,55 @@ const test = (config: NativeConfig) => {
         }
 
         console.debug('[E2E] Logged in, getting chat opening metrics and submitting them…');
+
+        const [renderChatPromise, renderChatResolve] = getPromiseWithResolve();
+        const [chatTTIPromise, chatTTIResolve] = getPromiseWithResolve();
+
+        Promise.all([renderChatPromise, chatTTIPromise]).then(() => {
+            console.debug(`[E2E] Submitting!`);
+
+            E2EClient.submitTestDone();
+        });
+
         Performance.subscribeToMeasurements((entry) => {
             if (entry.name === CONST.TIMING.SIDEBAR_LOADED) {
                 console.debug(`[E2E] Sidebar loaded, navigating to report…`);
+                Performance.markStart(CONST.TIMING.OPEN_REPORT);
                 Navigation.navigate(ROUTES.REPORT_WITH_ID.getRoute(reportID));
                 return;
             }
+
             console.debug(`[E2E] Entry: ${JSON.stringify(entry)}`);
-            if (entry.name !== CONST.TIMING.CHAT_RENDER) {
-                return;
+
+            if (entry.name === CONST.TIMING.CHAT_RENDER) {
+                E2EClient.submitTestResults({
+                    branch: Config.E2E_BRANCH,
+                    name: 'Chat opening',
+                    duration: entry.duration,
+                })
+                    .then(() => {
+                        console.debug('[E2E] Done with chat opening, exiting…');
+                        renderChatResolve();
+                    })
+                    .catch((err) => {
+                        console.debug('[E2E] Error while submitting test results:', err);
+                    });
             }
 
-            console.debug(`[E2E] Submitting!`);
-            E2EClient.submitTestResults({
-                name: 'Chat opening',
-                duration: entry.duration,
-            })
-                .then(() => {
-                    console.debug('[E2E] Done with chat opening, exiting…');
-                    E2EClient.submitTestDone();
+            if (entry.name === CONST.TIMING.OPEN_REPORT) {
+                E2EClient.submitTestResults({
+                    branch: Config.E2E_BRANCH,
+                    name: 'Chat TTI',
+                    duration: entry.duration,
                 })
-                .catch((err) => {
-                    console.debug('[E2E] Error while submitting test results:', err);
-                });
+                    .then(() => {
+                        console.debug('[E2E] Done with chat TTI tracking, exiting…');
+                        chatTTIResolve();
+                    })
+                    .catch((err) => {
+                        console.debug('[E2E] Error while submitting test results:', err);
+                    });
+            }
         });
     });
 };

src/libs/E2E/utils/getPromiseWithResolve.ts

@@ -0,0 +1,9 @@
+export default function getPromiseWithResolve<T>(): [Promise<T | undefined>, (value?: T) => void] {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    let resolveFn = (_value?: T) => {};
+    const promise = new Promise<T | undefined>((resolve) => {
+        resolveFn = resolve;
+    });
+
+    return [promise, resolveFn];
+}

src/pages/home/report/ReportActionsView.tsx

@@ -346,6 +346,7 @@ function ReportActionsView({
         didLayout.current = true;
         // Capture the init measurement only once not per each chat switch as the value gets overwritten
         if (!ReportActionsView.initMeasured) {
+            Performance.markEnd(CONST.TIMING.OPEN_REPORT);
             Performance.markEnd(CONST.TIMING.REPORT_INITIAL_RENDER);
             Timing.end(CONST.TIMING.REPORT_INITIAL_RENDER);
             ReportActionsView.initMeasured = true;