Add seedless google flow happy path tests

safe-global · Nov 15, 2023 · 8d238f7 · 8d238f7
1 parent 9c71142
commit 8d238f7
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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,