From 84d5b7a3d3ad238f40b6b6fd6545d8308829e048 Mon Sep 17 00:00:00 2001
From: marlon passos <marlonpassos@agenciam3.com>
Date: Wed, 29 Mar 2023 13:53:39 -0300
Subject: [PATCH] feat: test id dos restos que faltavam

---
 .../footer-top/Rede-social/Icon/Icon.tsx      | 14 +++++++------
 .../footer-top/Rede-social/RedeSociais.tsx    | 20 ++++++++++++++++---
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/components/footer/footer-top/Rede-social/Icon/Icon.tsx b/src/components/footer/footer-top/Rede-social/Icon/Icon.tsx
index 47af8d8..8e31d1c 100644
--- a/src/components/footer/footer-top/Rede-social/Icon/Icon.tsx
+++ b/src/components/footer/footer-top/Rede-social/Icon/Icon.tsx
@@ -6,15 +6,17 @@ interface IconProps {
   img: string;
   text: string;
   href: string;
+  testId?: string;
 }
 
-const Icon = (props: IconProps) => {
-  const { img, text, href } = props;
-  return (
+const Icon = ({ img, text, href, testId }: IconProps) => (
     <a href={href} target="_blank" className={styles["icon"]} rel="noreferrer">
-      <img src={img} alt={text} />
+      <img
+        src={img}
+        alt={text}
+        data-testid={testId}
+      />
     </a>
-  );
-};
+)
 
 export { Icon };
diff --git a/src/components/footer/footer-top/Rede-social/RedeSociais.tsx b/src/components/footer/footer-top/Rede-social/RedeSociais.tsx
index 1d54f5c..9003955 100644
--- a/src/components/footer/footer-top/Rede-social/RedeSociais.tsx
+++ b/src/components/footer/footer-top/Rede-social/RedeSociais.tsx
@@ -12,31 +12,45 @@ import styles from "../../footer.module.scss";
 
 const RedeSociais = () => {
   return (
-    <div className={styles["page-footer__rede-sociais"]}>
-      <div className={styles["page-footer__rede-sociais-icons"]}>
+    <div
+      className={styles["page-footer__rede-sociais"]}
+      data-testid="footer__socialContainer"
+    >
+      <div
+        data-testid="footer__socialIcons" 
+        className={styles["page-footer__rede-sociais-icons"]}>
         <Icon
           img={facebook}
           href="https://pt-br.facebook.com/digitalm3/"
           text="icone facebook"
+          testId="footer__socialIcon"
         />
         <Icon
           img={instagram}
           href="https://www.instagram.com/m3.ecommerce/"
           text="icone instagram"
+          testId="footer__socialIcon"
         />
         <Icon img={twitter} href="https://twitter.com/" text="icone facebook" />
         <Icon
           img={youtube}
           href="https://www.youtube.com/channel/UCW4o86gZG_ceA8CmHltXeXA"
           text="icone youtube"
+          testId="footer__socialIcon"
         />
         <Icon
           img={linkedin}
           href="https://www.linkedin.com/company/11412599/"
           text="icone linkedin"
+          testId="footer__socialIcon"
         />
       </div>
-      <Link className={styles["link"]} link="/" text="www.loremipsum.com" />
+      <Link
+        className={styles["link"]}
+        link="/"
+        text="www.loremipsum.com"
+        testId="footer__socialSite"
+      />
     </div>
   );
 };