refactor: asset picker and token list generators

test/e2e/tests/bridge/bridge-positive-cases.spec.ts

@@ -36,6 +36,13 @@ describe('Bridge tests', function (this: Suite) {
           '24.9',
         );
 
+        const getHeapSize = async () =>
+          (await driver.executeScript(
+            'return window.performance.memory.usedJSHeapSize/1024/1024',
+          )) as number;
+
+        const heapSizeBefore = await getHeapSize();
+
         // Switch to Linea Mainnet to set it as the selected network
         // in the network-controller
         await switchToNetworkFlow(driver, 'Linea Mainnet');
@@ -66,6 +73,12 @@ describe('Bridge tests', function (this: Suite) {
           '22.9',
         );
 
+        const heapSizeAfter1 = await getHeapSize();
+        console.log('heapSizeBefore', heapSizeBefore);
+        console.log('heapSizeAfter1', heapSizeAfter1);
+
+        expect(heapSizeAfter1 - heapSizeBefore).toBeLessThanOrEqual(1000);
+
         // Switch to Arbitrum One to set it as the selected network
         // in the network-controller
         await searchAndSwitchToNetworkFlow(driver, 'Arbitrum One');
@@ -83,6 +96,10 @@ describe('Bridge tests', function (this: Suite) {
           6,
           '22.9',
         );
+
+        const heapSizeAfter2 = await getHeapSize();
+        console.log('heapSizeAfter2', heapSizeAfter2);
+        expect(heapSizeAfter2 - heapSizeBefore).toBeLessThanOrEqual(1000);
       },
     );
   });

test/e2e/webdriver/chrome.js

@@ -34,6 +34,7 @@ class ChromeDriver {
       '--disable-features=OptimizationGuideModelDownloading,OptimizationHintsFetching,OptimizationTargetPrediction,OptimizationHints,NetworkTimeServiceQuerying', // Stop chrome from calling home so much (auto-downloads of AI models; time sync)
       '--disable-component-update', // Stop chrome from calling home so much (auto-update)
       '--disable-dev-shm-usage',
+      '--js-flags=--expose-gc',
     ];
 
     if (process.env.MULTIPROVIDER) {

ui/components/multichain/asset-picker-amount/asset-picker-modal/asset-picker-modal-nft-tab.tsx

@@ -49,13 +49,11 @@ export type PreviouslyOwnedCollections = {
 type AssetPickerModalNftTabProps = {
   searchQuery: string;
   onClose: () => void;
-  renderSearch: () => void;
 };
 
 export function AssetPickerModalNftTab({
   searchQuery,
   onClose,
-  renderSearch,
 }: AssetPickerModalNftTabProps) {
   const t = useI18nContext();
   const dispatch = useDispatch();
@@ -134,7 +132,6 @@ export function AssetPickerModalNftTab({
 
   return (
     <Box className="modal-tab__main-view">
-      {renderSearch()}
       {hasAnyNfts ? (
         <>
           <Box>

ui/components/multichain/asset-picker-amount/asset-picker-modal/asset-picker-modal-search.tsx

@@ -20,7 +20,6 @@ import { useI18nContext } from '../../../../hooks/useI18nContext';
  * @param props.isNFTSearch - Indicates if the search is for NFTs.
  * @param props.props - Additional props for the containing Box component.
  * @param props.placeholder - A custom placeholder for the search input.
- * @param props.autoFocus
  * @returns The rendered search component.
  */
 export const Search = ({
@@ -29,14 +28,12 @@ export const Search = ({
   isNFTSearch = false,
   props,
   placeholder,
-  autoFocus = true,
 }: {
   searchQuery: string;
   onChange: (value: string) => void;
   isNFTSearch?: boolean;
   props?: React.ComponentProps<typeof Box>;
   placeholder?: JSX.Element | string | null;
-  autoFocus?: boolean;
 }) => {
   const t = useI18nContext();
 
@@ -57,7 +54,7 @@ export const Search = ({
         value={searchQuery}
         onChange={(e) => onChange(e.target.value)}
         error={false}
-        autoFocus={autoFocus}
+        autoFocus
         autoComplete={false}
         width={BlockSize.Full}
         clearButtonOnClick={() => onChange('')}