Skip to content

Commit

Permalink
Address review comments
Browse files Browse the repository at this point in the history
  • Loading branch information
@nortonandreev
nortonandreev committed Feb 23, 2024
1 parent fe7884d commit 3b80fdf
Show file tree
Hide file tree
Showing 2 changed files with 291 additions and 97 deletions.
253 changes: 252 additions & 1 deletion web-wallet/src/routes/(welcome)/setup/create/__tests__/__snapshots__/page.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1984,6 +1984,257 @@ exports[`Create > ensures the Password step renders as expected 1`] = `
</div>
`;

exports[`Create > ensures the Password step renders as expected 2`] = `
<div>
<div
class="dusk-wizard dusk-wizard--full-height"
>
<!--&lt;WizardStep&gt;-->
<!--&lt;WizardStep&gt;-->
<!--&lt;WizardStep&gt;-->
<h2
class="h1 s-p4ikGGAJA5YG"
slot="heading"
>
<mark
class="s-p4ikGGAJA5YG"
>
Password
</mark>
<br
class="s-p4ikGGAJA5YG"
/>
Setup
</h2>
<div
class="dusk-stepper"
role="tablist"
>
<div
class="dusk-stepper__progress-bar"
>
<div
class="dusk-stepper__progress-filler"
style="width: 60%;"
/>
</div>
<div
class="dusk-stepper__steps"
>
<div
aria-disabled="true"
aria-selected="false"
class="dusk-stepper__step dusk-stepper__step--processed"
/>
<div
aria-disabled="true"
aria-selected="false"
class="dusk-stepper__step dusk-stepper__step--processed"
/>
<div
aria-disabled="true"
aria-selected="false"
class="dusk-stepper__step dusk-stepper__step--processed"
/>
<div
aria-disabled="true"
aria-selected="true"
class="dusk-stepper__step dusk-stepper__step--processed"
/>
<div
aria-disabled="true"
aria-selected="false"
class="dusk-stepper__step"
/>
<div
aria-disabled="true"
aria-selected="false"
class="dusk-stepper__step"
/>
</div>
</div>
<!--&lt;Stepper&gt;-->
<div
class="dusk-card"
>
<header
class="dusk-card__header"
>
<svg
class="dusk-icon dusk-icon--size--normal dusk-card__icon"
role="graphics-symbol"
viewBox="0 0 24 24"
>
<path
d="M21 18H15V15H13.3C12.2 17.4 9.7 19 7 19C3.1 19 0 15.9 0 12S3.1 5 7 5C9.7 5 12.2 6.6 13.3 9H24V15H21V18M17 16H19V13H22V11H11.9L11.7 10.3C11 8.3 9.1 7 7 7C4.2 7 2 9.2 2 12S4.2 17 7 17C9.1 17 11 15.7 11.7 13.7L11.9 13H17V16M7 15C5.3 15 4 13.7 4 12S5.3 9 7 9 10 10.3 10 12 8.7 15 7 15M7 11C6.4 11 6 11.4 6 12S6.4 13 7 13 8 12.6 8 12 7.6 11 7 11Z"
/>
</svg>
<!--&lt;Icon&gt;-->
<h3
class="h4"
>
Password
</h3>
<div
aria-checked="true"
aria-disabled="false"
class="dusk-switch dusk-switch--on-surface"
role="switch"
tabindex="0"
/>
<!--&lt;Switch&gt;-->
</header>
<div
class="flex flex-col gap-1 s-3JrRpWchV-SQ"
>
<p
class="s-3JrRpWchV-SQ"
>
Please store your password safely.
</p>
<input
autocomplete="new-password"
class="dusk-textbox dusk-textbox-password"
placeholder="Set Password"
type="password"
/>
<!--&lt;Textbox&gt;-->
<div
class="confirm-password s-3JrRpWchV-SQ"
>
<input
autocomplete="new-password"
class="dusk-textbox dusk-textbox-password"
placeholder="Confirm Password"
type="password"
/>
<!--&lt;Textbox&gt;-->
<span
class="confirm-password--meta s-3JrRpWchV-SQ"
>
Password must be at least 8 characters
</span>
</div>
</div>
</div>
<!--&lt;Card&gt;-->
<div
class="notice s-3JrRpWchV-SQ"
>
<svg
class="dusk-icon dusk-icon--size--large"
role="graphics-symbol"
viewBox="0 0 24 24"
>
<path
d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16"
/>
</svg>
<!--&lt;Icon&gt;-->
<p
class="s-3JrRpWchV-SQ"
>
Setting a password for your web wallet is optional. Doing so allows you
the convenience of opening your wallet file using a password, but it
weakens the overall security. Not using a password requires you to input
the full mnemonic to open your wallet.
</p>
</div>
<!--&lt;PasswordSetup&gt;-->
<div
class="dusk-wizard__step-navigation"
>
<button
class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
type="button"
>
<svg
class="dusk-icon dusk-icon--size--normal dusk-button__icon"
role="graphics-symbol"
viewBox="0 0 24 24"
>
<path
d="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z"
/>
</svg>
<!--&lt;Icon&gt;-->
<span
class="dusk-button__text"
>
Back
</span>
</button>
<!--&lt;Button&gt;-->
<button
class="dusk-button dusk-button--type--button dusk-button--variant--tertiary dusk-button--size--normal dusk-icon-button-labeled"
disabled=""
type="button"
>
<span
class="dusk-button__text"
>
Next
</span>
<svg
class="dusk-icon dusk-icon--size--normal dusk-button__icon"
role="graphics-symbol"
viewBox="0 0 24 24"
>
<path
d="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z"
/>
</svg>
<!--&lt;Icon&gt;-->
</button>
<!--&lt;Button&gt;-->
</div>
<!--&lt;WizardStep&gt;-->
<!--&lt;WizardStep&gt;-->
<!--&lt;WizardStep&gt;-->
</div>
<!--&lt;Wizard&gt;-->
<!--&lt;+page&gt;-->
</div>
`;

exports[`Create > ensures the Swap To Native Dusk step renders as expected 1`] = `
<div>
<div
Expand Down Expand Up @@ -2858,7 +3109,7 @@ exports[`Create > should render the \`Securely store your seed phrase!\` agreeme
</div>
`;

exports[`Create > should render the Existing Wallet notice step of the Restore flow if there is a userId saved in localStorage 1`] = `
exports[`Create > should render the Existing Wallet notice step of the Create flow if there is a userId saved in localStorage 1`] = `
<div>
<div
class="onboarding-wrapper s-p4ikGGAJA5YG"
Expand Down
Loading

0 comments on commit 3b80fdf

Please sign in to comment.