jornada-ui 0.4.18 → 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]}

package/src/index.tsx

@@ -27,24 +27,24 @@ export { default as WeeklyTable } from "./components/weekly-table";
 export { default as CardMaintenance } from "./components/card-maintenance";
 export { default as ModalMaintenance } from "./components/modal-maintenance";
 export { default as LoadingCircle } from "./components/loading-circle";
-export { default as ConfirmWithdrawModal } from "./components/confirm-withdraw-modal";
 export { default as MonthlySummaryTable } from "./components/monthly-summary-table";
 export { default as CardWithDrawCoil } from "./components/card-with-draw-coil";
 export { default as CoilRemovalCode } from "./components/coil-removel-code";
 export { default as SupplyErrorCard } from "./components/supply-error-card";
 export { default as MaintenanceDescriptionInput } from "./components/maintenance-description-input";
 export { default as TripDetailsCard } from "./components/trip-details-card";
-export { default as TruckNotFound } from "./components/truck-not-found";
 export { default as TravelHistory } from "./components/travel-history";
-export { default as BottomMessageConexion } from "./components/bottom-message-conexion";
+export { default as TruckNotFound } from "./components/truck-not-found";
 export { default as ToastMessage } from "./components/toast-message";
-export { default as ModalTypeActivities } from "./components/modal-type-activities";
+export { default as BottomMessageConexion } from "./components/bottom-message-conexion";
 export { default as ResumeRaking } from "./components/resume-raking";
 export { default as ListSupplies } from "./components/list-supplies";
 export { default as ListDevices } from "./components/list-devices";
+export { default as ModalTypeActivities } from "./components/modal-type-activities";
 export { default as ModalActivityReason } from "./components/modals/modal-activity-reason";
 export { default as ModalJourneyRectification } from "./components/modals/modal-edite-journey-rectification";
 export { default as ModalCreteActivitie } from "./components/modals/modal-create-activitie";
+export { default as ConfirmWithdrawModal } from "./components/confirm-withdraw-modal";
 export { default as ModalToConfirmations } from "./components/modals/modal-to-confimations";
 export { default as ActivityTimeline } from "./components/activity-step";
 export { default as NotificationCard } from "./components/notification-card";