metamask-extension/ui/components/app/token-cell/__snapshots__/token-cell.test.js.snap

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

exports[`Token Cell should match snapshot 1`] = `
<div>
  <div
    class="mm-box multichain-token-list-item mm-box--display-flex mm-box--gap-4 mm-box--flex-direction-column"
    data-testid="multichain-token-list-item"
  >
    <a
      class="mm-box multichain-token-list-item__container-cell mm-box--padding-4 mm-box--display-flex mm-box--flex-direction-row"
      data-testid="multichain-token-list-button"
      href="#"
    >
      <div
        class="box mm-badge-wrapper box--margin-right-3 box--display-inline-block box--flex-direction-row"
      >
        <div
          class="box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-avatar-token--with-halo mm-text--body-sm mm-text--text-transform-uppercase box--display-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-text-default box--background-color-background-alternative box--rounded-full box--border-color-border-default box--border-style-solid box--border-width-1"
        >
          T
        </div>
        <div
          class="box mm-badge-wrapper__badge-container mm-badge-wrapper__badge-container--circular-top-right box--flex-direction-row"
        >
          <div
            class="box mm-text mm-avatar-base mm-avatar-base--size-xs mm-avatar-network mm-text--body-xs mm-text--text-transform-uppercase box--display-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-text-default box--background-color-background-alternative box--rounded-full box--border-color-border-muted box--border-style-solid box--border-width-1"
          >
            <img
              alt="TEST logo"
              class="mm-avatar-network__network-image"
              src="./images/eth_logo.png"
            />
          </div>
        </div>
      </div>
      <div
        class="mm-box multichain-token-list-item__container-cell--text-container mm-box--display-flex mm-box--flex-direction-column mm-box--width-full"
        style="flex-grow: 1; overflow: hidden;"
      >
        <div
          class="mm-box mm-box--display-flex mm-box--gap-1 mm-box--justify-content-space-between"
        >
          <div
            class="mm-box mm-box--width-1/3"
          >
            <div>
              <div
                class=""
                style="display: inline;"
                tabindex="0"
                title=""
              >
                <p
                  class="box mm-text mm-text--body-md mm-text--font-weight-medium mm-text--ellipsis box--flex-direction-row box--color-text-default"
                >
                  TEST
                </p>
              </div>
            </div>
          </div>
          <p
            class="box mm-text mm-text--body-md mm-text--font-weight-medium mm-text--text-align-end box--flex-direction-row box--width-2/3 box--color-text-default"
          />
        </div>
        <p
          class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-alternative"
          data-testid="multichain-token-list-item-value"
        >
          5.000
           
          TEST
           
        </p>
      </div>
    </a>
  </div>
</div>
`;