feat: activate portfolio view

.js.env.example

@@ -1,10 +1,10 @@
 # Sign up and generate your own keys at pubnub.com
 # Then rename this file to ".js.env" and rebuild the app
-#
+# 
 # In order for this feature to work properly, you need to
 # build metamask-extension from source (https://github.com/MetaMask/metamask-extension)
 # and set your the same values there.
-#
+# 
 # For more info take a look at https://github.com/MetaMask/metamask-extension/pull/5955
 
 export MM_PUBNUB_SUB_KEY=""
@@ -70,6 +70,10 @@ export SEGMENT_FLUSH_EVENT_LIMIT="1"
 # URL of security alerts API used to validate dApp requests.
 export SECURITY_ALERTS_API_URL="https://security-alerts.api.cx.metamask.io"
 
+# Enable Portfolio View
+export PORTFOLIO_VIEW="true"
+
+
 # Temporary mechanism to enable security alerts API prior to release.
 export MM_SECURITY_ALERTS_API_ENABLED="true"
 # Firebase
@@ -81,7 +85,7 @@ export FCM_CONFIG_MESSAGING_SENDER_ID=""
 export FCM_CONFIG_APP_ID=""
 export GOOGLE_SERVICES_B64_ANDROID=""
 export GOOGLE_SERVICES_B64_IOS=""
-#Notifications Feature Announcements
+# Notifications Feature Announcements
 export FEATURES_ANNOUNCEMENTS_ACCESS_TOKEN=
 export FEATURES_ANNOUNCEMENTS_SPACE_ID=
 
@@ -96,8 +100,8 @@ export MM_PER_DAPP_SELECTED_NETWORK=""
 
 export MM_CHAIN_PERMISSIONS=""
 
-#Multichain feature flag specific to UI changes
+# Multichain feature flag specific to UI changes
 export MM_MULTICHAIN_V1_ENABLED=""
 
-#Permissions Settings feature flag specific to UI changes
+# Permissions Settings feature flag specific to UI changes
 export MM_PERMISSIONS_SETTINGS_V1_ENABLED=""

app/components/UI/AccountSelectorList/AccountSelector.test.tsx

@@ -18,6 +18,9 @@ import { mockNetworkState } from '../../../util/test/network';
 import { CHAIN_IDS } from '@metamask/transaction-controller';
 import { AccountSelectorListProps } from './AccountSelectorList.types';
 
+// eslint-disable-next-line import/no-namespace
+import * as Utils from '../../hooks/useAccounts/utils';
+
 const BUSINESS_ACCOUNT = '0xC4955C0d639D99699Bfd7Ec54d9FaFEe40e4D272';
 const PERSONAL_ACCOUNT = '0xd018538C87232FF95acbCe4870629b75640a78E7';
 
@@ -125,6 +128,16 @@ const renderComponent = (
 
 describe('AccountSelectorList', () => {
   beforeEach(() => {
+    jest.spyOn(Utils, 'getAccountBalances').mockReturnValueOnce({
+      balanceETH: '1',
+      balanceFiat: '$3200.00',
+      balanceWeiHex: '',
+    });
+    jest.spyOn(Utils, 'getAccountBalances').mockReturnValueOnce({
+      balanceETH: '2',
+      balanceFiat: '$6400.00',
+      balanceWeiHex: '',
+    });
     onSelectAccount.mockClear();
     onRemoveImportedAccount.mockClear();
   });