2022-11-04 21:56:24 +01:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Security Tab should match snapshot 1`] = `
<div>
<div
class="settings-page__body"
>
2022-12-19 18:46:36 +01:00
<span
class="settings-page__security-tab-sub-header__bold"
>
Security
</span>
2022-11-04 21:56:24 +01:00
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-padded"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-row"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-item"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<span>
2022-11-04 21:56:24 +01:00
Reveal Secret Recovery Phrase
2022-12-19 18:46:36 +01:00
</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>
2022-11-04 21:56:24 +01:00
</div>
</div>
</div>
2022-12-19 18:46:36 +01:00
<span
class="settings-page__security-tab-sub-header__bold"
>
Privacy
</span>
<div>
<span
class="settings-page__security-tab-sub-header"
>
Alerts
</span>
</div>
2022-11-04 21:56:24 +01:00
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-padded"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-row"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-item"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<span>
Use phishing detection
</span>
<div
class="settings-page__content-description"
>
Display a warning for phishing domains targeting Ethereum users
</div>
2022-11-04 21:56:24 +01:00
</div>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-item"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<div
class="settings-page__content-item-col"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<label
class="toggle-button toggle-button--on"
tabindex="0"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
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;"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
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>
2022-11-04 21:56:24 +01:00
<div
2022-12-19 18:46:36 +01:00
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"
2022-11-04 21:56:24 +01:00
/>
</div>
<div
2022-12-19 18:46:36 +01:00
class="toggle-button__status"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<span
class="toggle-button__label-off"
>
Off
</span>
<span
class="toggle-button__label-on"
>
On
</span>
2022-11-04 21:56:24 +01:00
</div>
2022-12-19 18:46:36 +01:00
</label>
</div>
2022-11-04 21:56:24 +01:00
</div>
</div>
</div>
2022-12-19 18:46:36 +01:00
<span
class="settings-page__security-tab-sub-header"
>
Transactions
</span>
2022-11-04 21:56:24 +01:00
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-padded"
2022-11-04 21:56:24 +01:00
>
2023-01-17 16:23:04 +01:00
<div
class="settings-page__content-row"
>
<div
class="settings-page__content-item"
>
<span>
Show balance and token price checker
</span>
<div
class="settings-page__content-description"
>
<span>
We use
<a
href="https://www.coingecko.com/"
rel="noreferrer"
target="_blank"
>
CoinGecko
</a>
and
<a
href="https://www.cryptocompare.com/"
rel="noreferrer"
target="_blank"
>
CryptoCompare
</a>
APIs to display your balance and token price.
<a
href="https://consensys.net/privacy-policy/"
rel="noreferrer"
target="_blank"
>
Privacy policy
</a>
</span>
</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>
2022-11-04 21:56:24 +01:00
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-row"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-item"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<span>
Show incoming transactions
</span>
<div
class="settings-page__content-description"
>
<span>
This relies on
<a
href="https://etherscan.io/privacyPolicy"
rel="noopener noreferrer"
target="_blank"
>
Etherscan
</a>
which will have access to your Ethereum address and your IP address.
<a
href="https://consensys.net/privacy-policy/"
rel="noopener noreferrer"
target="_blank"
>
Privacy policy
</a>
</span>
</div>
2022-11-04 21:56:24 +01:00
</div>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-item"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<div
class="settings-page__content-item-col"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<label
class="toggle-button toggle-button--on"
tabindex="0"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
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;"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
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>
2022-11-04 21:56:24 +01:00
<div
2022-12-19 18:46:36 +01:00
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"
2022-11-04 21:56:24 +01:00
/>
</div>
<div
2022-12-19 18:46:36 +01:00
class="toggle-button__status"
2022-11-04 21:56:24 +01:00
>
2022-12-19 18:46:36 +01:00
<span
class="toggle-button__label-off"
>
Off
</span>
<span
class="toggle-button__label-on"
>
On
</span>
2022-11-04 21:56:24 +01:00
</div>
2022-12-19 18:46:36 +01:00
</label>
</div>
2022-11-04 21:56:24 +01:00
</div>
</div>
</div>
2022-12-19 18:46:36 +01:00
<span
class="settings-page__security-tab-sub-header"
>
Network provider
</span>
2022-11-04 21:56:24 +01:00
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-padded"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-row"
data-testid="advanced-setting-choose-your-network"
2022-11-04 21:56:24 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-item"
2022-11-04 21:56:24 +01:00
>
<span>
2022-12-19 18:46:36 +01:00
Choose your network
2022-11-04 21:56:24 +01:00
</span>
2022-12-19 18:46:36 +01:00
<div
class="settings-page__content-description"
>
<span>
We use Infura as our remote procedure call (RPC) provider to offer the most reliable and private access to Ethereum data we can. You can choose your own RPC, but remember that any RPC will receive your IP address and Ethereum wallet to make transactions. Read our
<a
href="https://consensys.net/privacy-policy/"
rel="noopener noreferrer"
target="_blank"
>
Privacy policy
</a>
to learn more about how Infura handles data.
</span>
</div>
</div>
<div
class="settings-page__content-item"
>
<div
class="settings-page__content-item-col"
>
<button
class="button btn--rounded btn-secondary settings-page__button"
role="button"
tabindex="0"
>
Add custom network
</button>
</div>
2022-11-04 21:56:24 +01:00
</div>
</div>
2022-12-01 22:16:04 +01:00
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-row"
data-testid="setting-ipfs-gateway"
2022-12-01 22:16:04 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="settings-page__content-item"
2022-12-01 22:16:04 +01:00
>
2022-12-19 18:46:36 +01:00
<span>
Add custom IPFS gateway
</span>
<div
class="settings-page__content-description"
>
The IPFS gateway makes it possible to access and view data hosted by third parties. You can add a custom IPFS gateway or continue using the default.
</div>
</div>
<div
class="settings-page__content-item"
>
<div
class="settings-page__content-item-col"
2022-12-01 22:16:04 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
2022-12-01 22:16:04 +01:00
>
<div
2022-12-19 18:46:36 +01:00
class="MuiInputBase-root MuiInput-root TextField-inputRoot-12 MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"
2022-12-01 22:16:04 +01:00
>
2022-12-19 18:46:36 +01:00
<input
aria-invalid="false"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense"
dir="auto"
type="text"
2023-02-07 19:06:37 +01:00
value="dweb.link"
2022-12-01 22:16:04 +01:00
/>
</div>
2022-12-19 18:46:36 +01:00
</div>
</div>
</div>
</div>
</div>
<span
class="settings-page__security-tab-sub-header"
>
2023-01-31 19:50:53 +01:00
Token autodetection
2022-12-19 18:46:36 +01:00
</span>
<div
class="settings-page__content-padded"
>
<div
class="settings-page__content-row"
data-testid="advanced-setting-gas-fee-estimation"
>
<div
class="settings-page__content-item"
>
<span>
Autodetect tokens
</span>
<div
class="settings-page__content-description"
>
<span>
2023-01-19 16:03:08 +01:00
We use third-party APIs to detect and display new tokens sent to your wallet. Turn off if you don’ t want the app to automatically pull data from those services.
2022-12-19 18:46:36 +01:00
<a
href="https://consensys.net/privacy-policy/"
rel="noopener noreferrer"
target="_blank"
>
Learn More
</a>
</span>
</div>
</div>
<div
class="settings-page__content-item"
>
<div
class="settings-page__content-item-col"
>
<label
class="toggle-button toggle-button--on"
tabindex="0"
>
2022-12-01 22:16:04 +01:00
<div
2022-12-19 18:46:36 +01:00
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;"
2022-12-01 22:16:04 +01:00
>
<div
2022-12-19 18:46:36 +01:00
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"
2022-12-01 22:16:04 +01:00
/>
</div>
2022-12-19 18:46:36 +01:00
<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>
Batch account balance requests
</span>
<div
class="settings-page__content-description"
>
We batch accounts and query Infura to responsively show your balances. If you turn this off, only active accounts will be queried. Some dapps won't work unless you connect your wallet.
</div>
</div>
<div
class="settings-page__content-item"
>
<div
class="settings-page__content-item-col"
>
<label
class="toggle-button toggle-button--off"
tabindex="0"
2022-12-01 22:16:04 +01:00
>
2022-12-19 18:46:36 +01:00
<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;"
2022-12-01 22:16:04 +01:00
>
2022-12-19 18:46:36 +01:00
<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"
2022-12-01 22:16:04 +01:00
>
2022-12-19 18:46:36 +01:00
<span
class="toggle-button__label-off"
>
Off
</span>
<span
class="toggle-button__label-on"
>
On
</span>
</div>
</label>
</div>
2022-12-01 22:16:04 +01:00
</div>
</div>
</div>
2023-01-17 13:52:55 +01:00
<span
class="settings-page__security-tab-sub-header"
>
Metrics
</span>
2022-12-01 22:16:04 +01:00
<div
2023-01-17 13:52:55 +01:00
class="settings-page__content-padded"
2022-12-01 22:16:04 +01:00
>
<div
2023-01-17 13:52:55 +01:00
class="settings-page__content-row"
2022-12-01 22:16:04 +01:00
>
<div
2023-01-17 13:52:55 +01:00
class="settings-page__content-item"
2022-12-01 22:16:04 +01:00
>
<span>
2023-01-17 13:52:55 +01:00
Participate in MetaMetrics
2022-12-01 22:16:04 +01:00
</span>
2023-01-17 13:52:55 +01:00
<div
class="settings-page__content-description"
>
<span>
Participate in MetaMetrics to help us make MetaMask better
</span>
</div>
2022-12-01 22:16:04 +01:00
</div>
2022-11-04 21:56:24 +01:00
<div
2023-01-17 13:52:55 +01:00
class="settings-page__content-item"
2022-11-04 21:56:24 +01:00
>
2023-01-17 13:52:55 +01:00
<div
class="settings-page__content-item-col"
2022-11-04 21:56:24 +01:00
>
2023-01-17 13:52:55 +01:00
<label
class="toggle-button toggle-button--off"
tabindex="0"
2022-11-04 21:56:24 +01:00
>
<div
2023-01-17 13:52:55 +01:00
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;"
2022-11-04 21:56:24 +01:00
>
<div
2023-01-17 13:52:55 +01:00
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>
2022-11-04 21:56:24 +01:00
<div
2023-01-17 13:52:55 +01:00
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"
2022-11-04 21:56:24 +01:00
/>
</div>
<div
2023-01-17 13:52:55 +01:00
class="toggle-button__status"
2022-11-04 21:56:24 +01:00
>
2023-01-17 13:52:55 +01:00
<span
class="toggle-button__label-off"
>
Off
</span>
<span
class="toggle-button__label-on"
>
On
</span>
2022-11-04 21:56:24 +01:00
</div>
2023-01-17 13:52:55 +01:00
</label>
</div>
2022-11-04 21:56:24 +01:00
</div>
</div>
</div>
</div>
</div>
`;