From cb09072bc03253221224daca375cc1f180dacd15 Mon Sep 17 00:00:00 2001
From: marlon passos <marlonpassos@agenciam3.com>
Date: Wed, 29 Mar 2023 13:40:29 -0300
Subject: [PATCH] feat: test id da m3 a vtex

---
 .../footer/footer-bottom/autores/autores.tsx  | 30 ++++++++++++++-----
 1 file changed, 23 insertions(+), 7 deletions(-)

diff --git a/src/components/footer/footer-bottom/autores/autores.tsx b/src/components/footer/footer-bottom/autores/autores.tsx
index cc1ab08..12b2aa1 100644
--- a/src/components/footer/footer-bottom/autores/autores.tsx
+++ b/src/components/footer/footer-bottom/autores/autores.tsx
@@ -10,15 +10,31 @@ import styles from "../../footer.module.scss";
 const Autores = () => {
   return (
     <section className={styles["page-footer__footer-autores"]}>
-      <Text className={styles["page-footer__footer-text"]} text="Powered by" />
-      <Img className={styles["autores-img"]} img={Vtex} text="vtex" />
-      <Text
-        className={styles["page-footer__footer-text"]}
-        text="Developed by"
-      />
-      <Img className={styles["autores-img"]} img={M3} text="M3" />
+      <PoweredBy />
+      <DevelopedBy />
     </section>
   );
 };
 
 export { Autores };
+
+export const PoweredBy = () => (
+  <div
+    data-testid="footer__vtex"
+  >
+    <Text className={styles["page-footer__footer-text"]} text="Powered by" />
+    <Img className={styles["autores-img"]} img={Vtex} text="vtex" />
+  </div>
+)
+
+export const DevelopedBy = () => (
+  <div
+    data-testid="footer__m3"
+  >
+  <Text
+        className={styles["page-footer__footer-text"]}
+        text="Developed by"
+      />
+      <Img className={styles["autores-img"]} img={M3} text="M3" />
+</div>
+)
\ No newline at end of file