metamask-extension/ui/components/app/confirm-gas-display/__snapshots__/confirm-gas-display.test.js.snap

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

exports[`ConfirmGasDisplay should match snapshot 1`] = `
<div>
  <div
    class="transaction-detail-item"
    data-testid="confirm-gas-display"
  >
    <div
      class="transaction-detail-item__row"
    >
      <h6
        class="mm-box mm-text mm-text--body-md mm-text--font-weight-bold mm-box--display-flex mm-box--flex-wrap-nowrap mm-box--align-items-center mm-box--color-text-default"
      >
        <div
          class="box box--display-flex box--flex-direction-row"
        >
          <div
            class="box box--margin-right-1 box--flex-direction-row"
          >
            Gas
          </div>
          <span
            class="gas-details-item-title__estimate"
          >
            (
            estimated
            )
          </span>
          <div
            class="info-tooltip"
            data-testid="info-tooltip"
          >
            <div>
              <div
                aria-describedby="tippy-tooltip-1"
                class="info-tooltip__tooltip-container"
                data-original-title="null"
                data-tooltipped=""
                style="display: inline;"
                tabindex="0"
              >
                <svg
                  viewBox="0 0 10 10"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <path
                    d="M5 0C2.2 0 0 2.2 0 5s2.2 5 5 5 5-2.2 5-5-2.2-5-5-5zm0 2c.4 0 .7.3.7.7s-.3.7-.7.7-.7-.2-.7-.6.3-.8.7-.8zm.7 6H4.3V4.3h1.5V8z"
                    fill="var(--color-icon-alternative)"
                  />
                </svg>
              </div>
            </div>
          </div>
        </div>
      </h6>
      <div
        class="transaction-detail-item__detail-values"
      >
        <h6
          class="mm-box mm-text mm-text--body-md mm-box--color-text-alternative"
        >
          <div
            class="gas-details-item__currency-container"
          >
            <div
              class="mm-box currency-display-component mm-box--display-flex mm-box--flex-wrap-wrap mm-box--align-items-center"
              title="0"
            >
              <span
                class="mm-box mm-text currency-display-component__text mm-text--inherit mm-text--ellipsis mm-box--color-text-default"
              >
                0
              </span>
            </div>
          </div>
        </h6>
        <h6
          class="mm-box mm-text mm-text--body-md mm-text--font-weight-bold mm-text--text-align-right mm-box--margin-left-1 mm-box--color-text-default"
        >
          <div
            class="gas-details-item__currency-container"
          >
            <div
              class="mm-box currency-display-component mm-box--display-flex mm-box--flex-wrap-wrap mm-box--align-items-center"
              title="0 ETH"
            >
              <span
                class="mm-box mm-text currency-display-component__text mm-text--inherit mm-text--ellipsis mm-box--color-text-default"
              >
                0
              </span>
              <span
                class="mm-box mm-text currency-display-component__suffix mm-text--inherit mm-box--margin-inline-start-1 mm-box--color-text-default"
              >
                ETH
              </span>
            </div>
          </div>
        </h6>
      </div>
    </div>
    <div
      class="transaction-detail-item__row"
    >
      <div>
        <h6
          class="box box--margin-top-1 box--margin-bottom-1 box--flex-direction-row typography gas-timing gas-timing--positive typography--h7 typography--weight-normal typography--style-normal typography--color-text-default"
        >
          Maybe in 1 seconds
        </h6>
      </div>
      <h6
        class="mm-box mm-text transaction-detail-item__row-subText mm-text--body-sm mm-text--text-align-end mm-box--color-text-alternative"
      >
        <div
          class="box gas-details-item__gasfee-label box--display-inline-flex box--flex-direction-row"
        >
          <div
            class="box box--margin-right-1 box--flex-direction-row"
          >
            <strong>
              Max fee:
            </strong>
          </div>
          <div
            class="gas-details-item__currency-container"
          >
            <div
              class="mm-box currency-display-component mm-box--display-flex mm-box--flex-wrap-wrap mm-box--align-items-center"
              title="0 ETH"
            >
              <span
                class="mm-box mm-text currency-display-component__text mm-text--inherit mm-text--ellipsis mm-box--color-text-default"
              >
                0
              </span>
              <span
                class="mm-box mm-text currency-display-component__suffix mm-text--inherit mm-box--margin-inline-start-1 mm-box--color-text-default"
              >
                ETH
              </span>
            </div>
          </div>
        </div>
      </h6>
    </div>
  </div>
</div>
`;