scroll buttons fixed

cypress/component/scroll.cy.tsx

@@ -0,0 +1,15 @@
+import ScrollToTopButton from "@/components/ScrollToTopButton";
+
+describe("Scroll to top button", () => {
+  it("desktop scroll button clickable", () => {
+    cy.viewport("macbook-15");
+    cy.mount(<ScrollToTopButton isLgScreen={true} />);
+    cy.get("[data-cy='scroll-to-top-button']").should("exist").click();
+  });
+
+  it("mobile scroll button clickable", () => {
+    cy.viewport(600, 600);
+    cy.mount(<ScrollToTopButton isLgScreen={false} />);
+    cy.get("[data-cy='scroll-to-top-button']").should("exist").click();
+  });
+});

cypress/component/themeToggle.cy.tsx

@@ -1,13 +1,10 @@
 import React from "react";
 import ThemeSwitcher from "../../components/ThemeSwitcher";
-import Home from "@/app/page";
 import "@/css/theme-toggle.css";
 
 describe("ThemeSwitcher component", () => {
   it("should toggle between light and dark mode", () => {
-    cy.mount(<Home />);
     cy.mount(<ThemeSwitcher />);
-    cy.wait(100);
 
     // checking that the toggle is there and light mode is active
     cy.get("[data-cy='toggle']").should("exist");

cypress/e2e/scroll.cy.tsx

@@ -0,0 +1,26 @@
+describe("Scroll to top button", () => {
+  beforeEach(() => {
+    cy.visit("/tournois");
+  });
+
+  it("desktop scroll to top", () => {
+    cy.viewport(1024, 800);
+    cy.get("[data-cy='tournament-table-div']").scrollTo("bottom");
+    cy.get("[data-cy='scroll-to-top-button']").click();
+    // cy.get("[data-cy='tournament-table-div']")
+    //   .invoke("scrollTop")
+    //   .should("equal", 0);
+    //   cy.get("[data-cy='tournament-table-div']")
+    //     .its("scrollY")
+    //     .should("not.equal", 0);
+    // TODO need to test element scrolls back to 0
+  });
+
+  it("mobile scroll to top", () => {
+    cy.viewport(600, 600);
+    cy.scrollTo("bottom");
+    cy.window().its("scrollY").should("not.equal", 0);
+    cy.get("[data-cy='scroll-to-top-button']").click();
+    cy.window().its("scrollY").should("equal", 0);
+  });
+});