chore: fix cypress tes

Author: ayonious

cypress/e2e/basic_tests.cy.ts

@@ -1,6 +1,6 @@
 describe("Integration Tests", () => {
   beforeEach(() => {
-    cy.visit("http://localhost:3000");
+    cy.visit("/");
   });
 
   it("Home page is loaded", () => {
@@ -31,9 +31,13 @@ describe("Integration Tests", () => {
     // homepage get started button clicked
     cy.contains("GET STARTED").click();
 
-    // show default docs page
-    cy.contains("Quick Start").click();
+    // Navigate through the sidebar link. The page title is "Quick Start",
+    // but the docs page also has footer links with the same text.
+    cy.get(".theme-doc-sidebar-container")
+      .contains("a", "CLI Quick Start")
+      .click();
 
+    cy.url().should("include", "/docs/doc-cli-install-quick-start");
     cy.contains("Detailed usage");
   });
-}); 
+});

cypress/e2e/image_tests.cy.ts

@@ -55,7 +55,7 @@ describe("Documentation Page Images", () => {
       }).as('imageRequestCounter');
 
       // Visit the page and wait for it to load
-      cy.visit(`http://localhost:3000${page.url}`, {
+      cy.visit(page.url, {
         timeout: 10000,
         retryOnStatusCodeFailure: true
       });
@@ -108,14 +108,14 @@ describe("Documentation Page Images", () => {
   });
 
   it('should have proper alt text for all images', () => {
-    cy.visit(`http://localhost:3000/docs`, {
+    cy.visit("/docs", {
       timeout: 10000,
       retryOnStatusCodeFailure: true
     });
 
     cy.get('main', { timeout: 10000 }).should('be.visible');
 
-    cy.get('img').each(($img, index) => {
+    cy.get('.theme-doc-markdown img:visible').each(($img, index) => {
       const imgId = `img-alt-${index}`;
       cy.wrap($img).as(imgId);
 
@@ -126,14 +126,14 @@ describe("Documentation Page Images", () => {
   });
 
   it('should load images with correct dimensions', () => {
-    cy.visit(`http://localhost:3000/docs`, {
+    cy.visit("/docs", {
       timeout: 10000,
       retryOnStatusCodeFailure: true
     });
 
     cy.get('main', { timeout: 10000 }).should('be.visible');
 
-    cy.get('img').each(($img, index) => {
+    cy.get('.theme-doc-markdown img:visible').each(($img, index) => {
       const imgId = `img-dim-${index}`;
       cy.wrap($img).as(imgId);
 
@@ -152,4 +152,4 @@ describe("Documentation Page Images", () => {
       });
     });
   });
-}); 
+}); 

cypress/e2e/link_tests.cy.ts

@@ -5,7 +5,7 @@ interface SidebarLink {
 
 describe("Link Tests", () => {
   beforeEach(() => {
-    cy.visit("http://localhost:3000");
+    cy.visit("/");
   });
 
   describe("Navigation Links", () => {
@@ -22,27 +22,24 @@ describe("Link Tests", () => {
     });
 
     it("should have working footer links", () => {
-      // Test Learn section links
-      cy.contains("Quick Start").click();
-      cy.url().should("include", "/docs");
-      cy.go("back");
-
-      cy.contains("Getting Started With CLI").click();
-      cy.url().should("include", "/docs/doc-cli-install-quick-start");
-      cy.go("back");
-
-      // Test Decorate section links
-      cy.contains("Color").click();
-      cy.url().should("include", "/docs/doc-color");
-      cy.go("back");
+      const footerLinks: SidebarLink[] = [
+        { text: "Quick Start", url: "/docs" },
+        { text: "Getting Started With CLI", url: "/docs/doc-cli-install-quick-start" },
+        { text: "Color", url: "/docs/doc-color" },
+        { text: "Border", url: "/docs/doc-border-design" },
+        { text: "Alignment", url: "/docs/doc-alignment" },
+      ];
 
-      cy.contains("Border").click();
-      cy.url().should("include", "/docs/doc-border-design");
-      cy.go("back");
+      footerLinks.forEach((link: SidebarLink) => {
+        cy.visit("/");
+        cy.get("footer")
+          .contains("a", link.text)
+          .should("have.attr", "href")
+          .and("include", link.url);
 
-      cy.contains("Alignment").click();
-      cy.url().should("include", "/docs/doc-alignment");
-      cy.go("back");
+        cy.get("footer").contains("a", link.text).click();
+        cy.url().should("include", link.url);
+      });
     });
 
     it("should have working external links in footer", () => {
@@ -90,7 +87,7 @@ describe("Link Tests", () => {
       ];
 
       sidebarLinks.forEach((link: SidebarLink) => {
-        cy.contains(link.text).click();
+        cy.get(".theme-doc-sidebar-container").contains("a", link.text).click();
         cy.url().should("include", link.url);
         // Verify page content is loaded
         cy.get("main").should("exist");
@@ -120,4 +117,4 @@ describe("Link Tests", () => {
         .should("have.attr", "rel", "noopener noreferrer");
     });
   });
-}); 
+});

cypress/e2e/page_tests.cy.ts

@@ -104,13 +104,9 @@ describe("Testing Each Documentation Page", () => {
       title: "Typescript",
       headlines: ["You can easily import these in typescript"]
     },
-    {
-      title: "Quick Start",
-      headlines: ["Synopsis", "Installation", "Basic Example", "Detailed usage"]
-    },
     {
       title: "CLI Quick Start",
-      headlines: ["Installation", "Basic Example"]
+      headlines: ["Synopsis", "Installation", "Basic Example", "Detailed usage"]
     },
     {
       title: "Homebrew",
@@ -135,13 +131,13 @@ describe("Testing Each Documentation Page", () => {
 
   beforeEach(() => {
     // Go to docs page before each test
-    cy.visit("http://localhost:3000");
+    cy.visit("/");
     cy.contains("GET STARTED").click();
   });
 
   pages.forEach((page: PageTestInterface) => {
     it(`${page.title} page contains correct headlines`, () => {
-      cy.contains(page.title).click();
+      cy.get(".theme-doc-sidebar-container").contains("a", page.title).click();
 
       // Check each headline
       page.headlines.forEach((headline: string) => {
@@ -161,4 +157,4 @@ describe("Testing Each Documentation Page", () => {
       }
     });
   });
-}); 
+});

cypress/e2e/site_integrity_tests.cy.ts

@@ -4,7 +4,7 @@ interface MainPage {
 
 describe("Site Integrity Tests", () => {
   beforeEach(() => {
-    cy.visit("http://localhost:3000");
+    cy.visit("/");
   });
 
   describe("Basic Navigation", () => {
@@ -107,4 +107,4 @@ describe("Site Integrity Tests", () => {
       });
     });
   });
-}); 
+}); 

cypress/e2e/url_tests.cy.ts

@@ -140,13 +140,9 @@ describe("Testing Each Documentation Page", () => {
     }
   ];
 
-  beforeEach(() => {
-    cy.visit("http://localhost:3000");
-  });
-
   pages.forEach((page: PageTest) => {
     it(`${page.title} page contains correct headlines`, () => {
-      cy.visit(`http://localhost:3000${page.url}`);
+      cy.visit(page.url);
 
       // Check each headline
       page.headlines.forEach((headline: string) => {