metamask-extension
metamask-extension copied to clipboard
New metrics data for token approval transactions
Explanation
We are adding new metrics data for token approval transactions. Additionally, we are adding a new property called transaction_approval_amount_type if transaction_contract_method is approve and token_standard is ERC20. Values for property transaction_approval_amount_type can be custom, revoke or dapp_proposed. Here we have some notes on technical implementation.
I added TransactionApprovalAmountType object into shared/constants/transaction.js to ensure types that are specific to the transaction approval amount.
The dappProposedTokenAmount property is the tokenAmount property passed to ConfirmApprove, that property is dapp proposed token amount and transaction_approval_amount_type will be dapp_proposed.
The customTokenAmount property is the customPermissionAmount in ConfirmApprove, that property is custom token amount transaction_approval_amount_type will be custom.
If the selected amount (either dappProposedTokenAmount or customTokenAmount) is 0, then transaction_approval_amount_type will be revoke.
To calculate transaction_approval_amount_vs_proposed_ratio property, we need to have both the originally proposed amount and the chosen amount (which will be the same as the original if the user does not edit the amount or will be a custom amount set by the user). We added two new properties originalApprovalAmount and finalApprovalAmount to the txData before calling sendTransaction in handleSubmit. originalApprovalAmount property is dapp proposed token amount. finalApprovalAmount property depends if the user does not edit the amount then it will be dappProposedTokenAmount. If the user does edit the amount then finalApprovalAmount will be customTokenAmount.
If
transaction_approval_amount_typeiscustomwe can calculatetransaction_approval_amount_vs_proposed_ratio, otherwise it will benull.
To calculate transaction_approval_amount_vs_balance_ratio property, we added currentTokenBalance property to the txData, which is the balance of the token that is being send and matches the balance that is rendered.
If
transaction_approval_amount_typeiscustomordapp_proposedwe can calculatetransaction_approval_amount_vs_balance_ratio, otherwise it will benull.
More Information
- Fixes #15152
Screenshots/Screencaps
Before
After
Manual Testing Steps
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 [59c8196]
- builds: chrome, firefox, opera
- builds (beta): chrome, firefox, opera
- builds (flask): chrome, firefox, opera
- build viz: Build System
- mv3: MV3 Background Module Init Stats
- mv3: MV3 UI Init Stats
- mv3: Module Load Stats
- code coverage: Report
- storybook: Storybook
- all artifacts
Page Load Metrics (1973 ± 74 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 95 | 180 | 122 | 22 | 11 |
| domContentLoaded | 1733 | 2259 | 1938 | 146 | 70 | ||
| load | 1751 | 2269 | 1973 | 155 | 74 | ||
| domInteractive | 1733 | 2259 | 1938 | 146 | 70 |
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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [72f0dd9]
- 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 (1861 ± 51 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 95 | 163 | 117 | 18 | 9 |
| domContentLoaded | 1637 | 2125 | 1833 | 109 | 52 | ||
| load | 1655 | 2125 | 1861 | 107 | 51 | ||
| domInteractive | 1637 | 2125 | 1833 | 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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [60a01e0]
- 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 (1900 ± 70 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 92 | 2252 | 234 | 464 | 223 |
| domContentLoaded | 1663 | 2257 | 1875 | 142 | 68 | ||
| load | 1670 | 2257 | 1900 | 146 | 70 | ||
| domInteractive | 1663 | 2257 | 1875 | 142 | 68 |
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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [aebd8eb]
- 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 (2025 ± 136 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 104 | 206 | 136 | 26 | 12 |
| domContentLoaded | 1659 | 2665 | 2016 | 283 | 136 | ||
| load | 1659 | 2665 | 2025 | 284 | 136 | ||
| domInteractive | 1659 | 2665 | 2016 | 283 | 136 |
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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
@worldlyjohn could you take a look at this
Builds ready [cfb6e00]
- 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 (1820 ± 48 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 92 | 2016 | 211 | 414 | 199 |
| domContentLoaded | 1622 | 2020 | 1792 | 91 | 44 | ||
| load | 1641 | 2020 | 1820 | 99 | 48 | ||
| domInteractive | 1622 | 2020 | 1792 | 91 | 44 |
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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [7976ffe]
- 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 (1754 ± 63 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 91 | 1963 | 287 | 505 | 242 |
| domContentLoaded | 1588 | 2109 | 1740 | 131 | 63 | ||
| load | 1588 | 2110 | 1754 | 131 | 63 | ||
| domInteractive | 1588 | 2109 | 1740 | 131 | 63 |
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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [cbebce7]
- 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 (1941 ± 102 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 87 | 2030 | 218 | 416 | 200 |
| domContentLoaded | 1532 | 2222 | 1918 | 209 | 100 | ||
| load | 1532 | 2222 | 1941 | 213 | 102 | ||
| domInteractive | 1532 | 2222 | 1918 | 209 | 100 |
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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
@worldlyjohn could you take a look at this
Just for awareness, John B. has reviewed and helped define this metrics update if that's what the @ is for :) but if the @ was for help reviewing code implementation just ignore me here 😅 cc: @brad-decker
i'd be happy to QA this by looking at the events/properties being sent to segment. @VSaric if you want to run through different scenarios locally ping me and ill confirm it matches the spec @bschorchit and I worked out. (cc @brad-decker )
Builds ready [546ec42]
- 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 (1921 ± 65 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 110 | 1897 | 221 | 385 | 185 |
| domContentLoaded | 1738 | 2225 | 1905 | 131 | 63 | ||
| load | 1738 | 2225 | 1921 | 135 | 65 | ||
| domInteractive | 1738 | 2224 | 1905 | 131 | 63 |
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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [6cd3b32]
- 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 (1863 ± 60 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 96 | 1647 | 190 | 335 | 161 |
| domContentLoaded | 1651 | 2018 | 1840 | 112 | 54 | ||
| load | 1651 | 2100 | 1863 | 126 | 60 | ||
| domInteractive | 1651 | 2018 | 1840 | 112 | 54 |
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/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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [aff3eef]
- 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
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1783 ± 55 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 86 | 221 | 112 | 34 | 16 |
| domContentLoaded | 1646 | 2179 | 1772 | 115 | 55 | ||
| load | 1646 | 2179 | 1783 | 115 | 55 | ||
| domInteractive | 1646 | 2179 | 1772 | 115 | 55 |
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/connected-accounts-list/connected-accounts-list.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/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-accounts/connected-accounts.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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [0067699]
- 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
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (1898 ± 63 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 92 | 145 | 117 | 15 | 7 |
| domContentLoaded | 1712 | 2237 | 1877 | 127 | 61 | ||
| load | 1712 | 2262 | 1898 | 132 | 63 | ||
| domInteractive | 1712 | 2237 | 1877 | 127 | 61 |
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/connected-accounts-list/connected-accounts-list.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/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-accounts/connected-accounts.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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js
Builds ready [814e93c]
- 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
- mv2: E2e Actions Stats
- code coverage: Report
- storybook: Storybook
- typescript migration: Dashboard
- all artifacts
Page Load Metrics (2009 ± 143 ms)
| Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
|---|---|---|---|---|---|---|---|
| Chrome | Home | firstPaint | 91 | 364 | 140 | 69 | 33 |
| domContentLoaded | 1597 | 2649 | 1984 | 285 | 137 | ||
| load | 1617 | 2763 | 2009 | 298 | 143 | ||
| domInteractive | 1597 | 2649 | 1984 | 285 | 137 |
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/connected-accounts-list/connected-accounts-list.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/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-accounts/connected-accounts.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/import-token/token-search/token-search.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/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
- ui/pages/send/send-footer/send-footer.stories.js
- ui/pages/send/send-header/send-header.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/custom-content-search/custom-content-search.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/slippage-buttons/slippage-buttons.stories.js
- ui/pages/swaps/smart-transaction-status/smart-transaction-status.stories.js