feature/9348-DemoModeAPIOverrides (#9544)

Co-authored-by: Rachael Bontrager <[email protected]>
department-of-veterans-affairs · Nov 8, 2024 · 8da7b5f · 8da7b5f
1 parent e261f14
commit 8da7b5f
Show file tree

Hide file tree

Showing 9 changed files with 568 additions and 11 deletions.
diff --git a/VAMobile/src/screens/HealthScreen/SecureMessaging/ViewMessage/ViewMessageScreen.test.tsx b/VAMobile/src/screens/HealthScreen/SecureMessaging/ViewMessage/ViewMessageScreen.test.tsx
@@ -4,10 +4,13 @@ import { screen } from '@testing-library/react-native'
 
 import {
   CategoryTypeFields,
+  SecureMessagingFolderMessagesGetData,
   SecureMessagingFoldersGetData,
   SecureMessagingMessageGetData,
+  SecureMessagingSystemFolderIdConstants,
   SecureMessagingThreadGetData,
 } from 'api/types'
+import { LARGE_PAGE_SIZE } from 'constants/common'
 import * as api from 'store/api'
 import { context, mockNavProps, render, waitFor, when } from 'testUtils'
 
@@ -195,6 +198,47 @@ context('ViewMessageScreen', () => {
     inboxUnreadCount: 0,
   }
 
+  const messages: SecureMessagingFolderMessagesGetData = {
+    data: [
+      {
+        type: 'test',
+        id: 1,
+        attributes: {
+          messageId: 1,
+          category: CategoryTypeFields.other,
+          subject: 'test',
+          body: 'test',
+          hasAttachments: false,
+          attachment: false,
+          sentDate: '1-1-21',
+          senderId: 2,
+          senderName: 'mock sender',
+          recipientId: 3,
+          recipientName: 'mock recipient name',
+          readReceipt: 'mock read receipt',
+        },
+      },
+    ],
+    links: {
+      self: '',
+      first: '',
+      prev: '',
+      next: '',
+      last: '',
+    },
+    meta: {
+      sort: {
+        sentDate: 'DESC',
+      },
+      pagination: {
+        currentPage: 1,
+        perPage: 1,
+        totalPages: 3,
+        totalEntries: 5,
+      },
+    },
+  }
+
   const initializeTestInstance = (messageID: number = 3) => {
     render(
       <ViewMessageScreen
@@ -222,6 +266,12 @@ context('ViewMessageScreen', () => {
         .mockResolvedValue(oldMessage)
         .calledWith('/v0/messaging/health/folders')
         .mockResolvedValue(listOfFolders)
+        .calledWith(`/v0/messaging/health/folders/${SecureMessagingSystemFolderIdConstants.INBOX}/messages`, {
+          page: '1',
+          per_page: LARGE_PAGE_SIZE.toString(),
+          useCache: 'false',
+        } as api.Params)
+        .mockResolvedValue(messages)
       initializeTestInstance(45)
       await waitFor(() => expect(screen.getByText('mock sender 45')).toBeTruthy())
       await waitFor(() => expect(screen.getByText('Start new message')).toBeTruthy())
@@ -240,6 +290,12 @@ context('ViewMessageScreen', () => {
         .mockResolvedValue(message)
         .calledWith('/v0/messaging/health/folders')
         .mockResolvedValue(listOfFolders)
+        .calledWith(`/v0/messaging/health/folders/${SecureMessagingSystemFolderIdConstants.INBOX}/messages`, {
+          page: '1',
+          per_page: LARGE_PAGE_SIZE.toString(),
+          useCache: 'false',
+        } as api.Params)
+        .mockResolvedValue(messages)
       initializeTestInstance()
       expect(screen.getByText('Loading your message...')).toBeTruthy()
       await waitFor(() => expect(screen.queryByRole('link', { name: '1-800-698-2411.Thank' })).toBeFalsy())

diff --git a/VAMobile/src/screens/HealthScreen/SecureMessaging/ViewMessage/ViewMessageScreen.tsx b/VAMobile/src/screens/HealthScreen/SecureMessaging/ViewMessage/ViewMessageScreen.tsx
@@ -9,7 +9,14 @@ import { useQueryClient } from '@tanstack/react-query'
 import { DateTime } from 'luxon'
 import _ from 'underscore'
 
-import { secureMessagingKeys, useFolders, useMessage, useMoveMessage, useThread } from 'api/secureMessaging'
+import {
+  secureMessagingKeys,
+  useFolderMessages,
+  useFolders,
+  useMessage,
+  useMoveMessage,
+  useThread,
+} from 'api/secureMessaging'
 import {
   MoveMessageParameters,
   SecureMessagingAttachment,
@@ -134,6 +141,15 @@ function ViewMessageScreen({ route, navigation }: ViewMessageScreenProps) {
     enabled: isScreenContentAllowed && smNotInDowntime,
   })
 
+  const {
+    data: inboxMessagesData,
+    isFetching: loadingFolderMessages,
+    error: folderMessagesError,
+    refetch: refetchFolderMessages,
+  } = useFolderMessages(currentFolderIdParam, {
+    enabled: isScreenContentAllowed && smNotInDowntime,
+  })
+
   const folders = foldersData?.data || ([] as SecureMessagingFolderList)
   const message = messageData?.data.attributes || ({} as SecureMessagingMessageAttributes)
   const includedAttachments = messageData?.included?.filter((included) => included.type === 'attachments')
@@ -159,11 +175,7 @@ function ViewMessageScreen({ route, navigation }: ViewMessageScreenProps) {
   useEffect(() => {
     if (messageFetched && currentFolderIdParam === SecureMessagingSystemFolderIdConstants.INBOX && currentPage) {
       let updateQueries = false
-      const inboxMessagesData = queryClient.getQueryData([
-        secureMessagingKeys.folderMessages,
-        currentFolderIdParam,
-      ]) as SecureMessagingFolderMessagesGetData
-      const newInboxMessages = inboxMessagesData.data.map((m) => {
+      const newInboxMessages = inboxMessagesData?.data.map((m) => {
         if (m.attributes.messageId === message.messageId && m.attributes.readReceipt !== READ) {
           updateQueries = true
           m.attributes.readReceipt = READ
@@ -209,6 +221,7 @@ function ViewMessageScreen({ route, navigation }: ViewMessageScreenProps) {
     messageData?.included,
     foldersData,
     messageData,
+    inboxMessagesData,
   ])
 
   const getFolders = (): PickerItem[] => {
@@ -354,8 +367,8 @@ function ViewMessageScreen({ route, navigation }: ViewMessageScreenProps) {
 
   // If error is caused by an individual message, we want the error alert to be
   // contained to that message, not to take over the entire screen
-  const hasError = foldersError || messageError || threadError || !smNotInDowntime
-  const isLoading = loadingFolder || loadingThread || loadingMessage || loadingMoveMessage
+  const hasError = folderMessagesError || foldersError || messageError || threadError || !smNotInDowntime
+  const isLoading = loadingFolder || loadingThread || loadingMessage || loadingMoveMessage || loadingFolderMessages
   const isEmpty = !message || !thread
   const loadingText = loadingMoveMessage ? t('secureMessaging.movingMessage') : t('secureMessaging.viewMessage.loading')
 
@@ -385,9 +398,17 @@ function ViewMessageScreen({ route, navigation }: ViewMessageScreenProps) {
       ) : hasError ? (
         <ErrorComponent
           screenID={screenID}
-          error={foldersError || messageError || threadError}
+          error={folderMessagesError || foldersError || messageError || threadError}
           onTryAgain={
-            foldersError ? refetchFolders : messageError ? refetchMessage : threadError ? refetchThread : undefined
+            folderMessagesError
+              ? refetchFolderMessages
+              : foldersError
+                ? refetchFolders
+                : messageError
+                  ? refetchMessage
+                  : threadError
+                    ? refetchThread
+                    : undefined
           }
         />
       ) : isEmpty ? (

diff --git a/VAMobile/src/screens/HomeScreen/HomeScreen.tsx b/VAMobile/src/screens/HomeScreen/HomeScreen.tsx
@@ -65,6 +65,7 @@ import ProfileScreen from './ProfileScreen/ProfileScreen'
 import SettingsScreen from './ProfileScreen/SettingsScreen'
 import AccountSecurity from './ProfileScreen/SettingsScreen/AccountSecurity/AccountSecurity'
 import DeveloperScreen from './ProfileScreen/SettingsScreen/DeveloperScreen'
+import OverrideAPIScreen from './ProfileScreen/SettingsScreen/DeveloperScreen/OverrideApiScreen'
 import RemoteConfigScreen from './ProfileScreen/SettingsScreen/DeveloperScreen/RemoteConfigScreen'
 import NotificationsSettingsScreen from './ProfileScreen/SettingsScreen/NotificationsSettingsScreen/NotificationsSettingsScreen'
 
@@ -583,6 +584,11 @@ function HomeStackScreen({}: HomeStackScreenProps) {
         options={FEATURE_LANDING_TEMPLATE_OPTIONS}
       />
       <HomeScreenStack.Screen name="Developer" component={DeveloperScreen} options={FEATURE_LANDING_TEMPLATE_OPTIONS} />
+      <HomeScreenStack.Screen
+        name="OverrideAPI"
+        component={OverrideAPIScreen}
+        options={FEATURE_LANDING_TEMPLATE_OPTIONS}
+      />
       <HomeScreenStack.Screen
         name="RemoteConfig"
         component={RemoteConfigScreen}

diff --git a/VAMobile/src/screens/HomeScreen/HomeStackScreens.tsx b/VAMobile/src/screens/HomeScreen/HomeStackScreens.tsx
@@ -40,6 +40,7 @@ export type HomeStackParamList = WebviewStackParams & {
   PersonalInformation: undefined
   PreferredName: undefined
   ContactInformation: undefined
+  OverrideAPI: undefined
   RemoteConfig: undefined
   Settings: undefined
   WaygateEdit: { waygateName: string; waygate: Waygate }

diff --git a/...e/src/screens/HomeScreen/ProfileScreen/SettingsScreen/DeveloperScreen/DeveloperScreen.tsx b/...e/src/screens/HomeScreen/ProfileScreen/SettingsScreen/DeveloperScreen/DeveloperScreen.tsx
@@ -213,6 +213,11 @@ function DeveloperScreen({ navigation }: DeveloperScreenSettingsScreenProps) {
         </TextView>
         <SimpleList items={firebaseList} />
       </Box>
+      <Box mt={theme.dimensions.standardMarginBetween}>
+        <TextArea>
+          <Button onPress={() => navigateTo('OverrideAPI')} label={'Override Api Calls'} />
+        </TextArea>
+      </Box>
       <Box mt={theme.dimensions.condensedMarginBetween}>
         <TextArea>
           <TextView variant="MobileBodyBold" accessibilityRole="header">