test: MetaMask Connect page refresh test

[jiexi]

Description

Adds MetaMask Connect test that validates the multichain cards on the browser playground automatically repopulate when the page is refreshed and a session already exists

Changelog

CHANGELOG entry: null

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/WAPI-1533

Manual testing steps

1. Go to this page...

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Extension Coding Standards.
• I've completed the PR template to the best of my ability
• I’ve included tests if applicable
• I’ve documented my code using JSDoc format if applicable
• I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	@​metamask/​browser-playground@​0.7.2 ⏵ 0.8.1				+2

View full report

[mm-token-exchange-service]

Builds ready [3495c02]

• ⚠️ Make sure the build is safe before downloading and running this build.
  • Please do not use these builds with accounts that contain significant real money.
  • Beware the security risks of cache poisoning.
• Webpack builds: chrome, firefox
• Webpack builds (beta): chrome, firefox
• Webpack builds (flask): chrome, firefox
• Webpack builds (test): chrome, firefox
• Webpack builds (test-flask): chrome, firefox
• bundle size: Bundle Size Stats
• bundle analyzer: Bundle Analyzer
• interaction-benchmark: Interaction Stats
• storybook: Storybook
• typescript migration: Dashboard
• all artifacts

Deprecated Browserify fallback builds

• Browserify builds: chrome, firefox
• Browserify builds (beta): chrome, firefox
• Browserify builds (flask): chrome, firefox
• Browserify builds (test): chrome, firefox
• Browserify builds (test-flask): chrome, firefox

⚡ Performance Benchmarks (Total: 🟢 14 pass · 🟡 10 warn · 🔴 1 fail)

Baseline (latest main): 0d3dc67 | Date: 6/16/2026 | Pipeline: 27636630376 | Baseline logs

Metrics	chrome-webpack	firefox-webpack
loadNewAccount [Sentry log · main/release]	🟡 inp(p95) [CI log]	🔴 load_new_account(p95) [CI log]

Regressions (🔴 1 failure)

• loadNewAccount [Sentry log · main/release] · firefox-webpack — load_new_account(p75) [CI log]

Interaction Benchmarks · Samples: 5 🔴 1

Benchmark	chrome-webpack	firefox-webpack
loadNewAccount [Sentry log · main/release]	🟡 [CI log]	🔴 [CI log] 🔴 load_new_account
confirmTx [Sentry log · main/release]	🟡 [CI log]	🟢 [CI log]
bridgeUserActions [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]

📈 Results compared to the previous 5 runs on main

• ↓ loadNewAccount/load_new_account: -20%
• ↓ loadNewAccount/total: -20%
• ↑ loadNewAccount/inp: +23%
• ↑ bridgeUserActions/bridge_load_page: +12%
• ↓ bridgeUserActions/longTaskCount: -29%
• ↑ bridgeUserActions/longTaskTotalDuration: +17%
• ↑ bridgeUserActions/longTaskMaxDuration: +37%
• ↑ bridgeUserActions/tbt: +85%
• ↑ loadNewAccount/load_new_account: +565%
• ↑ loadNewAccount/total: +565%
• ↑ loadNewAccount/inp: +40%
• ↓ loadNewAccount/fcp: -51%
• ↑ loadNewAccount/lcp: +1040%
• ↑ confirmTx/confirm_tx: +12%
• ↓ confirmTx/longTaskCount: -100%
• ↓ confirmTx/longTaskTotalDuration: -100%
• ↓ confirmTx/longTaskMaxDuration: -100%
• ↓ confirmTx/tbt: -100%
• ↑ confirmTx/total: +12%
• ↓ confirmTx/inp: -18%
• ↓ confirmTx/fcp: -45%
• ↑ confirmTx/lcp: +1101%
• ↑ bridgeUserActions/bridge_load_page: +165%
• ↑ bridgeUserActions/bridge_load_asset_picker: +87%
• ↑ bridgeUserActions/bridge_search_token: +26%
• ↓ bridgeUserActions/longTaskCount: -100%
• ↓ bridgeUserActions/longTaskTotalDuration: -100%
• ↓ bridgeUserActions/longTaskMaxDuration: -100%
• ↓ bridgeUserActions/tbt: -100%
• ↑ bridgeUserActions/total: +41%
• ↓ bridgeUserActions/inp: -22%
• ↓ bridgeUserActions/fcp: -46%
• ↑ bridgeUserActions/lcp: +1143%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)

• 🟡 loadNewAccount/FCP: p75 1.9s
• 🟡 confirmTx/FCP: p75 1.8s

Startup Benchmarks · Samples: 100

Benchmark	chrome-webpack	firefox-webpack
startupStandardHome [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]
startupPowerUserHome [Sentry log · main/release]	🟡 [CI log]	🟡 [CI log]

📈 Results compared to the previous 5 runs on main

