metamask-extension
metamask-extension copied to clipboard
Feat refresh accounts
Explanation
Auto detect accounts when press Refresh button New design: https://www.figma.com/file/33geacOStnlnJeBZhquDn7/Refresh-Accounts?node-id=5%3A3143
More information
Fixes #13276
Screenshots/Screencaps
Before

After

Manual testing steps
- Go to MetaMask extension
- Click on profile picture, then refresh accounts
- Notice list of accounts being refreshed
Auto detect accounts when switching networks
https://user-images.githubusercontent.com/97883527/159643972-fa9dcb14-1be5-49a2-9685-a349d2f37c1c.mov
Auto detect accounts when login to MetaMask
https://user-images.githubusercontent.com/97883527/159644568-5f4e353c-628e-4b04-9494-5faddeae34cb.mov
Add a new account with the funds on different device, and press refresh button to detect that account
https://user-images.githubusercontent.com/97883527/159644912-6478954b-381e-4d9e-b632-57cf3a8333dc.mov
New design: https://www.figma.com/file/33geacOStnlnJeBZhquDn7/Refresh-Accounts?node-id=5%3A3143
CLA Signature Action: All authors have signed the CLA. You may need to manually re-run the blocking PR check if it doesn't pass in a few minutes.
Builds ready [b757320]
Page Load Metrics (1910 ± 60 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 82 | 335 | 115 | 52 | 25 |
domContentLoaded | 1724 | 2101 | 1867 | 109 | 52 | ||
load | 1724 | 2234 | 1910 | 125 | 60 | ||
domInteractive | 1724 | 2101 | 1867 | 109 | 52 |
highlights:
storybook
- ui/components/app/account-list-item/account-list-item.stories.js
- ui/components/app/add-network/add-network.stories.js
- ui/components/app/advanced-gas-controls/advanced-gas-controls.stories.js
- ui/components/app/app-header/app-header.stories.js
- ui/components/app/asset-list/detetcted-tokens-link/detected-tokens-link.stories.js
- ui/components/app/collectible-details/collectible-details.stories.js
- ui/components/app/confirm-page-container/confirm-detail-row/confirm-detail-row.stories.js
- ui/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.stories.js
- ui/components/app/create-new-vault/create-new-vault.stories.js
- ui/components/app/currency-input/currency-input.stories.js
- ui/components/app/detected-token/detected-token-details/detected-token-details.stories.js
- ui/components/app/detected-token/detected-token-selection-popover/detected-token-selection-popover.stories.js
- ui/components/app/detected-token/detected-token-values/detected-token-values.stories.js
- ui/components/app/edit-gas-display/edit-gas-display.stories.js
- ui/components/app/edit-gas-popover/edit-gas-popover.stories.js
- ui/components/app/menu-bar/accoutn-options-menu.stories.js
- ui/components/app/metamask-template-renderer/metamask-template-renderer.stories.js
- ui/components/app/metamask-translation/metamask-translation.stories.js
- ui/components/app/modals/confirm-remove-account/confirm-remove-account.stories.js
- ui/components/app/modals/export-private-key-modal/export-private-key-modal.stories.js
- ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
- ui/components/app/network-display/network-display.stories.js
- ui/components/app/signature-request-original/signature-request-original.stories.js
- ui/components/app/signature-request/signature-request-header/signature-request-header.stories.js
- ui/components/app/signature-request/signature-request.stories.js
- ui/components/app/transaction-detail/transaction-detail.stories.js
- ui/components/app/transaction-list/transaction-list.stories.js
- ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.stories.js
- ui/components/ui/account-list/account-list.stories.js
- ui/components/ui/nickname-popover/nickname-popover.stories.js
- ui/components/ui/sender-to-recipient/sender-to-recipient.stories.js
- ui/components/ui/update-nickname-popover/update-nickname-popover.stories.js
- ui/pages/confirm-add-suggested-token/confirm-add-suggested-token.stories.js
- ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.stories.js
- ui/pages/confirm-approve/confirm-approve.stories.js
- ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
- ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.stories.js
- ui/pages/confirm-import-token/confirm-import-token.stories.js
- ui/pages/confirm-send-ether/confirm-send-ether.stories.js
- ui/pages/confirm-send-token/confirm-send-token.stories.js
- ui/pages/confirm-token-transaction-base/confirm-token-transaction-base.stories.js
- ui/pages/confirm-transaction-base/confirm-transaction-base.stories.js
- ui/pages/connected-sites/connected-sites.stories.js
- ui/pages/first-time-flow/create-password/create-password.stories.js
- ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/reveal-seed-phrase.stories.js
- ui/pages/import-token/import-token.stories.js
- ui/pages/keychains/reveal-seed.stories.js
- ui/pages/onboarding-flow/creation-successful/creation-successful.stories.js
- ui/pages/onboarding-flow/metametrics/metametrics.stories.js
- ui/pages/onboarding-flow/privacy-settings/privacy-settings.stories.js
- ui/pages/onboarding-flow/welcome/welcome.stories.js
- ui/pages/permissions-connect/permissions-connect.stories.js
- ui/pages/send/send-content/add-recipient/add-recipient.stories.js
- ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
- ui/pages/send/send-content/send-content.stories.js
- ui/pages/send/send-content/send-gas-row/send-gas-row.stories.js
- ui/pages/settings/contact-list-tab/contact-list-tab.stories.js
- ui/pages/settings/flask/snaps-list-tab/snap-list-tab.stories.js
- ui/pages/settings/networks-tab/networks-list-item/networks-list-item.stories.js
- ui/pages/settings/networks-tab/networks-list/network-list.stories.js
- ui/pages/settings/settings-search/settings-search.stories.js
- ui/pages/settings/settings.stories.js
- ui/pages/swaps/awaiting-signatures/awaiting-signatures.stories.js
- ui/pages/swaps/build-quote/build-quote.stories.js
- ui/pages/swaps/countdown-timer/countdown-timer.stories.js
- ui/pages/swaps/dropdown-input-pair/dropdown-input-pair.stories.js
- ui/pages/swaps/dropdown-search-list/dropdown-search-list.stories.js
- ui/pages/swaps/exchange-rate-display/exchange-rate-display.stories.js
- ui/pages/swaps/fee-card/fee-card.stories.js
- ui/pages/swaps/loading-swaps-quotes/loading-swap-quotes.stories.js
- ui/pages/swaps/main-quote-summary/main-quote-summary.stories.js
- ui/pages/swaps/searchable-item-list/list-item-search/list-item-search.stories.js
- ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
- ui/pages/unlock-page/unlock-page.stories.js
Builds ready [d6ba38c]
Page Load Metrics (1964 ± 52 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 90 | 130 | 113 | 11 | 5 |
domContentLoaded | 1812 | 2169 | 1944 | 99 | 47 | ||
load | 1812 | 2211 | 1964 | 108 | 52 | ||
domInteractive | 1812 | 2169 | 1944 | 99 | 47 |
highlights:
storybook
- ui/components/app/account-list-item/account-list-item.stories.js
- ui/components/app/add-network/add-network.stories.js
- ui/components/app/advanced-gas-controls/advanced-gas-controls.stories.js
- ui/components/app/app-header/app-header.stories.js
- ui/components/app/asset-list/detetcted-tokens-link/detected-tokens-link.stories.js
- ui/components/app/collectible-details/collectible-details.stories.js
- ui/components/app/confirm-page-container/confirm-detail-row/confirm-detail-row.stories.js
- ui/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.stories.js
- ui/components/app/create-new-vault/create-new-vault.stories.js
- ui/components/app/currency-input/currency-input.stories.js
- ui/components/app/detected-token/detected-token-details/detected-token-details.stories.js
- ui/components/app/detected-token/detected-token-selection-popover/detected-token-selection-popover.stories.js
- ui/components/app/detected-token/detected-token-values/detected-token-values.stories.js
- ui/components/app/edit-gas-display/edit-gas-display.stories.js
- ui/components/app/edit-gas-popover/edit-gas-popover.stories.js
- ui/components/app/menu-bar/accoutn-options-menu.stories.js
- ui/components/app/metamask-template-renderer/metamask-template-renderer.stories.js
- ui/components/app/metamask-translation/metamask-translation.stories.js
- ui/components/app/modals/confirm-remove-account/confirm-remove-account.stories.js
- ui/components/app/modals/export-private-key-modal/export-private-key-modal.stories.js
- ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
- ui/components/app/network-display/network-display.stories.js
- ui/components/app/signature-request-original/signature-request-original.stories.js
- ui/components/app/signature-request/signature-request-header/signature-request-header.stories.js
- ui/components/app/signature-request/signature-request.stories.js
- ui/components/app/transaction-detail/transaction-detail.stories.js
- ui/components/app/transaction-list-item/transaction-list-item.stories.js
- ui/components/app/transaction-list/transaction-list.stories.js
- ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.stories.js
- ui/components/ui/account-list/account-list.stories.js
- ui/components/ui/nickname-popover/nickname-popover.stories.js
- ui/components/ui/sender-to-recipient/sender-to-recipient.stories.js
- ui/components/ui/update-nickname-popover/update-nickname-popover.stories.js
- ui/pages/confirm-add-suggested-token/confirm-add-suggested-token.stories.js
- ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.stories.js
- ui/pages/confirm-approve/confirm-approve.stories.js
- ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
- ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.stories.js
- ui/pages/confirm-import-token/confirm-import-token.stories.js
- ui/pages/confirm-send-ether/confirm-send-ether.stories.js
- ui/pages/confirm-send-token/confirm-send-token.stories.js
- ui/pages/confirm-token-transaction-base/confirm-token-transaction-base.stories.js
- ui/pages/confirm-transaction-base/confirm-transaction-base.stories.js
- ui/pages/connected-sites/connected-sites.stories.js
- ui/pages/first-time-flow/create-password/create-password.stories.js
- ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/reveal-seed-phrase.stories.js
- ui/pages/import-token/import-token.stories.js
- ui/pages/keychains/reveal-seed.stories.js
- ui/pages/onboarding-flow/creation-successful/creation-successful.stories.js
- ui/pages/onboarding-flow/metametrics/metametrics.stories.js
- ui/pages/onboarding-flow/privacy-settings/privacy-settings.stories.js
- ui/pages/onboarding-flow/welcome/welcome.stories.js
- ui/pages/permissions-connect/permissions-connect.stories.js
- ui/pages/send/send-content/add-recipient/add-recipient.stories.js
- ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
- ui/pages/send/send-content/send-content.stories.js
- ui/pages/send/send-content/send-gas-row/send-gas-row.stories.js
- ui/pages/settings/contact-list-tab/contact-list-tab.stories.js
- ui/pages/settings/flask/snaps-list-tab/snap-list-tab.stories.js
- ui/pages/settings/networks-tab/networks-list-item/networks-list-item.stories.js
- ui/pages/settings/networks-tab/networks-list/network-list.stories.js
- ui/pages/settings/settings-search/settings-search.stories.js
- ui/pages/settings/settings.stories.js
- ui/pages/swaps/awaiting-signatures/awaiting-signatures.stories.js
- ui/pages/swaps/build-quote/build-quote.stories.js
- ui/pages/swaps/countdown-timer/countdown-timer.stories.js
- ui/pages/swaps/dropdown-input-pair/dropdown-input-pair.stories.js
- ui/pages/swaps/dropdown-search-list/dropdown-search-list.stories.js
- ui/pages/swaps/exchange-rate-display/exchange-rate-display.stories.js
- ui/pages/swaps/fee-card/fee-card.stories.js
- ui/pages/swaps/loading-swaps-quotes/loading-swap-quotes.stories.js
- ui/pages/swaps/main-quote-summary/main-quote-summary.stories.js
- ui/pages/swaps/searchable-item-list/list-item-search/list-item-search.stories.js
- ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
- ui/pages/unlock-page/unlock-page.stories.js
Builds ready [c1b0e9d]
- builds: chrome, firefox, opera
- builds (beta): chrome, firefox, opera
- builds (flask): chrome, firefox, opera
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- code coverage: Report
- storybook: Storybook
- all artifacts
Page Load Metrics (2242 ± 109 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 433 | 2858 | 624 | 516 | 248 |
domContentLoaded | 2056 | 2867 | 2242 | 227 | 109 | ||
load | 2056 | 2867 | 2242 | 227 | 109 | ||
domInteractive | 2056 | 2867 | 2242 | 227 | 109 |
highlights:
storybook
- ui/components/app/account-list-item/account-list-item.stories.js
- ui/components/app/add-network/add-network.stories.js
- ui/components/app/advanced-gas-controls/advanced-gas-controls.stories.js
- ui/components/app/app-header/app-header.stories.js
- ui/components/app/asset-list/detetcted-tokens-link/detected-tokens-link.stories.js
- ui/components/app/collectible-details/collectible-details.stories.js
- ui/components/app/confirm-page-container/confirm-detail-row/confirm-detail-row.stories.js
- ui/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.stories.js
- ui/components/app/create-new-vault/create-new-vault.stories.js
- ui/components/app/currency-input/currency-input.stories.js
- ui/components/app/detected-token/detected-token-details/detected-token-details.stories.js
- ui/components/app/detected-token/detected-token-selection-popover/detected-token-selection-popover.stories.js
- ui/components/app/detected-token/detected-token-values/detected-token-values.stories.js
- ui/components/app/edit-gas-display/edit-gas-display.stories.js
- ui/components/app/edit-gas-popover/edit-gas-popover.stories.js
- ui/components/app/menu-bar/accoutn-options-menu.stories.js
- ui/components/app/metamask-template-renderer/metamask-template-renderer.stories.js
- ui/components/app/metamask-translation/metamask-translation.stories.js
- ui/components/app/modals/confirm-remove-account/confirm-remove-account.stories.js
- ui/components/app/modals/export-private-key-modal/export-private-key-modal.stories.js
- ui/components/app/modals/hide-token-confirmation-modal/hide-token-confirmation.stories.js
- ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
- ui/components/app/network-display/network-display.stories.js
- ui/components/app/signature-request-original/signature-request-original.stories.js
- ui/components/app/signature-request/signature-request-header/signature-request-header.stories.js
- ui/components/app/signature-request/signature-request.stories.js
- ui/components/app/transaction-detail/transaction-detail.stories.js
- ui/components/app/transaction-list-item/transaction-list-item.stories.js
- ui/components/app/transaction-list/transaction-list.stories.js
- ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.stories.js
- ui/components/ui/account-list/account-list.stories.js
- ui/components/ui/nickname-popover/nickname-popover.stories.js
- ui/components/ui/sender-to-recipient/sender-to-recipient.stories.js
- ui/components/ui/update-nickname-popover/update-nickname-popover.stories.js
- ui/pages/confirm-add-suggested-token/confirm-add-suggested-token.stories.js
- ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.stories.js
- ui/pages/confirm-approve/confirm-approve.stories.js
- ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
- ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.stories.js
- ui/pages/confirm-import-token/confirm-import-token.stories.js
- ui/pages/confirm-send-ether/confirm-send-ether.stories.js
- ui/pages/confirm-send-token/confirm-send-token.stories.js
- ui/pages/confirm-token-transaction-base/confirm-token-transaction-base.stories.js
- ui/pages/confirm-transaction-base/confirm-transaction-base.stories.js
- ui/pages/connected-sites/connected-sites.stories.js
- ui/pages/first-time-flow/create-password/create-password.stories.js
- ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/reveal-seed-phrase.stories.js
- ui/pages/import-token/import-token.stories.js
- ui/pages/keychains/reveal-seed.stories.js
- ui/pages/onboarding-flow/creation-successful/creation-successful.stories.js
- ui/pages/onboarding-flow/metametrics/metametrics.stories.js
- ui/pages/onboarding-flow/privacy-settings/privacy-settings.stories.js
- ui/pages/onboarding-flow/welcome/welcome.stories.js
- ui/pages/permissions-connect/permissions-connect.stories.js
- ui/pages/send/send-content/add-recipient/add-recipient.stories.js
- ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
- ui/pages/send/send-content/send-content.stories.js
- ui/pages/send/send-content/send-gas-row/send-gas-row.stories.js
- ui/pages/settings/contact-list-tab/contact-list-tab.stories.js
- ui/pages/settings/flask/snaps-list-tab/snap-list-tab.stories.js
- ui/pages/settings/networks-tab/networks-list-item/networks-list-item.stories.js
- ui/pages/settings/networks-tab/networks-list/network-list.stories.js
- ui/pages/settings/settings-search/settings-search.stories.js
- ui/pages/settings/settings.stories.js
- ui/pages/swaps/awaiting-signatures/awaiting-signatures.stories.js
- ui/pages/swaps/build-quote/build-quote.stories.js
- ui/pages/swaps/countdown-timer/countdown-timer.stories.js
- ui/pages/swaps/dropdown-input-pair/dropdown-input-pair.stories.js
- ui/pages/swaps/dropdown-search-list/dropdown-search-list.stories.js
- ui/pages/swaps/exchange-rate-display/exchange-rate-display.stories.js
- ui/pages/swaps/fee-card/fee-card.stories.js
- ui/pages/swaps/loading-swaps-quotes/loading-swap-quotes.stories.js
- ui/pages/swaps/main-quote-summary/main-quote-summary.stories.js
- ui/pages/swaps/searchable-item-list/list-item-search/list-item-search.stories.js
- ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
- ui/pages/unlock-page/unlock-page.stories.js
Builds ready [76bbc65]
- builds: chrome, firefox, opera
- builds (beta): chrome, firefox, opera
- builds (flask): chrome, firefox, opera
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- code coverage: Report
- storybook: Storybook
- all artifacts
Page Load Metrics (2177 ± 59 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 437 | 2333 | 674 | 524 | 252 |
domContentLoaded | 2016 | 2415 | 2177 | 122 | 59 | ||
load | 2016 | 2415 | 2177 | 122 | 59 | ||
domInteractive | 2016 | 2415 | 2177 | 122 | 59 |
highlights:
storybook
- ui/components/app/account-list-item/account-list-item.stories.js
- ui/components/app/add-network/add-network.stories.js
- ui/components/app/advanced-gas-controls/advanced-gas-controls.stories.js
- ui/components/app/app-header/app-header.stories.js
- ui/components/app/asset-list/detetcted-tokens-link/detected-tokens-link.stories.js
- ui/components/app/collectible-details/collectible-details.stories.js
- ui/components/app/confirm-page-container/confirm-detail-row/confirm-detail-row.stories.js
- ui/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.stories.js
- ui/components/app/create-new-vault/create-new-vault.stories.js
- ui/components/app/currency-input/currency-input.stories.js
- ui/components/app/detected-token/detected-token-details/detected-token-details.stories.js
- ui/components/app/detected-token/detected-token-selection-popover/detected-token-selection-popover.stories.js
- ui/components/app/detected-token/detected-token-values/detected-token-values.stories.js
- ui/components/app/edit-gas-display/edit-gas-display.stories.js
- ui/components/app/edit-gas-popover/edit-gas-popover.stories.js
- ui/components/app/menu-bar/accoutn-options-menu.stories.js
- ui/components/app/metamask-template-renderer/metamask-template-renderer.stories.js
- ui/components/app/metamask-translation/metamask-translation.stories.js
- ui/components/app/modals/confirm-remove-account/confirm-remove-account.stories.js
- ui/components/app/modals/export-private-key-modal/export-private-key-modal.stories.js
- ui/components/app/modals/hide-token-confirmation-modal/hide-token-confirmation.stories.js
- ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
- ui/components/app/network-display/network-display.stories.js
- ui/components/app/signature-request-original/signature-request-original.stories.js
- ui/components/app/signature-request/signature-request-header/signature-request-header.stories.js
- ui/components/app/signature-request/signature-request.stories.js
- ui/components/app/transaction-detail/transaction-detail.stories.js
- ui/components/app/transaction-list-item/transaction-list-item.stories.js
- ui/components/app/transaction-list/transaction-list.stories.js
- ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.stories.js
- ui/components/ui/account-list/account-list.stories.js
- ui/components/ui/nickname-popover/nickname-popover.stories.js
- ui/components/ui/sender-to-recipient/sender-to-recipient.stories.js
- ui/components/ui/update-nickname-popover/update-nickname-popover.stories.js
- ui/pages/confirm-add-suggested-token/confirm-add-suggested-token.stories.js
- ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.stories.js
- ui/pages/confirm-approve/confirm-approve.stories.js
- ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
- ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.stories.js
- ui/pages/confirm-import-token/confirm-import-token.stories.js
- ui/pages/confirm-send-ether/confirm-send-ether.stories.js
- ui/pages/confirm-send-token/confirm-send-token.stories.js
- ui/pages/confirm-token-transaction-base/confirm-token-transaction-base.stories.js
- ui/pages/confirm-transaction-base/confirm-transaction-base.stories.js
- ui/pages/connected-sites/connected-sites.stories.js
- ui/pages/first-time-flow/create-password/create-password.stories.js
- ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/reveal-seed-phrase.stories.js
- ui/pages/import-token/import-token.stories.js
- ui/pages/keychains/reveal-seed.stories.js
- ui/pages/onboarding-flow/creation-successful/creation-successful.stories.js
- ui/pages/onboarding-flow/metametrics/metametrics.stories.js
- ui/pages/onboarding-flow/privacy-settings/privacy-settings.stories.js
- ui/pages/onboarding-flow/welcome/welcome.stories.js
- ui/pages/permissions-connect/permissions-connect.stories.js
- ui/pages/send/send-content/add-recipient/add-recipient.stories.js
- ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
- ui/pages/send/send-content/send-content.stories.js
- ui/pages/send/send-content/send-gas-row/send-gas-row.stories.js
- ui/pages/settings/contact-list-tab/contact-list-tab.stories.js
- ui/pages/settings/flask/snaps-list-tab/snap-list-tab.stories.js
- ui/pages/settings/networks-tab/networks-list-item/networks-list-item.stories.js
- ui/pages/settings/networks-tab/networks-list/network-list.stories.js
- ui/pages/settings/settings-search/settings-search.stories.js
- ui/pages/settings/settings.stories.js
- ui/pages/swaps/awaiting-signatures/awaiting-signatures.stories.js
- ui/pages/swaps/build-quote/build-quote.stories.js
- ui/pages/swaps/countdown-timer/countdown-timer.stories.js
- ui/pages/swaps/dropdown-input-pair/dropdown-input-pair.stories.js
- ui/pages/swaps/dropdown-search-list/dropdown-search-list.stories.js
- ui/pages/swaps/exchange-rate-display/exchange-rate-display.stories.js
- ui/pages/swaps/fee-card/fee-card.stories.js
- ui/pages/swaps/loading-swaps-quotes/loading-swap-quotes.stories.js
- ui/pages/swaps/main-quote-summary/main-quote-summary.stories.js
- ui/pages/swaps/searchable-item-list/list-item-search/list-item-search.stories.js
- ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
- ui/pages/unlock-page/unlock-page.stories.js
Builds ready [67c223d]
- builds: chrome, firefox, opera
- builds (beta): chrome, firefox, opera
- builds (flask): chrome, firefox, opera
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- code coverage: Report
- storybook: Storybook
- all artifacts
Page Load Metrics (1978 ± 24 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 440 | 501 | 461 | 15 | 7 |
domContentLoaded | 1875 | 2092 | 1978 | 50 | 24 | ||
load | 1876 | 2092 | 1978 | 50 | 24 | ||
domInteractive | 1875 | 2092 | 1978 | 50 | 24 |
highlights:
storybook
- ui/components/app/account-list-item/account-list-item.stories.js
- ui/components/app/add-network/add-network.stories.js
- ui/components/app/advanced-gas-controls/advanced-gas-controls.stories.js
- ui/components/app/app-header/app-header.stories.js
- ui/components/app/asset-list/detetcted-tokens-link/detected-tokens-link.stories.js
- ui/components/app/collectible-details/collectible-details.stories.js
- ui/components/app/confirm-page-container/confirm-detail-row/confirm-detail-row.stories.js
- ui/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.stories.js
- ui/components/app/create-new-vault/create-new-vault.stories.js
- ui/components/app/currency-input/currency-input.stories.js
- ui/components/app/detected-token/detected-token-details/detected-token-details.stories.js
- ui/components/app/detected-token/detected-token-selection-popover/detected-token-selection-popover.stories.js
- ui/components/app/detected-token/detected-token-values/detected-token-values.stories.js
- ui/components/app/edit-gas-display/edit-gas-display.stories.js
- ui/components/app/edit-gas-popover/edit-gas-popover.stories.js
- ui/components/app/menu-bar/accoutn-options-menu.stories.js
- ui/components/app/metamask-template-renderer/metamask-template-renderer.stories.js
- ui/components/app/metamask-translation/metamask-translation.stories.js
- ui/components/app/modals/confirm-remove-account/confirm-remove-account.stories.js
- ui/components/app/modals/export-private-key-modal/export-private-key-modal.stories.js
- ui/components/app/modals/hide-token-confirmation-modal/hide-token-confirmation.stories.js
- ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
- ui/components/app/network-display/network-display.stories.js
- ui/components/app/signature-request-original/signature-request-original.stories.js
- ui/components/app/signature-request/signature-request-header/signature-request-header.stories.js
- ui/components/app/signature-request/signature-request.stories.js
- ui/components/app/transaction-detail/transaction-detail.stories.js
- ui/components/app/transaction-list-item/transaction-list-item.stories.js
- ui/components/app/transaction-list/transaction-list.stories.js
- ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.stories.js
- ui/components/ui/account-list/account-list.stories.js
- ui/components/ui/nickname-popover/nickname-popover.stories.js
- ui/components/ui/sender-to-recipient/sender-to-recipient.stories.js
- ui/components/ui/update-nickname-popover/update-nickname-popover.stories.js
- ui/pages/confirm-add-suggested-token/confirm-add-suggested-token.stories.js
- ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.stories.js
- ui/pages/confirm-approve/confirm-approve.stories.js
- ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
- ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.stories.js
- ui/pages/confirm-import-token/confirm-import-token.stories.js
- ui/pages/confirm-send-ether/confirm-send-ether.stories.js
- ui/pages/confirm-send-token/confirm-send-token.stories.js
- ui/pages/confirm-token-transaction-base/confirm-token-transaction-base.stories.js
- ui/pages/confirm-transaction-base/confirm-transaction-base.stories.js
- ui/pages/connected-sites/connected-sites.stories.js
- ui/pages/first-time-flow/create-password/create-password.stories.js
- ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/reveal-seed-phrase.stories.js
- ui/pages/import-token/import-token.stories.js
- ui/pages/keychains/reveal-seed.stories.js
- ui/pages/onboarding-flow/creation-successful/creation-successful.stories.js
- ui/pages/onboarding-flow/metametrics/metametrics.stories.js
- ui/pages/onboarding-flow/privacy-settings/privacy-settings.stories.js
- ui/pages/onboarding-flow/welcome/welcome.stories.js
- ui/pages/permissions-connect/permissions-connect.stories.js
- ui/pages/send/send-content/add-recipient/add-recipient.stories.js
- ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
- ui/pages/send/send-content/send-content.stories.js
- ui/pages/send/send-content/send-gas-row/send-gas-row.stories.js
- ui/pages/settings/contact-list-tab/contact-list-tab.stories.js
- ui/pages/settings/flask/snaps-list-tab/snap-list-tab.stories.js
- ui/pages/settings/networks-tab/networks-list-item/networks-list-item.stories.js
- ui/pages/settings/networks-tab/networks-list/network-list.stories.js
- ui/pages/settings/settings-search/settings-search.stories.js
- ui/pages/settings/settings.stories.js
- ui/pages/swaps/awaiting-signatures/awaiting-signatures.stories.js
- ui/pages/swaps/build-quote/build-quote.stories.js
- ui/pages/swaps/countdown-timer/countdown-timer.stories.js
- ui/pages/swaps/dropdown-input-pair/dropdown-input-pair.stories.js
- ui/pages/swaps/dropdown-search-list/dropdown-search-list.stories.js
- ui/pages/swaps/exchange-rate-display/exchange-rate-display.stories.js
- ui/pages/swaps/fee-card/fee-card.stories.js
- ui/pages/swaps/loading-swaps-quotes/loading-swap-quotes.stories.js
- ui/pages/swaps/main-quote-summary/main-quote-summary.stories.js
- ui/pages/swaps/searchable-item-list/list-item-search/list-item-search.stories.js
- ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
- ui/pages/unlock-page/unlock-page.stories.js
Builds ready [ffe314e]
- builds: chrome, firefox, opera
- builds (beta): chrome, firefox, opera
- builds (flask): chrome, firefox, opera
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- code coverage: Report
- storybook: Storybook
- all artifacts
Page Load Metrics (2032 ± 76 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 433 | 2017 | 779 | 588 | 282 |
domContentLoaded | 1840 | 2520 | 2032 | 157 | 76 | ||
load | 1840 | 2520 | 2032 | 157 | 76 | ||
domInteractive | 1840 | 2520 | 2032 | 157 | 76 |
highlights:
storybook
- ui/components/app/account-list-item/account-list-item.stories.js
- ui/components/app/add-network/add-network.stories.js
- ui/components/app/advanced-gas-controls/advanced-gas-controls.stories.js
- ui/components/app/app-header/app-header.stories.js
- ui/components/app/asset-list/detetcted-tokens-link/detected-tokens-link.stories.js
- ui/components/app/collectible-details/collectible-details.stories.js
- ui/components/app/confirm-page-container/confirm-detail-row/confirm-detail-row.stories.js
- ui/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.stories.js
- ui/components/app/create-new-vault/create-new-vault.stories.js
- ui/components/app/currency-input/currency-input.stories.js
- ui/components/app/detected-token/detected-token-details/detected-token-details.stories.js
- ui/components/app/detected-token/detected-token-selection-popover/detected-token-selection-popover.stories.js
- ui/components/app/detected-token/detected-token-values/detected-token-values.stories.js
- ui/components/app/edit-gas-display/edit-gas-display.stories.js
- ui/components/app/edit-gas-popover/edit-gas-popover.stories.js
- ui/components/app/menu-bar/accoutn-options-menu.stories.js
- ui/components/app/metamask-template-renderer/metamask-template-renderer.stories.js
- ui/components/app/metamask-translation/metamask-translation.stories.js
- ui/components/app/modals/confirm-remove-account/confirm-remove-account.stories.js
- ui/components/app/modals/export-private-key-modal/export-private-key-modal.stories.js
- ui/components/app/modals/hide-token-confirmation-modal/hide-token-confirmation.stories.js
- ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
- ui/components/app/network-display/network-display.stories.js
- ui/components/app/signature-request-original/signature-request-original.stories.js
- ui/components/app/signature-request/signature-request-header/signature-request-header.stories.js
- ui/components/app/signature-request/signature-request.stories.js
- ui/components/app/transaction-detail/transaction-detail.stories.js
- ui/components/app/transaction-list-item/transaction-list-item.stories.js
- ui/components/app/transaction-list/transaction-list.stories.js
- ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.stories.js
- ui/components/ui/account-list/account-list.stories.js
- ui/components/ui/nickname-popover/nickname-popover.stories.js
- ui/components/ui/sender-to-recipient/sender-to-recipient.stories.js
- ui/components/ui/update-nickname-popover/update-nickname-popover.stories.js
- ui/pages/confirm-add-suggested-token/confirm-add-suggested-token.stories.js
- ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.stories.js
- ui/pages/confirm-approve/confirm-approve.stories.js
- ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
- ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.stories.js
- ui/pages/confirm-import-token/confirm-import-token.stories.js
- ui/pages/confirm-send-ether/confirm-send-ether.stories.js
- ui/pages/confirm-send-token/confirm-send-token.stories.js
- ui/pages/confirm-token-transaction-base/confirm-token-transaction-base.stories.js
- ui/pages/confirm-transaction-base/confirm-transaction-base.stories.js
- ui/pages/connected-sites/connected-sites.stories.js
- ui/pages/first-time-flow/create-password/create-password.stories.js
- ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/reveal-seed-phrase.stories.js
- ui/pages/import-token/import-token.stories.js
- ui/pages/keychains/reveal-seed.stories.js
- ui/pages/onboarding-flow/creation-successful/creation-successful.stories.js
- ui/pages/onboarding-flow/metametrics/metametrics.stories.js
- ui/pages/onboarding-flow/privacy-settings/privacy-settings.stories.js
- ui/pages/onboarding-flow/welcome/welcome.stories.js
- ui/pages/permissions-connect/permissions-connect.stories.js
- ui/pages/send/send-content/add-recipient/add-recipient.stories.js
- ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
- ui/pages/send/send-content/send-content.stories.js
- ui/pages/send/send-content/send-gas-row/send-gas-row.stories.js
- ui/pages/settings/contact-list-tab/contact-list-tab.stories.js
- ui/pages/settings/flask/snaps-list-tab/snap-list-tab.stories.js
- ui/pages/settings/networks-tab/networks-list-item/networks-list-item.stories.js
- ui/pages/settings/networks-tab/networks-list/network-list.stories.js
- ui/pages/settings/settings-search/settings-search.stories.js
- ui/pages/settings/settings.stories.js
- ui/pages/swaps/awaiting-signatures/awaiting-signatures.stories.js
- ui/pages/swaps/build-quote/build-quote.stories.js
- ui/pages/swaps/countdown-timer/countdown-timer.stories.js
- ui/pages/swaps/dropdown-input-pair/dropdown-input-pair.stories.js
- ui/pages/swaps/dropdown-search-list/dropdown-search-list.stories.js
- ui/pages/swaps/exchange-rate-display/exchange-rate-display.stories.js
- ui/pages/swaps/fee-card/fee-card.stories.js
- ui/pages/swaps/loading-swaps-quotes/loading-swap-quotes.stories.js
- ui/pages/swaps/main-quote-summary/main-quote-summary.stories.js
- ui/pages/swaps/searchable-item-list/list-item-search/list-item-search.stories.js
- ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
- ui/pages/unlock-page/unlock-page.stories.js
Builds ready [f22d894]
- builds: chrome, firefox, opera
- builds (beta): chrome, firefox, opera
- builds (flask): chrome, firefox, opera
- build viz: Build System
- mv3: Background Module Init Stats
- mv3: UI Init Stats
- mv3: Module Load Stats
- mv3: Bundle Size Stats
- code coverage: Report
- storybook: Storybook
- all artifacts
Page Load Metrics (2087 ± 75 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 444 | 2090 | 583 | 355 | 170 |
domContentLoaded | 1937 | 2638 | 2087 | 155 | 75 | ||
load | 1937 | 2638 | 2087 | 155 | 75 | ||
domInteractive | 1937 | 2638 | 2087 | 155 | 75 |
highlights:
storybook
- ui/components/app/account-list-item/account-list-item.stories.js
- ui/components/app/add-network/add-network.stories.js
- ui/components/app/advanced-gas-controls/advanced-gas-controls.stories.js
- ui/components/app/app-header/app-header.stories.js
- ui/components/app/asset-list/detetcted-tokens-link/detected-tokens-link.stories.js
- ui/components/app/collectible-details/collectible-details.stories.js
- ui/components/app/confirm-page-container/confirm-detail-row/confirm-detail-row.stories.js
- ui/components/app/confirm-page-container/confirm-page-container-header/confirm-page-container-header.stories.js
- ui/components/app/create-new-vault/create-new-vault.stories.js
- ui/components/app/currency-input/currency-input.stories.js
- ui/components/app/detected-token/detected-token-details/detected-token-details.stories.js
- ui/components/app/detected-token/detected-token-selection-popover/detected-token-selection-popover.stories.js
- ui/components/app/detected-token/detected-token-values/detected-token-values.stories.js
- ui/components/app/edit-gas-display/edit-gas-display.stories.js
- ui/components/app/edit-gas-popover/edit-gas-popover.stories.js
- ui/components/app/menu-bar/accoutn-options-menu.stories.js
- ui/components/app/metamask-template-renderer/metamask-template-renderer.stories.js
- ui/components/app/metamask-translation/metamask-translation.stories.js
- ui/components/app/modals/confirm-remove-account/confirm-remove-account.stories.js
- ui/components/app/modals/export-private-key-modal/export-private-key-modal.stories.js
- ui/components/app/modals/hide-token-confirmation-modal/hide-token-confirmation.stories.js
- ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
- ui/components/app/network-display/network-display.stories.js
- ui/components/app/signature-request-original/signature-request-original.stories.js
- ui/components/app/signature-request-siwe/signature-request-siwe-header/signature-request-siwe-header.stories.js
- ui/components/app/signature-request-siwe/signature-request-siwe.stories.js
- ui/components/app/signature-request/signature-request-header/signature-request-header.stories.js
- ui/components/app/signature-request/signature-request.stories.js
- ui/components/app/transaction-detail/transaction-detail.stories.js
- ui/components/app/transaction-list-item/transaction-list-item.stories.js
- ui/components/app/transaction-list/transaction-list.stories.js
- ui/components/app/user-preferenced-currency-display/user-preferenced-currency-display.stories.js
- ui/components/ui/account-list/account-list.stories.js
- ui/components/ui/nickname-popover/nickname-popover.stories.js
- ui/components/ui/sender-to-recipient/sender-to-recipient.stories.js
- ui/components/ui/update-nickname-popover/update-nickname-popover.stories.js
- ui/pages/confirm-add-suggested-token/confirm-add-suggested-token.stories.js
- ui/pages/confirm-approve/confirm-approve-content/confirm-approve-content.stories.js
- ui/pages/confirm-approve/confirm-approve.stories.js
- ui/pages/confirm-deploy-contract/confirm-deploy-contract.stories.js
- ui/pages/confirm-encryption-public-key/confirm-encryption-public-key.stories.js
- ui/pages/confirm-import-token/confirm-import-token.stories.js
- ui/pages/confirm-send-ether/confirm-send-ether.stories.js
- ui/pages/confirm-send-token/confirm-send-token.stories.js
- ui/pages/confirm-token-transaction-base/confirm-token-transaction-base.stories.js
- ui/pages/confirm-transaction-base/confirm-transaction-base.stories.js
- ui/pages/connected-sites/connected-sites.stories.js
- ui/pages/first-time-flow/create-password/create-password.stories.js
- ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/reveal-seed-phrase.stories.js
- ui/pages/import-token/import-token.stories.js
- ui/pages/keychains/reveal-seed.stories.js
- ui/pages/onboarding-flow/creation-successful/creation-successful.stories.js
- ui/pages/onboarding-flow/metametrics/metametrics.stories.js
- ui/pages/onboarding-flow/privacy-settings/privacy-settings.stories.js
- ui/pages/onboarding-flow/welcome/welcome.stories.js
- ui/pages/permissions-connect/permissions-connect.stories.js
- ui/pages/send/send-content/add-recipient/add-recipient.stories.js
- ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
- ui/pages/send/send-content/send-content.stories.js
- ui/pages/send/send-content/send-gas-row/send-gas-row.stories.js
- ui/pages/settings/contact-list-tab/contact-list-tab.stories.js
- ui/pages/settings/flask/snaps-list-tab/snap-list-tab.stories.js
- ui/pages/settings/networks-tab/networks-list-item/networks-list-item.stories.js
- ui/pages/settings/networks-tab/networks-list/network-list.stories.js
- ui/pages/settings/settings-search/settings-search.stories.js
- ui/pages/settings/settings.stories.js
- ui/pages/swaps/awaiting-signatures/awaiting-signatures.stories.js
- ui/pages/swaps/build-quote/build-quote.stories.js
- ui/pages/swaps/countdown-timer/countdown-timer.stories.js
- ui/pages/swaps/dropdown-input-pair/dropdown-input-pair.stories.js
- ui/pages/swaps/dropdown-search-list/dropdown-search-list.stories.js
- ui/pages/swaps/exchange-rate-display/exchange-rate-display.stories.js
- ui/pages/swaps/fee-card/fee-card.stories.js
- ui/pages/swaps/loading-swaps-quotes/loading-swap-quotes.stories.js
- ui/pages/swaps/main-quote-summary/main-quote-summary.stories.js
- ui/pages/swaps/searchable-item-list/list-item-search/list-item-search.stories.js
- ui/pages/swaps/select-quote-popover/select-quote-popover.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
- ui/pages/unlock-page/unlock-page.stories.js