mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-29 15:50:28 +01:00
646dbaaff2
* Add transaction activity log component * Remove duplicate tx activity log snapshot. * Convert Identicon test to tlr. * Convert Metafoxlogo test to tlr. * Convert Reveal Seed Phrase test to tlr. * Consolidate and convert Send Footer test to tlr. * Convert Settings test to tlr. * Consolidate and convert security tab test to tlr. * Convert null selectedOption to empty string, and add test id to Dropdown component. * Add Send state to mock-state * Lint mock-state.json
247 lines
9.5 KiB
Plaintext
247 lines
9.5 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Security Tab should match snapshot 1`] = `
|
|
<div>
|
|
<div
|
|
class="settings-page__body"
|
|
>
|
|
<div
|
|
class="settings-page__content-row"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Reveal Secret Recovery Phrase
|
|
</span>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<button
|
|
class="button btn--rounded btn-danger btn--large"
|
|
data-testid="reveal-seed-words"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Reveal Secret Recovery Phrase
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-row"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Show incoming transactions
|
|
</span>
|
|
<div
|
|
class="settings-page__content-description"
|
|
>
|
|
Select this to use Etherscan to show incoming transactions in the transactions list
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<label
|
|
class="toggle-button toggle-button--on"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
style="display: flex; width: 52px; align-items: center; justify-content: flex-start; position: relative; cursor: pointer; background-color: transparent; border: 0px; padding: 0px; user-select: none;"
|
|
>
|
|
<div
|
|
style="width: 40px; height: 24px; padding: 0px; border-radius: 26px; display: flex; align-items: center; justify-content: center; background-color: rgb(242, 244, 246);"
|
|
>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgb(250, 250, 250); margin-top: auto; margin-bottom: auto; line-height: 0; opacity: 1; width: 26px; height: 20px; left: 4px;"
|
|
/>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgba(255, 255, 255, 0.6); bottom: 0px; margin-top: auto; margin-bottom: auto; padding-right: 5px; line-height: 0; width: 26px; height: 20px; opacity: 0;"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="position: absolute; height: 100%; top: 0px; left: 0px; display: flex; flex: 1; align-self: stretch; align-items: center; justify-content: flex-start;"
|
|
>
|
|
<div
|
|
style="width: 18px; height: 18px; display: flex; align-self: center; box-shadow: none; border-radius: 50%; box-sizing: border-box; position: relative; background-color: rgb(3, 125, 214); left: 18px;"
|
|
/>
|
|
</div>
|
|
<input
|
|
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
|
|
type="checkbox"
|
|
value="true"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="toggle-button__status"
|
|
>
|
|
<span
|
|
class="toggle-button__label-off"
|
|
>
|
|
Off
|
|
</span>
|
|
<span
|
|
class="toggle-button__label-on"
|
|
>
|
|
On
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-row"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Use phishing detection
|
|
</span>
|
|
<div
|
|
class="settings-page__content-description"
|
|
>
|
|
Display a warning for phishing domains targeting Ethereum users
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<label
|
|
class="toggle-button toggle-button--on"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
style="display: flex; width: 52px; align-items: center; justify-content: flex-start; position: relative; cursor: pointer; background-color: transparent; border: 0px; padding: 0px; user-select: none;"
|
|
>
|
|
<div
|
|
style="width: 40px; height: 24px; padding: 0px; border-radius: 26px; display: flex; align-items: center; justify-content: center; background-color: rgb(242, 244, 246);"
|
|
>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgb(250, 250, 250); margin-top: auto; margin-bottom: auto; line-height: 0; opacity: 1; width: 26px; height: 20px; left: 4px;"
|
|
/>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgba(255, 255, 255, 0.6); bottom: 0px; margin-top: auto; margin-bottom: auto; padding-right: 5px; line-height: 0; width: 26px; height: 20px; opacity: 0;"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="position: absolute; height: 100%; top: 0px; left: 0px; display: flex; flex: 1; align-self: stretch; align-items: center; justify-content: flex-start;"
|
|
>
|
|
<div
|
|
style="width: 18px; height: 18px; display: flex; align-self: center; box-shadow: none; border-radius: 50%; box-sizing: border-box; position: relative; background-color: rgb(3, 125, 214); left: 18px;"
|
|
/>
|
|
</div>
|
|
<input
|
|
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
|
|
type="checkbox"
|
|
value="true"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="toggle-button__status"
|
|
>
|
|
<span
|
|
class="toggle-button__label-off"
|
|
>
|
|
Off
|
|
</span>
|
|
<span
|
|
class="toggle-button__label-on"
|
|
>
|
|
On
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-row"
|
|
>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<span>
|
|
Participate in MetaMetrics
|
|
</span>
|
|
<div
|
|
class="settings-page__content-description"
|
|
>
|
|
<span>
|
|
Participate in MetaMetrics to help us make MetaMask better
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="settings-page__content-item"
|
|
>
|
|
<div
|
|
class="settings-page__content-item-col"
|
|
>
|
|
<label
|
|
class="toggle-button toggle-button--off"
|
|
tabindex="0"
|
|
>
|
|
<div
|
|
style="display: flex; width: 52px; align-items: center; justify-content: flex-start; position: relative; cursor: pointer; background-color: transparent; border: 0px; padding: 0px; user-select: none;"
|
|
>
|
|
<div
|
|
style="width: 40px; height: 24px; padding: 0px; border-radius: 26px; display: flex; align-items: center; justify-content: center; background-color: rgb(242, 244, 246);"
|
|
>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgb(250, 250, 250); margin-top: auto; margin-bottom: auto; line-height: 0; opacity: 0; width: 26px; height: 20px; left: 4px;"
|
|
/>
|
|
<div
|
|
style="font-size: 11px; display: flex; align-items: center; justify-content: center; font-family: 'Helvetica Neue', Helvetica, sans-serif; position: relative; color: rgba(255, 255, 255, 0.6); bottom: 0px; margin-top: auto; margin-bottom: auto; padding-right: 5px; line-height: 0; width: 26px; height: 20px; opacity: 1;"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="position: absolute; height: 100%; top: 0px; left: 0px; display: flex; flex: 1; align-self: stretch; align-items: center; justify-content: flex-start;"
|
|
>
|
|
<div
|
|
style="width: 18px; height: 18px; display: flex; align-self: center; box-shadow: none; border-radius: 50%; box-sizing: border-box; position: relative; background-color: rgb(106, 115, 125); left: 3px;"
|
|
/>
|
|
</div>
|
|
<input
|
|
style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px;"
|
|
type="checkbox"
|
|
value="false"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="toggle-button__status"
|
|
>
|
|
<span
|
|
class="toggle-button__label-off"
|
|
>
|
|
Off
|
|
</span>
|
|
<span
|
|
class="toggle-button__label-on"
|
|
>
|
|
On
|
|
</span>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|