NEX-127: Fix cypress tests

Author: vermario

next/cypress/e2e/template.cy.ts

@@ -2,40 +2,40 @@
 
 describe("Frontend test for Login and Sending Message", () => {
   it("Logs in and is able to fill the webform", () => {
-    cy.visit("https://frontend.lndo.site/auth/login?callbackUrl=%2Fen%2F");
-    cy.get("input#username").type("testuser1");
-    cy.get("input#password").type("test").type("{enter}");
+    cy.visit("https://frontend.lndo.site/auth/login?callbackUrl=%2F");
+    cy.get('input[name="username"]').type("testuser1");
+    cy.get('input[name="password"]').type("test").type("{enter}");
     cy.wait(3000);
-    cy.get("input#name").type("Mario");
-    cy.get("input#email").type("[email protected]");
-    cy.get("textarea#message").type("hello hello!");
-    cy.get("input#subject").type("cypress testing 101").type("{enter}");
+    cy.get('input[name="name"]').type("Mario");
+    cy.get('input[name="email"]').type("[email protected]");
+    cy.get('textarea[name="message"]').type("hello from Cypress!");
+    cy.get('input[name="subject"]').type("cypress testing 101").type("{enter}");
     cy.wait(1000);
   });
 });
 
-// describe("Frontend Test for Search Functionality", () => {
-//   it("Opens the page, performs search, and verifies search results", () => {
-//     // Navigating to the main page and clicking on Search button
-//     cy.visit("https://frontend.lndo.site");
-//     cy.get('a[href="/search"]').click();
-//     cy.wait(500);
-//     // Searching for string "Drupal"
-//     cy.get("[data-transaction-name='search input']").type("Drupal");
-//     cy.get("[data-transaction-name='search submit']").click();
-//     // Waiting for the search results to load
-//     cy.wait(1000);
-//     // Verifying results
-//     cy.get(".sui-results-container").should("be.visible");
-//     cy.contains("Drupal and Next.js can be used together").should("be.visible");
-//   });
-// });
+describe("Frontend Test for Search Functionality", () => {
+  it("Opens the page, performs search, and verifies search results", () => {
+    // Navigating to the main page and clicking on Search button
+    cy.visit("https://frontend.lndo.site/search");
+    cy.wait(1000);
+    // Searching for an article:
+    cy.get("input[type=search]").type("Example article");
+    // Waiting for the search results to load
+    cy.wait(1000);
+    // Verifying results
+    cy.get(".ais-Hits-item").should("be.visible");
+    cy.contains("Example Article: A Step-by-Step Guide to [Topic]").should(
+      "be.visible",
+    );
+  });
+});
 
 describe("Frontend Test for Language Switching", () => {
   it("Opens the page, switches language and verifies it", () => {
     // Navigating to the main page and clicking on Language button
     cy.visit("https://frontend.lndo.site");
-    cy.contains("English").click({ force: true });
+    cy.get('[data-language-name="English"]').click({ force: true });
     cy.wait(500);
     // Clicking through the language options and checking translations
     cy.contains("Suomi").click({ force: true });

next/src/components/header/language-switcher.tsx

@@ -21,10 +21,15 @@ export function LanguageSwitcher() {
   const activeLocale = useLocale();
   const params = useParams();
 
+  console.log(languageLinks[activeLocale]);
+
   return (
     <DropdownMenu>
       <span className="sr-only">{t("language-switcher")}</span>
-      <DropdownMenuTrigger asChild>
+      <DropdownMenuTrigger
+        asChild
+        data-language-name={languageLinks[activeLocale].name}
+      >
         <div className="capitalize cursor-pointer hover:underline">
           <span className="sr-only sm:not-sr-only sm:mr-2 sm:inline">
             {languageLinks[activeLocale].name}