fix(Simulator/screens/Success): set font size for icons

Author: TylerAPfledderer

src/components/Simulator/screens/SendReceive/Success.tsx

@@ -11,7 +11,7 @@ import { getMaxFractionDigitsUsd } from "../../utils"
 import { WalletHome } from "../../WalletHome"
 import type { TokenBalance } from "../../WalletHome/interfaces"
 
-const ICON_SIZE = "size-4.5rem"
+const ICON_SIZE = "text-[4.5rem]"
 
 type SuccessProps = {
   tokenBalances: Array<TokenBalance>
@@ -100,6 +100,7 @@ export const Success = ({
                   initial={{ scale: 0 }}
                   animate={{ scale: 1 }}
                   transition={{ type: "spring", delay: 0.25 }}
+                  data-testid="success-icon"
                 >
                   <PiCheckThin className={cn(ICON_SIZE, "-rotate-[10deg]")} />
                 </motion.div>
@@ -108,7 +109,7 @@ export const Success = ({
                 {txPending ? (
                   "Sending transaction"
                 ) : (
-                  <span data-testid="success-message">
+                  <span>
                     You sent{" "}
                     <strong>
                       <>{sentEthValue} ETH</>

src/components/Simulator/screens/SendReceive/__stories__/SendReceive.stories.tsx

@@ -107,8 +107,18 @@ export const Success: Story = {
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement)
 
-    await waitFor(async () => {
-      expect(canvas.getByTestId("success-message")).toBeInTheDocument()
-    })
+    await waitFor(
+      async () => {
+        const successIcon = canvas.getByTestId("success-icon")
+        console.log("🚀 ~ successIcon:", successIcon)
+        await expect(successIcon).toBeInTheDocument()
+        await expect(successIcon).toHaveStyle({
+          transform: "none",
+        })
+      },
+      {
+        timeout: 10000,
+      }
+    )
   },
 }