test: Hasiera orriko testak osatzen ditu

e2e/cypress/integration/hasiera.spec.ts

@@ -2,6 +2,37 @@ describe("Hasiera", () => {
   it("hasiera orria erakusten du", () => {
     cy.visit("/");
 
-    cy.findByText(/laba gara/i);
+    cy.findByRole("heading", { name: /laba gara/i });
+  });
+
+  it("Twitter-era bideratzen du", () => {
+    cy.intercept("https://www.instagram.com/labasarea/", {
+      statusCode: 200,
+      body: "<h1>Kanpoko web orria</h1>",
+    });
+
+    cy.visit("/");
+    cy.findByRole("link", { name: /laba twitterren/i }).click();
+
+    cy.url().should("eq", "https://twitter.com/labasarea/");
+  });
+
+  it("Instagram-era bideratzen du", () => {
+    cy.intercept("https://www.instagram.com/labasarea/", {
+      statusCode: 200,
+      body: "<h1>Kanpoko web orria</h1>",
+    });
+
+    cy.visit("/");
+    cy.findByRole("link", { name: /laba instagramen/i }).click();
+
+    cy.url().should("eq", "https://www.instagram.com/labasarea/");
+  });
+
+  it("kafetegira bideratzen du", () => {
+    cy.visit("/");
+    cy.findByRole("link", { name: /dastatu laba/i }).click();
+
+    cy.location("pathname").should("include", "/kafetegia");
   });
 });

front/src/components/Gainburua/KontaktuDatuak.tsx

@@ -22,14 +22,22 @@ export const KontaktuDatuak: React.FC = () => {
 
       <SareSozialak>
         <SareSoziala>
-          <a href="https://twitter.com/labasarea/">
+          <a
-            <Twitter tabIndex="0" role="link" title="Laba Twitterren" />
+            tabIndex={0}
+            aria-label="Laba Twitterren"
+            href="https://twitter.com/labasarea/"
+          >
+            <Twitter aria-role="link" title="Laba Twitterren" />
           </a>
         </SareSoziala>
 
         <SareSoziala>
-          <a href="https://www.instagram.com/labasarea/">
+          <a
-            <Instagram tabIndex="0" role="link" title="Laba Instagramen" />
+            tabIndex={0}
+            aria-label="Laba Instagramen"
+            href="https://www.instagram.com/labasarea/"
+          >
+            <Instagram role="link" title="Laba Instagramen" />
           </a>
         </SareSoziala>
       </SareSozialak>

front/src/components/Gainburua/MugikorNabigazioa.tsx

@@ -127,14 +127,22 @@ const KontaktuDatuak: React.FC = () => {
 
       <SareSozialak>
         <SareSoziala>
-          <a href="https://twitter.com/labasarea/">
+          <a
-            <Twitter tabIndex="0" role="link" title="Laba Twitterren" />
+            tabIndex={0}
+            aria-label="Laba Twitterren"
+            href="https://twitter.com/labasarea/"
+          >
+            <Twitter aria-role="link" title="Laba Twitterren" />
           </a>
         </SareSoziala>
 
         <SareSoziala>
-          <a href="https://www.instagram.com/labasarea/">
+          <a
-            <Instagram tabIndex="0" role="link" title="Laba Instagramen" />
+            tabIndex={0}
+            aria-label="Laba Instagramen"
+            href="https://www.instagram.com/labasarea/"
+          >
+            <Instagram role="link" title="Laba Instagramen" />
           </a>
         </SareSoziala>
       </SareSozialak>