[ENG-5625] [ENG-5207] feat: Update UI for the restore wallet screen (#754)

* [ENG-5207] feat: Update UI for the restore account screen

* Update the seedphrase error copy and look

* Start uniting the password creation & confirmation

* Update the Dots component look and behavior

* Update Dots component styles

* Update the CreatePassword component

* Update the seed phrase verification error text style

* Update the wallet recovery flow UI

* Update onboarding e2e tests locators

* Make address type selector the last step, update UI

* Update some old colors

* Fix 13th word rendering on the seed verify flow
This commit is contained in:
Den
2024-11-12 10:51:15 +01:00
committed by GitHub
parent 845021a755
commit 9629d96a0f
16 changed files with 526 additions and 231 deletions

View File

@@ -88,7 +88,9 @@ export default class Onboarding {
this.header = page.locator('#app h3');
this.inputPassword = page.locator('input[type="password"]');
this.errorMessage2 = page.locator('p').filter({ hasText: 'Please make sure your' });
this.errorMessageSeedPhrase = page.locator('p').filter({ hasText: 'Invalid seed phrase' });
this.errorMessageSeedPhrase = page
.locator('p')
.filter({ hasText: 'Seed phrase does not match' });
this.labelSecurityLevelWeak = page.locator('p').filter({ hasText: 'Weak' });
this.labelSecurityLevelMedium = page.locator('p').filter({ hasText: 'Medium' });
this.labelSecurityLevelStrong = page.locator('p').filter({ hasText: 'Strong' });
@@ -99,7 +101,7 @@ export default class Onboarding {
this.instruction = page.getByRole('heading', { name: 'Locate Xverse' });
this.headingWalletRestored = page.getByRole('heading', { name: 'Wallet restored' });
this.buttonCloseTab = page.getByRole('button', { name: 'Close this tab' });
this.headingRestoreWallet = page.getByRole('heading', { name: 'restore your wallet' });
this.headingRestoreWallet = page.getByRole('heading', { name: 'Restore Wallet' });
this.button24SeedPhrase = page.getByRole('button', { name: '24 words' });
this.button12SeedPhrase = page.getByRole('button', { name: '12 words' });
this.inputSeedPhraseWord = page.locator('input');