Improve Fullstory mocks

Author: fabioh8010

jest/setupMockFullstoryLib.ts

@@ -1,24 +1,27 @@
-type FSPageInterface = {
-    start: jest.Mock<void, []>;
-};
+import type {Fullstory, FSPageLike as mockFSPageLike} from '@libs/Fullstory/types';
 
 export default function mockFSLibrary() {
     jest.mock('@fullstory/react-native', () => {
-        class Fullstory {
-            consent = jest.fn();
-
-            anonymize = jest.fn();
+        return {
+            FSPage: jest.fn(),
+            default: jest.fn(),
+        };
+    });
 
-            identify = jest.fn();
+    jest.mock<Fullstory>('@libs/Fullstory', () => {
+        class FSPage implements mockFSPageLike {
+            start() {}
         }
 
         return {
-            FSPage(): FSPageInterface {
-                return {
-                    start: jest.fn(() => {}),
-                };
-            },
-            default: Fullstory,
+            Page: FSPage,
+            getChatFSClass: jest.fn(),
+            init: jest.fn(),
+            onReady: jest.fn(),
+            consent: jest.fn(),
+            identify: jest.fn(),
+            consentAndIdentify: jest.fn(),
+            anonymize: jest.fn(),
         };
     });
 }

tests/navigation/GoBackTests.tsx

@@ -13,13 +13,6 @@ import TestNavigationContainer from '../utils/TestNavigationContainer';
 jest.mock('@hooks/useResponsiveLayout', () => jest.fn());
 jest.mock('@libs/getIsNarrowLayout', () => jest.fn());
 
-// Mock Fullstory library dependency
-jest.mock('@libs/Fullstory', () => ({
-    default: {
-        consentAndIdentify: jest.fn(),
-    },
-}));
-
 jest.mock('@pages/home/sidebar/NavigationTabBarAvatar');
 jest.mock('@src/components/Navigation/TopLevelNavigationTabBar');
 

tests/navigation/NavigateTests.tsx

@@ -13,13 +13,6 @@ import TestNavigationContainer from '../utils/TestNavigationContainer';
 jest.mock('@hooks/useResponsiveLayout', () => jest.fn());
 jest.mock('@libs/getIsNarrowLayout', () => jest.fn());
 
-// Mock Fullstory library dependency
-jest.mock('@libs/Fullstory', () => ({
-    default: {
-        consentAndIdentify: jest.fn(),
-    },
-}));
-
 jest.mock('@pages/home/sidebar/NavigationTabBarAvatar');
 jest.mock('@src/components/Navigation/TopLevelNavigationTabBar');
 

tests/navigation/ResizeScreenTests.tsx

@@ -21,12 +21,6 @@ jest.mock('@libs/getIsNarrowLayout', () => jest.fn());
 
 jest.mock('@pages/settings/InitialSettingsPage');
 jest.mock('@pages/settings/Profile/ProfilePage');
-// Mock Fullstory library dependency
-jest.mock('@libs/Fullstory', () => ({
-    default: {
-        consentAndIdentify: jest.fn(),
-    },
-}));
 
 const INITIAL_STATE = {
     index: 0,

tests/navigation/isActiveRouteTests.tsx

@@ -12,13 +12,6 @@ import TestNavigationContainer from '../utils/TestNavigationContainer';
 jest.mock('@hooks/useResponsiveLayout', () => jest.fn());
 jest.mock('@libs/getIsNarrowLayout', () => jest.fn());
 
-// Mock Fullstory library dependency
-jest.mock('@libs/Fullstory', () => ({
-    default: {
-        consentAndIdentify: jest.fn(),
-    },
-}));
-
 jest.mock('@pages/home/sidebar/NavigationTabBarAvatar');
 jest.mock('@src/components/Navigation/TopLevelNavigationTabBar');
 

tests/perf-test/ReportActionsList.perf-test.tsx

@@ -25,13 +25,6 @@ type LazyLoadLHNTestUtils = {
 
 const mockedNavigate = jest.fn();
 
-// Mock Fullstory library dependency
-jest.mock('@libs/Fullstory', () => ({
-    default: {
-        consentAndIdentify: jest.fn(),
-    },
-}));
-
 jest.mock('@components/withCurrentUserPersonalDetails', () => {
     // Lazy loading of LHNTestUtils
     const lazyLoadLHNTestUtils = () => require<LazyLoadLHNTestUtils>('../utils/LHNTestUtils');

tests/ui/components/FeatureTrainingModalTest.tsx

@@ -22,7 +22,6 @@ jest.mock('@libs/Navigation/Navigation', () => ({
     getActiveRoute: jest.fn(() => '/'),
 }));
 
-jest.mock('@libs/Fullstory');
 jest.mock('expo-av', () => {
     const {View} = require<typeof ReactNative>('react-native');
     // eslint-disable-next-line @typescript-eslint/no-unsafe-return

tests/ui/components/IOURequestStepConfirmationPageTest.tsx

@@ -25,7 +25,6 @@ jest.mock('@libs/actions/IOU', () => {
         startMoneyRequest: jest.fn(),
     };
 });
-jest.mock('@libs/Fullstory');
 jest.mock('@components/ProductTrainingContext', () => ({
     useProductTrainingContext: () => [false],
 }));

tests/ui/components/ProductTrainingContextProvider.tsx

@@ -18,13 +18,6 @@ jest.mock('@hooks/useResponsiveLayout', () => ({
     default: jest.fn(),
 }));
 
-// Mock Fullstory library dependency
-jest.mock('@libs/Fullstory', () => ({
-    default: {
-        consentAndIdentify: jest.fn(),
-    },
-}));
-
 const DEFAULT_USE_RESPONSIVE_LAYOUT_VALUE = {
     shouldUseNarrowLayout: true,
     isSmallScreenWidth: true,

tests/ui/components/TabSelectorItem.tsx

@@ -5,11 +5,6 @@ import Tooltip from '@components/Tooltip';
 
 // Mock the Tooltip component since it uses portals which aren't supported in RNTL
 jest.mock('@components/Tooltip');
-jest.mock('@libs/Fullstory', () => ({
-    default: {
-        consentAndIdentify: jest.fn(),
-    },
-}));
 
 describe('TabSelectorItem Component', () => {
     const title = 'Test Tab';