Header tests frontend

frontend/.gitignore

@@ -12,6 +12,7 @@ dist
 dist-ssr
 *.local
 coverage
+screenshots
 .env
 
 # Editor directories and files

frontend/cypress/e2e/Header.cy.tsx

@@ -0,0 +1,31 @@
+describe("Header look not logged in", () => {
+  it("App name in header", () => {
+    cy.visit("/");
+    cy.get("header").contains("Peristerónas");
+  });
+  it("Login in header", () => {
+    cy.visit("/");
+    cy.get("header").contains("Login");
+  });
+  it("Language in header", () => {
+    cy.visit("/");
+    cy.get("header").contains("en");
+  });
+});
+
+describe("Header functionality not logged in", () => {
+  it("Header Login", () => {
+    cy.visit("/");
+    cy.contains("Login")
+      .should("be.visible")
+      .should("have.attr", "href")
+      .and("include", "login.microsoftonline.com");
+  });
+
+  it("Header change language en -> nl", () => {
+    cy.visit("/");
+    cy.contains("en").should("be.visible").click();
+    cy.contains("Nederlands").should("be.visible").click();
+    cy.contains("nl").should("be.visible");
+  });
+});

frontend/cypress/e2e/HomePageTests.cy.tsx

@@ -0,0 +1,20 @@
+describe("Homepage functionality not logged in ", () => {
+  it("Header Visible", () => {
+    cy.visit("/");
+    cy.contains("Peristerónas");
+    cy.get("header").should("be.visible");
+  });
+
+  it("Center button Login", () => {
+    cy.visit("/");
+    cy.contains("Peristerónas");
+    cy.contains(
+      "Welcome to Peristerónas, the online submission platform of UGent"
+    )
+      .parent()
+      .contains("Login")
+      .should("be.visible")
+      .should("have.attr", "href")
+      .and("include", "login.microsoftonline.com");
+  });
+});

frontend/package.json

@@ -41,6 +41,7 @@
     "styled-components": "^6.1.8"
   },
   "devDependencies": {
+    "@testing-library/react": "^15.0.7",
     "@types/downloadjs": "^1.4.6",
     "@types/history": "^4.7.11",
     "@types/react": "^18.2.55",

frontend/tests/unit/header.test.tsx

@@ -1,3 +1,6 @@
-import { test } from "vitest";
+import { describe, test } from "vitest";
+//import { render } from "@testing-library/react";
 
-test.todo("Header test");
+describe("Header", () => {
+  test.todo("Header test");
+});

frontend/tests/utils/me-fixture.ts

@@ -0,0 +1,5 @@
+export default {
+  uid: "TestUID",
+  role: "STUDENT",
+  display_name: "Terry Tester",
+};