metamask-extension
metamask-extension copied to clipboard
feat: adds the new default settings view to onboarding
Description
Related issues
Fixes:
Manual testing steps
- Go to this page...
Screenshots/Recordings
Before
After
Pre-merge author checklist
- [ ] I’ve followed MetaMask Coding Standards.
- [ ] I've completed the PR template to the best of my ability
- [ ] I’ve included tests if applicable
- [ ] I’ve documented my code using JSDoc format if applicable
- [ ] I’ve applied the right labels on the PR (see labeling guidelines). Not required for external contributors.
Pre-merge reviewer checklist
- [ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
- [ ] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.
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 [a81133f]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (1002 ± 551 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 61 | 140 | 92 | 19 | 9 |
domContentLoaded | 9 | 30 | 14 | 6 | 3 | ||
load | 57 | 2564 | 1002 | 1147 | 551 | ||
domInteractive | 9 | 30 | 14 | 6 | 3 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.01 KiB (0.06%)
- common: 647 Bytes (0.01%)
Builds ready [cf34cc7]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (803 ± 539 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 60 | 193 | 95 | 31 | 15 |
domContentLoaded | 9 | 64 | 16 | 13 | 6 | ||
load | 48 | 2825 | 803 | 1122 | 539 | ||
domInteractive | 9 | 64 | 16 | 13 | 6 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.01 KiB (0.06%)
- common: 647 Bytes (0.01%)
Builds ready [eb245b7]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (102 ± 119 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 67 | 99 | 77 | 7 | 4 |
domContentLoaded | 8 | 12 | 9 | 1 | 0 | ||
load | 40 | 1183 | 102 | 248 | 119 | ||
domInteractive | 8 | 12 | 9 | 1 | 0 |
Codecov Report
Attention: Patch coverage is 77.77778%
with 20 lines
in your changes missing coverage. Please review.
Project coverage is 65.04%. Comparing base (
8e48bee
) to head (5becf27
). Report is 8 commits behind head on develop.
Files | Patch % | Lines |
---|---|---|
...boarding-flow/privacy-settings/privacy-settings.js | 70.69% | 17 Missing :warning: |
...ges/onboarding-flow/pin-extension/pin-extension.js | 57.14% | 3 Missing :warning: |
Additional details and impacted files
@@ Coverage Diff @@
## develop #24562 +/- ##
===========================================
+ Coverage 65.02% 65.04% +0.02%
===========================================
Files 1391 1391
Lines 55182 55232 +50
Branches 14499 14528 +29
===========================================
+ Hits 35879 35922 +43
- Misses 19303 19310 +7
:umbrella: View full report in Codecov by Sentry.
:loudspeaker: Have feedback on the report? Share it here.
Builds ready [317f8e9]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (154 ± 186 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 75 | 132 | 98 | 15 | 7 |
domContentLoaded | 9 | 26 | 14 | 4 | 2 | ||
load | 45 | 1843 | 154 | 388 | 186 | ||
domInteractive | 9 | 26 | 14 | 4 | 2 |
Overall it looks great! Design QA:
- When I click back button on the default settings page, it automatically ends the onboarding flow
- On "Assets" page, "Show incoming transactions" is not using the same text as other headers.
Also, it will be great if we can:
- For "Your wallet is ready" screen, combine the sentences into 1 paragraph and highlight only "Learn more" (Sorry I might not have specified that earlier)
- On default settings page, expand the touch area to be not just the title, but the entire cell
Builds ready [6e7b8e6]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (129 ± 151 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 63 | 166 | 89 | 21 | 10 |
domContentLoaded | 8 | 31 | 12 | 6 | 3 | ||
load | 42 | 1494 | 129 | 313 | 151 | ||
domInteractive | 8 | 31 | 12 | 6 | 3 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.9 KiB (0.07%)
- common: 671 Bytes (0.01%)
@yanrong-chen I've updated the UI, and addressed the other points as well 👍🏼
Builds ready [9c76427]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (123 ± 154 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 67 | 97 | 80 | 8 | 4 |
domContentLoaded | 9 | 12 | 10 | 1 | 0 | ||
load | 41 | 1520 | 123 | 321 | 154 | ||
domInteractive | 9 | 12 | 10 | 1 | 0 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.9 KiB (0.07%)
- common: 671 Bytes (0.01%)
@zone-live just to double check: were you able to import isProfileSyncingEnabled
? This is a new setting and I want to make sure the setting here is consistent with it being added to in-app settings.
cc @matteoscurati
@zone-live just to double check: were you able to import
isProfileSyncingEnabled
? This is a new setting and I want to make sure the setting here is consistent with it being added to in-app settings.cc @matteoscurati
Yap it's there.
Demo video:
https://github.com/MetaMask/metamask-extension/assets/1125631/c6d36853-7401-4ed3-98ef-1468b184972e
Builds ready [7300c33]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (44 ± 3 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 58 | 99 | 73 | 10 | 5 |
domContentLoaded | 8 | 14 | 9 | 1 | 1 | ||
load | 38 | 66 | 44 | 7 | 3 | ||
domInteractive | 8 | 14 | 9 | 1 | 1 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.88 KiB (0.07%)
- common: 671 Bytes (0.01%)
@zone-live Noticed an inconsistency in the copy used for Use phishing detection
in the in-app Settings and these Default Settings. Could you please update:
Current Phishing detection alerts rely on communication with jsDeliver. jsDeliver will have access to your IP address. View Privacy policy.
Expected Display a warning for phishing domains targeting Ethereum users.
@zone-live Noticed an inconsistency in the copy used for
Use phishing detection
in the in-app Settings and these Default Settings. Could you please update:Current Phishing detection alerts rely on communication with jsDeliver. jsDeliver will have access to your IP address. View Privacy policy.
Expected Display a warning for phishing domains targeting Ethereum users
Updated 👍🏼
Builds ready [905132a]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (58 ± 11 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 73 | 146 | 91 | 18 | 8 |
domContentLoaded | 10 | 33 | 13 | 5 | 2 | ||
load | 44 | 146 | 58 | 23 | 11 | ||
domInteractive | 10 | 33 | 13 | 5 | 2 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 1 Bytes (0.00%)
- ui: 4.58 KiB (0.07%)
- common: 291 Bytes (0.00%)
This looks great @zone-live! Is what remains resolving merge conflicts and another review?
Builds ready [b5f5b92]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (51 ± 7 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 73 | 179 | 89 | 24 | 12 |
domContentLoaded | 9 | 68 | 13 | 13 | 6 | ||
load | 42 | 110 | 51 | 14 | 7 | ||
domInteractive | 9 | 68 | 13 | 13 | 6 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.58 KiB (0.07%)
- common: 291 Bytes (0.00%)
Builds ready [4665b4d]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (47 ± 4 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 58 | 98 | 78 | 11 | 5 |
domContentLoaded | 8 | 21 | 11 | 3 | 2 | ||
load | 38 | 70 | 47 | 9 | 4 | ||
domInteractive | 8 | 21 | 11 | 3 | 2 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.61 KiB (0.07%)
- common: 291 Bytes (0.00%)
Builds ready [5becf27]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (53 ± 5 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 69 | 130 | 84 | 13 | 6 |
domContentLoaded | 9 | 21 | 12 | 3 | 2 | ||
load | 41 | 86 | 53 | 10 | 5 | ||
domInteractive | 9 | 21 | 12 | 3 | 2 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.58 KiB (0.07%)
- common: 291 Bytes (0.00%)
Quality Gate passed
Issues
5 New issues
0 Accepted issues
Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code
Quality Gate passed
Issues
5 New issues
0 Accepted issues
Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code
Quality Gate passed
Issues
4 New issues
0 Accepted issues
Measures
0 Security Hotspots
90.7% Coverage on New Code
0.0% Duplication on New Code
Builds ready [2e3bdcd]
- builds: chrome, firefox
- builds (beta): chrome
- builds (flask): chrome, firefox
- builds (MMI): chrome, firefox
- builds (test): chrome, firefox
- builds (test-flask): chrome, firefox
- 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 (1904 ± 109 ms)
Platform | Page | Metric | Min (ms) | Max (ms) | Average (ms) | StandardDeviation (ms) | MarginOfError (ms) |
---|---|---|---|---|---|---|---|
Chrome | Home | firstPaint | 387 | 2620 | 1761 | 430 | 206 |
domContentLoaded | 1648 | 2610 | 1887 | 226 | 108 | ||
load | 1689 | 2632 | 1904 | 226 | 109 | ||
domInteractive | 21 | 104 | 46 | 24 | 11 |
Bundle size diffs [🚨 Warning! Bundle size has increased!]
- background: 0 Bytes (0.00%)
- ui: 4.99 KiB (0.06%)
- common: 347 Bytes (0.00%)
https://github.com/user-attachments/assets/a9bca766-ca98-4b79-8ef1-af5a88eab51a
Found this odd behaviour, please check out. "You're now using Linea Mainnet 2" toast is shown and automatically closed