jornada-ui 0.4.19 → 0.4.20

package/src/components/user-profile/index.tsx

@@ -35,8 +35,8 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
   } = props;
   return (
     <Box
-      ref={ref}
       testID={testID}
+      ref={ref}
       width={width ?? "100%"}
       height={height ?? 260}
       backgroundColor={backgroundColor ?? theme.colors.blue[100]}
@@ -92,6 +92,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
           }}
         >
           <Typography
+            testID={`${testID}-nome-label`}
             text={"Olá, "}
             color={color?.colorText ?? theme.colors.neutral[25]}
             size={theme.fontSizes.md}
@@ -101,6 +102,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
           />
 
           <Typography
+            testID={`${testID}-nome`}
             text={nome}
             color={color?.colorText ?? theme.colors.neutral[25]}
             size={theme.fontSizes.sm}
@@ -120,6 +122,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
           }}
         >
           <Typography
+            testID={`${testID}-cpf-label`}
             text={"CPF: "}
             color={color?.colorText ?? theme.colors.neutral[25]}
             size={theme.fontSizes.md}
@@ -129,6 +132,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
           />
 
           <Typography
+            testID={`${testID}-cpf`}
             text={cpf}
             color={color?.colorText ?? theme.colors.neutral[25]}
             size={theme.fontSizes.sm}
@@ -137,6 +141,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
             letterSpacing={"regular"}
           />
         </Box>
+
         <Box
           width={"100%"}
           height={30}
@@ -148,6 +153,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
           }}
         >
           <Typography
+            testID={`${testID}-bluetooth-label`}
             text={"CONECTADO: "}
             color={color?.colorText ?? theme.colors.neutral[25]}
             size={theme.fontSizes.xs}
@@ -157,6 +163,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
           />
 
           <Typography
+            testID={`${testID}-bluetooth`}
             text={bluetoothIsConnected ? placa_cavalo : ""}
             color={theme.colors.green[400]}
             size={theme.fontSizes.xs}
@@ -188,6 +195,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
           }}
         >
           <Typography
+            testID={`${testID}-version-label`}
             text={"Versão: "}
             color={color?.colorText ?? theme.colors.neutral[25]}
             size={theme.fontSizes.xs}
@@ -197,6 +205,7 @@ const UserProfile = forwardRef<any, IUserProfile>((props, ref): React.ReactEleme
           />
 
           <Typography
+            testID={`${testID}-version`}
             text={app_version}
             color={color?.colorText ?? theme.colors.neutral[25]}
             size={theme.fontSizes.xs}

package/src/components/weekly-hours-balance/index.tsx

@@ -20,7 +20,7 @@ import { asBaseComponent } from "../../@types/as-base-component";
 
 const WeeklyHoursBalance = forwardRef<any, IWeeklyHoursBalance>(
   (props, ref): React.ReactElement => {
-    const { backgroundColor, valor } = props;
+    const { testID, backgroundColor, valor } = props;
 
     const [mostrarValor, setMostrarValor] = useState(true);
 
@@ -30,6 +30,7 @@ const WeeklyHoursBalance = forwardRef<any, IWeeklyHoursBalance>(
 
     return (
       <Box
+        testID={testID}
         ref={ref}
         width={"100%"}
         backgroundColor={theme.colors.neutral[25]}