From 8d238f7face36d3e3716f8be55848882f224914a Mon Sep 17 00:00:00 2001
From: mike10ca <michael@safe.global>
Date: Wed, 15 Nov 2023 10:14:18 +0100
Subject: [PATCH] Add seedless google flow happy path tests

---
 src/components/common/SocialSigner/index.tsx  |  6 ++++--
 .../create/steps/ReviewStep/index.tsx         | 19 ++++++++++++++++---
 .../safe-apps/SafeAppsInfoModal/index.tsx     |  3 ++-
 3 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/src/components/common/SocialSigner/index.tsx b/src/components/common/SocialSigner/index.tsx
index 92423b186c..dbc62649bb 100644
--- a/src/components/common/SocialSigner/index.tsx
+++ b/src/components/common/SocialSigner/index.tsx
@@ -112,7 +112,8 @@ export const SocialSigner = ({
       <Box display="flex" flexDirection="column" gap={2} sx={{ width: '100%' }}>
         {isSocialLogin && userInfo ? (
           <Track {...CREATE_SAFE_EVENTS.CONTINUE_TO_CREATION}>
-            <Button data-testid="signed-in-account-btn"
+            <Button
+              data-testid="signed-in-account-btn"
               variant="outlined"
               sx={{ px: 2, py: 1, borderWidth: '1px !important' }}
               onClick={onLogin}
@@ -146,7 +147,8 @@ export const SocialSigner = ({
           </Track>
         ) : (
           <Track {...MPC_WALLET_EVENTS.CONNECT_GOOGLE} label={isWelcomePage ? 'welcomePage' : 'navBar'}>
-            <Button data-testid="google-connect-btn"
+            <Button
+              data-testid="google-connect-btn"
               variant="outlined"
               onClick={login}
               size="small"
diff --git a/src/components/new-safe/create/steps/ReviewStep/index.tsx b/src/components/new-safe/create/steps/ReviewStep/index.tsx
index e8a82de65a..febd0bbdbd 100644
--- a/src/components/new-safe/create/steps/ReviewStep/index.tsx
+++ b/src/components/new-safe/create/steps/ReviewStep/index.tsx
@@ -71,7 +71,8 @@ export const NetworkFee = ({
         <Typography fontWeight="bold">Free</Typography>
         <Typography variant="body2">
           Your account is sponsored by
-          <Image data-testid="sponsor-icon"
+          <Image
+            data-testid="sponsor-icon"
             src={SPONSOR_LOGOS[chain?.chainId || '']}
             alt={chain?.chainName || ''}
             width={16}
@@ -248,10 +249,22 @@ const ReviewStep = ({ data, onSubmit, onBack, setStep }: StepRenderProps<NewSafe
 
       <Box className={layoutCss.row}>
         <Box display="flex" flexDirection="row" justifyContent="space-between" gap={3}>
-          <Button data-testid="review-step-back-btn" variant="outlined" size="small" onClick={handleBack} startIcon={<ArrowBackIcon fontSize="small" />}>
+          <Button
+            data-testid="review-step-back-btn"
+            variant="outlined"
+            size="small"
+            onClick={handleBack}
+            startIcon={<ArrowBackIcon fontSize="small" />}
+          >
             Back
           </Button>
-          <Button data-testid="review-step-next-btn" onClick={createSafe} variant="contained" size="stretched" disabled={isDisabled}>
+          <Button
+            data-testid="review-step-next-btn"
+            onClick={createSafe}
+            variant="contained"
+            size="stretched"
+            disabled={isDisabled}
+          >
             Next
           </Button>
         </Box>
diff --git a/src/components/safe-apps/SafeAppsInfoModal/index.tsx b/src/components/safe-apps/SafeAppsInfoModal/index.tsx
index d28c60c4bc..924c2597fc 100644
--- a/src/components/safe-apps/SafeAppsInfoModal/index.tsx
+++ b/src/components/safe-apps/SafeAppsInfoModal/index.tsx
@@ -111,7 +111,8 @@ const SafeAppsInfoModal = ({
 
   return (
     <Box display="flex" alignItems="center" justifyContent="center" flexDirection="column" height="calc(100vh - 52px)">
-      <Box data-testid="app-info-modal"
+      <Box
+        data-testid="app-info-modal"
         sx={({ palette }) => ({
           width: '450px',
           backgroundColor: palette.background.paper,