From a6928fecedb777af8588314f9d337925770cd403 Mon Sep 17 00:00:00 2001
From: Aitor Urrutia Aranburu <aitorcurrutia@gmail.com>
Date: Wed, 18 May 2022 20:38:19 +0200
Subject: [PATCH] test: Hasiera orriko testak osatzen ditu

---
 e2e/cypress/integration/hasiera.spec.ts       | 33 ++++++++++++++++++-
 .../components/Gainburua/KontaktuDatuak.tsx   | 16 ++++++---
 .../Gainburua/MugikorNabigazioa.tsx           | 16 ++++++---
 3 files changed, 56 insertions(+), 9 deletions(-)

diff --git a/e2e/cypress/integration/hasiera.spec.ts b/e2e/cypress/integration/hasiera.spec.ts
index d8231e8..4185797 100644
--- a/e2e/cypress/integration/hasiera.spec.ts
+++ b/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");
   });
 });
diff --git a/front/src/components/Gainburua/KontaktuDatuak.tsx b/front/src/components/Gainburua/KontaktuDatuak.tsx
index 8ca873f..73f4181 100644
--- a/front/src/components/Gainburua/KontaktuDatuak.tsx
+++ b/front/src/components/Gainburua/KontaktuDatuak.tsx
@@ -22,14 +22,22 @@ export const KontaktuDatuak: React.FC = () => {
 
       <SareSozialak>
         <SareSoziala>
-          <a href="https://twitter.com/labasarea/">
-            <Twitter tabIndex="0" role="link" title="Laba Twitterren" />
+          <a
+            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/">
-            <Instagram tabIndex="0" role="link" title="Laba Instagramen" />
+          <a
+            tabIndex={0}
+            aria-label="Laba Instagramen"
+            href="https://www.instagram.com/labasarea/"
+          >
+            <Instagram role="link" title="Laba Instagramen" />
           </a>
         </SareSoziala>
       </SareSozialak>
diff --git a/front/src/components/Gainburua/MugikorNabigazioa.tsx b/front/src/components/Gainburua/MugikorNabigazioa.tsx
index b2bdfba..507d388 100644
--- a/front/src/components/Gainburua/MugikorNabigazioa.tsx
+++ b/front/src/components/Gainburua/MugikorNabigazioa.tsx
@@ -127,14 +127,22 @@ const KontaktuDatuak: React.FC = () => {
 
       <SareSozialak>
         <SareSoziala>
-          <a href="https://twitter.com/labasarea/">
-            <Twitter tabIndex="0" role="link" title="Laba Twitterren" />
+          <a
+            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/">
-            <Instagram tabIndex="0" role="link" title="Laba Instagramen" />
+          <a
+            tabIndex={0}
+            aria-label="Laba Instagramen"
+            href="https://www.instagram.com/labasarea/"
+          >
+            <Instagram role="link" title="Laba Instagramen" />
           </a>
         </SareSoziala>
       </SareSozialak>