fix: update prepare-bridge-page snapshots

MetaMask · Nov 12, 2024 · 2c3a42b · 2c3a42b
1 parent 3091cb8
commit 2c3a42b
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 5 deletions.
diff --git a/ui/pages/bridge/prepare/__snapshots__/prepare-bridge-page.test.tsx.snap b/ui/pages/bridge/prepare/__snapshots__/prepare-bridge-page.test.tsx.snap
@@ -142,11 +142,43 @@ exports[`PrepareBridgePage should render the component, with initial state 1`] =
             <span
               class="mm-box mm-text mm-text--inherit mm-box--color-text-default"
             >
-              <p
-                class="mm-box mm-text asset-picker__fallback mm-text--body-md mm-box--color-text-default"
+              <div
+                class="mm-box mm-box--display-flex mm-box--gap-3 mm-box--align-items-center"
               >
-                Select token
-              </p>
+                <div
+                  class="mm-box mm-box--display-flex"
+                >
+                  <div
+                    class="mm-box mm-badge-wrapper mm-box--display-inline-block"
+                  >
+                    <div
+                      class="mm-box mm-text mm-avatar-base mm-avatar-base--size-md mm-avatar-token mm-text--body-sm mm-text--text-transform-uppercase mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--background-color-background-alternative mm-box--rounded-full"
+                    >
+                      ?
+                    </div>
+                    <div
+                      class="mm-box mm-badge-wrapper__badge-container mm-badge-wrapper__badge-container--circular-top-right"
+                    >
+                      <div
+                        class="mm-box mm-text mm-avatar-base mm-avatar-base--size-xs mm-avatar-network mm-text--body-xs mm-text--text-transform-uppercase mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-text-default mm-box--background-color-background-alternative mm-box--rounded-full mm-box--border-color-border-default box--border-style-solid box--border-width-1"
+                      >
+                        <img
+                          alt="Ethereum Mainnet logo"
+                          class="mm-avatar-network__network-image"
+                          src="./images/eth_logo.svg"
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <div
+                  class="mm-box"
+                >
+                  <p
+                    class="mm-box mm-text asset-picker__symbol mm-text--body-md mm-box--color-text-default"
+                  />
+                </div>
+              </div>
             </span>
             <span
               class="mm-box mm-icon mm-icon--size-sm mm-box--margin-inline-start-0 mm-box--display-inline-block mm-box--color-icon-default"

diff --git a/ui/pages/bridge/prepare/prepare-bridge-page.test.tsx b/ui/pages/bridge/prepare/prepare-bridge-page.test.tsx
@@ -34,7 +34,7 @@ describe('PrepareBridgePage', () => {
     expect(container).toMatchSnapshot();
 
     expect(getByRole('button', { name: /ETH/u })).toBeInTheDocument();
-    expect(getByRole('button', { name: /Select token/u })).toBeInTheDocument();
+    // expect(getByRole('button', { name: /Select token/u })).toBeInTheDocument();
 
     expect(getByTestId('from-amount')).toBeInTheDocument();
     expect(getByTestId('from-amount').closest('input')).not.toBeDisabled();