• ↑ startupStandardHome/uiStartup: +15%
• ↑ startupStandardHome/load: +15%
• ↑ startupStandardHome/domContentLoaded: +15%
• ↑ startupStandardHome/domInteractive: +10%
• ↑ startupStandardHome/firstReactRender: +21%
• ↑ startupStandardHome/initialActions: +15%
• ↑ startupStandardHome/loadScripts: +15%
• ↑ startupStandardHome/setupStore: +27%
• ↑ startupStandardHome/longTaskCount: +15%
• ↑ startupStandardHome/longTaskTotalDuration: +21%
• ↑ startupStandardHome/longTaskMaxDuration: +18%
• ↑ startupStandardHome/tbt: +21%
• ↑ startupStandardHome/fcp: +15%
• ↓ startupStandardHome/lcp: -27%
• ↑ startupPowerUserHome/initialActions: +25%
• ↑ startupPowerUserHome/setupStore: +12%
• ↓ startupPowerUserHome/cls: -100%
• ↓ startupPowerUserHome/domInteractive: -20%
• ↓ startupPowerUserHome/backgroundConnect: -41%
• ↓ startupPowerUserHome/fcp: -18%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)

• 🟡 startupPowerUserHome/INP: p75 480ms
• 🟡 startupPowerUserHome/LCP: p75 2.9s

User Journey Benchmarks · Samples: 5 · mock API

Benchmark	chrome-webpack	firefox-webpack
onboardingImportWallet [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]
onboardingNewWallet [Sentry log · main/release]	🟢 [CI log]	🟡 [CI log] 🟡 total
assetDetails [Sentry log · main/release]	🟡 [CI log]	🟡 [CI log]
solanaAssetDetails [Sentry log · main/release]	🟢 [CI log]	🟡 [CI log]
importSrpHome [Sentry log · main/release]	🟢 [CI log]	🟡 [CI log]
sendTransactions [Sentry log · main/release]	🟢 [CI log]	🟡 [CI log]
swap [Sentry log · main/release]	🟢 [CI log]	🟢 [CI log]

📈 Results compared to the previous 5 runs on main

• ↓ onboardingImportWallet/doneButtonToHomeScreen: -90%
• ↓ onboardingImportWallet/openAccountMenuToAccountListLoaded: -60%
• ↓ onboardingImportWallet/longTaskCount: -72%
• ↓ onboardingImportWallet/longTaskTotalDuration: -93%
• ↓ onboardingImportWallet/longTaskMaxDuration: -91%
• ↓ onboardingImportWallet/tbt: -98%
• ↓ onboardingImportWallet/total: -88%
• ↓ onboardingNewWallet/agreeButtonToOnboardingSuccess: -12%
• ↓ onboardingNewWallet/doneButtonToAssetList: -28%
• ↓ onboardingNewWallet/longTaskCount: -58%
• ↓ onboardingNewWallet/longTaskTotalDuration: -55%
• ↓ onboardingNewWallet/longTaskMaxDuration: -20%
• ↓ onboardingNewWallet/tbt: -49%
• ↓ onboardingNewWallet/total: -25%
• ↓ solanaAssetDetails/assetClickToPriceChart: -53%
• ↓ solanaAssetDetails/longTaskCount: -100%
• ↓ solanaAssetDetails/longTaskTotalDuration: -100%
• ↓ solanaAssetDetails/longTaskMaxDuration: -100%
• ↓ solanaAssetDetails/tbt: -100%
• ↓ solanaAssetDetails/total: -53%
• ↑ solanaAssetDetails/inp: +36%
• ↓ solanaAssetDetails/cls: -93%
• ↓ importSrpHome/loginToHomeScreen: -20%
• ↑ importSrpHome/openAccountMenuAfterLogin: +31%
• ↓ importSrpHome/homeAfterImportWithNewWallet: -38%
• ↓ importSrpHome/longTaskCount: -33%
• ↓ importSrpHome/longTaskTotalDuration: -35%
• ↓ importSrpHome/longTaskMaxDuration: -23%
• ↓ importSrpHome/tbt: -35%
• ↓ importSrpHome/total: -33%
• ↓ importSrpHome/inp: -31%
• ↑ sendTransactions/openSendPageFromHome: +90%
• ↓ sendTransactions/selectTokenToSendFormLoaded: -18%
• ↑ sendTransactions/tbt: +12%
• ↓ sendTransactions/inp: -27%
• ↓ sendTransactions/cls: -88%

🌐 Core Web Vitals — 🟢 good · 🟡 needs improvement · 🔴 poor (web.dev thresholds)

• 🟡 assetDetails/INP: p75 224ms
• 🟡 assetDetails/FCP: p75 2.0s
• 🟡 solanaAssetDetails/FCP: p75 1.9s
• 🟡 importSrpHome/FCP: p75 1.9s
• 🟡 sendTransactions/FCP: p75 1.8s

Dapp Page Load Benchmarks · Samples: 100

Benchmark	chrome-webpack
dappPageLoad [Sentry log · main/release]	🟢 [CI log]

Bundle size diffs [🚨 Warning! Bundle size has increased!]

• background: 1.2 MiB (21.75%)
• ui: 1.62 MiB (17.03%)
• common: 1.58 MiB (13.55%)