PLT-9600 #comment test:refactor for cleaner code

input-output-hk · Mar 27, 2024 · 42fe189 · 42fe189
1 parent 9d88cfc
commit 42fe189
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 46 deletions.
diff --git a/src/pages/session/components/AppBar.test.tsx b/src/pages/session/components/AppBar.test.tsx
@@ -3,6 +3,8 @@ import { screen } from '@testing-library/react';
 import '@testing-library/jest-dom';
 
 import { renderWithProviders } from 'utils/test-utils';
+import {walletConnectionInitialState } from '../../../store/slices/walletConnection.slice';
+import {profileInitialState} from '../../../store/slices/profile.slice';
 import AppBar from './AppBar';
 
 jest.mock('minidenticons', () => ({
@@ -11,53 +13,29 @@ jest.mock('minidenticons', () => ({
 
 describe('App bar > logged in state', () => {
     test('should render wallet address when logged in', async () => {
-        const preloadedState = {
-            walletConnection: {
-                wallet: null,
-                walletName: null,
-                walletAddress: 'addr...1234',
-                stakeAddress: null,
-                activeWallets: ['lace', 'nami', 'yoroi'],
-                errorMessage: null,
-                errorRetry: false,
-                loading: false,
-                listeningWalletChanges: false,
-                resetWalletChanges: false,
-            },
+
+      renderWithProviders(<AppBar />, { preloadedState: 
+          {walletConnection: {
+          ...walletConnectionInitialState,
+          walletAddress: 'addr...1234',
+          },
+          profile: {
+            ...profileInitialState,
             profile: {
-              profile: {
-                address: 'addr1234',
-                email: 'email@gmail.com',
-                fullName: 'name',
-                companyName: 'company',
-                contactEmail: 'contactemail@gmail.com',
-                linkedin: null,
-                twitter: null,
-                website: null,
-                role: null,
-                dapp: null,
-              },
-              errorMessage: null,
-              loading: false,
-              success: true,
-              selectedUser: null,
-              allUsers: null,
-              loadingDetails: false,
-              detailsSuccess: false,
-              detailsError: null,
-              userSubscription: null,
-              loadingSubDetails: false,
-              subDetailsSuccess: false,
-              subDetailsError: null,
-              updateSuccess: false,
-              loadingHistory: false,
-              runHistory: [],
-              impersonate: false,
-              retainId: null  
+              address: 'addr1234',
+              email: '',
+              fullName: '',
+              companyName: '',
+              contactEmail: '',
+              linkedin: null,
+              twitter: null,
+              website: null,
+              role: null,
+              dapp: null,
             }
-          };
-
-      renderWithProviders(<AppBar />, { preloadedState });
+          }
+        } 
+      });
 
       const walletAddress = await screen.findByText('addr...1234');
 

diff --git a/src/store/slices/profile.slice.ts b/src/store/slices/profile.slice.ts
@@ -106,7 +106,18 @@ export interface IUpdateProfile {
 }
 
 const initialState: ProfileState = {
-  profile: null,
+  profile: {
+    address: '',
+    email: '',
+    fullName: '',
+    companyName: '',
+    contactEmail: '',
+    linkedin: null,
+    twitter: null,
+    website: null,
+    role: null,
+    dapp: null,
+  },
   errorMessage: null,
   loading: false,
   success: false,
@@ -126,6 +137,9 @@ const initialState: ProfileState = {
   retainId: null
 };
 
+// Add this export to your profileSlice file
+export { initialState as profileInitialState };
+
 export const fetchProfile = createAsyncThunk('fetchProfile', async (payload, thunkApi) => {
   try {
     const {impersonate, retainId} = (thunkApi.getState() as RootState).profile;

diff --git a/src/store/slices/walletConnection.slice.ts b/src/store/slices/walletConnection.slice.ts
@@ -38,6 +38,10 @@ const initialState: WalletConnectionState = {
   resetWalletChanges: false,
 };
 
+// Add this export to your walletConnectionSlice file
+export { initialState as walletConnectionInitialState };
+
+
 const CardanoNS = window.cardano;
 
 type StakeAddressHex = string;