cambio loader component

wizelineacademy · Jun 14, 2024 · 495812a · 495812a
1 parent d0c2be6
commit 495812a
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/components/Loader.tsx b/components/Loader.tsx
@@ -2,15 +2,23 @@ import "@/public/Loader.css";
 
 const Loader = () => {
   return (
-    <section className="m-auto flex h-full w-full flex-col items-center justify-center">
-      <div className="container">
-        <div className="box" />
-        <div className="box" />
-        <div className="box" />
-        <div className="box" />
-        <div className="box" />
+    <section
+      data-testid="loader-section"
+      className="m-auto flex h-full w-full flex-col items-center justify-center"
+    >
+      <div className="container" data-testid="loader-container">
+        <div className="box" data-testid="loader-box" />
+        <div className="box" data-testid="loader-box" />
+        <div className="box" data-testid="loader-box" />
+        <div className="box" data-testid="loader-box" />
+        <div className="box" data-testid="loader-box" />
       </div>
-      <p className="mt-4 text-xl font-medium text-primary">Cargando...</p>
+      <p
+        data-testid="loader-text"
+        className="mt-4 text-xl font-medium text-primary"
+      >
+        Cargando...
+      </p>
     </section>
   );
 };