metamask-extension/ui/pages/keychains/__snapshots__/reveal-seed.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`Reveal Seed Page should match snapshot 1`] = `
<div>
  <div
    class="box page-container box--padding-top-8 box--padding-right-4 box--padding-bottom-8 box--padding-left-4 box--gap-4 box--flex-direction-row"
  >
    <h2
      class="box mm-text mm-text--heading-lg mm-text--color-text-default box--flex-direction-row"
    >
      Secret Recovery Phrase
    </h2>
    <p
      class="box mm-text mm-text--body-md mm-text--color-text-default box--flex-direction-row"
    >
      <span>
         
        The 
        <a
          class="box mm-button-base mm-button-link mm-button-link--size-inherit box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-primary-default box--background-color-transparent"
          href="https://metamask.zendesk.com/hc/en-us/articles/360060826432-What-is-a-Secret-Recovery-Phrase-and-how-to-keep-your-crypto-wallet-secure"
          rel="noopener noreferrer"
          target="_blank"
        >
          <span
            class="box mm-text mm-button-base__content mm-text--inherit mm-text--color-inherit box--gap-2 box--flex-direction-row box--justify-content-center box--align-items-center box--display-flex"
          >
            Secret Recovery Phrase (SRP)
          </span>
        </a>
         provides 
        <strong
          class="box mm-text mm-text--body-md-bold mm-text--font-weight-bold mm-text--color-text-default box--flex-direction-row"
        >
          full access to your wallet and funds.

        </strong>
        
         
      </span>
    </p>
    <p
      class="box mm-text mm-text--body-md mm-text--color-text-default box--flex-direction-row"
    >
      <span>
         
        MetaMask is a 
        <a
          class="box mm-button-base mm-button-link mm-button-link--size-inherit box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-primary-default box--background-color-transparent"
          href="https://metamask.zendesk.com/hc/en-us/articles/360059952212-MetaMask-is-a-non-custodial-wallet"
          rel="noopener noreferrer"
          target="_blank"
        >
          <span
            class="box mm-text mm-button-base__content mm-text--inherit mm-text--color-inherit box--gap-2 box--flex-direction-row box--justify-content-center box--align-items-center box--display-flex"
          >
            non-custodial wallet
          </span>
        </a>
        . That means you're the owner of your SRP.
         
      </span>
    </p>
    <div
      class="box mm-banner-base mm-banner-alert mm-banner-alert--severity-danger box--padding-3 box--padding-left-2 box--display-flex box--gap-2 box--flex-direction-row box--background-color-error-muted box--rounded-sm"
    >
      <div
        class="box mm-icon mm-icon--size-lg box--flex-direction-row box--color-error-default"
        style="mask-image: url('./images/icons/danger.svg');"
      />
      <div>
        <p
          class="box mm-text mm-text--body-md mm-text--color-text-default box--flex-direction-row"
        >
          <span>
             
            Make sure no one is looking at your screen. 
            <strong
              class="box mm-text mm-text--body-md-bold mm-text--font-weight-bold mm-text--color-text-default box--flex-direction-row"
            >
              MetaMask Support will never request this.
            </strong>
            
             
          </span>
        </p>
      </div>
    </div>
    <form>
      <label
        class="box mm-text mm-label mm-label--html-for mm-text--body-md mm-text--font-weight-bold mm-text--color-text-default box--display-inline-flex box--flex-direction-row box--align-items-center"
        for="password-box"
      >
        Enter password to continue
      </label>
      <div
        class="box mm-text-field mm-text-field--size-lg mm-text-field--focused mm-text-field--truncate box--display-inline-flex box--flex-direction-row box--align-items-center box--width-full box--background-color-background-default box--rounded-sm box--border-width-1 box--border-style-solid"
      >
        <input
          autocomplete="off"
          class="box mm-text mm-input mm-text-field__input mm-text--body-md mm-text--color-text-default box--padding-right-4 box--padding-left-4 box--flex-direction-row box--background-color-transparent box--border-style-none"
          data-testid="input-password"
          focused="true"
          id="password-box"
          placeholder="Make sure nobody is looking"
          type="password"
          value=""
        />
      </div>
    </form>
    <div
      class="box box--margin-top-auto box--display-flex box--gap-4 box--flex-direction-row"
    >
      <button
        class="box mm-button-base mm-button-base--size-lg mm-button-secondary box--padding-right-4 box--padding-left-4 box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--width-full box--color-primary-default box--background-color-transparent box--rounded-pill box--border-color-primary-default box--border-style-solid box--border-width-1"
      >
        <span
          class="box mm-text mm-button-base__content mm-text--body-md mm-text--color-inherit box--gap-2 box--flex-direction-row box--justify-content-center box--align-items-center box--display-flex"
        >
          Cancel
        </span>
      </button>
      <button
        class="box mm-button-base mm-button-base--size-lg mm-button-base--disabled mm-button-primary mm-button-primary--disabled box--padding-right-4 box--padding-left-4 box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--width-full box--color-primary-inverse box--background-color-primary-default box--rounded-pill"
        disabled=""
      >
        <span
          class="box mm-text mm-button-base__content mm-text--body-md mm-text--color-inherit box--gap-2 box--flex-direction-row box--justify-content-center box--align-items-center box--display-flex"
        >
          Next
        </span>
      </button>
    </div>
  </div>
</div>
`;