chore: convert tests to TS (#113)

Author: ayonious

.github/workflows/codecov.yml

@@ -0,0 +1,44 @@
+name: CodeCov Coverage
+
+on:
+  push:
+    branches: [ master ]
+  pull_request:
+    branches: [ master ]
+
+jobs:
+  coverage:
+    runs-on: ubuntu-latest
+    
+    permissions:
+      contents: read
+      pull-requests: write
+    
+    strategy:
+      matrix:
+        node-version: [22.x]
+    
+    steps:
+      - uses: actions/checkout@v4.2.2
+      
+      - name: Use Node.js ${{ matrix.node-version }}
+        uses: actions/setup-node@v4.4.0
+        with:
+          node-version: ${{ matrix.node-version }}
+          cache: 'yarn'
+      
+      - name: Install dependencies
+        run: yarn install --frozen-lockfile
+      
+      - name: Run tests with coverage
+        run: yarn test:coverage
+      
+      - name: Upload coverage to Codecov
+        uses: codecov/codecov-action@v4.1.0
+        with:
+          token: ${{ secrets.CODECOV_TOKEN }}
+          files: ./coverage/lcov.info
+          flags: unittests
+          name: codecov-umbrella
+          fail_ci_if_error: false
+          verbose: true 

cypress.config.ts

@@ -3,10 +3,12 @@ import { defineConfig } from 'cypress'
 export default defineConfig({
   video: false,
   e2e: {
-    // We've imported your old cypress plugins here.
-    // You may want to clean this up later by importing these.
     setupNodeEvents(on, config) {
-      return require('./cypress/plugins/index.js')(on, config)
+      // No plugins needed for now
+      return config;
     },
+    baseUrl: 'http://localhost:3000',
+    supportFile: 'cypress/support/e2e.ts',
+    specPattern: 'cypress/e2e/**/*.cy.ts'
   },
 })

cypress/e2e/basic_tests.cy.js cypress/e2e/basic_tests.cy.tscypress/e2e/basic_tests.cy.js renamed to cypress/e2e/basic_tests.cy.ts

@@ -13,13 +13,18 @@ describe("Integration Tests", () => {
     cy.contains("GET STARTED").click();
 
     // show default docs page
-    cy.contains("Install and Quick start");
-    cy.contains("Coloring");
-    cy.contains("Sort and Filter");
-    cy.contains("Alignment");
+    const expectedTexts: string[] = [
+      "Install and Quick start",
+      "Coloring",
+      "Sort and Filter",
+      "Alignment",
+      "Installation",
+      "Basic Example"
+    ];
 
-    cy.contains("Installation");
-    cy.contains("Basic Example");
+    expectedTexts.forEach((text: string) => {
+      cy.contains(text);
+    });
   });
 
   it("Docs Pages Works: Quick Start", () => {
@@ -31,4 +36,4 @@ describe("Integration Tests", () => {
 
     cy.contains("Detailed usage");
   });
-});
+}); 

cypress/e2e/image_tests.cy.js cypress/e2e/image_tests.cy.tscypress/e2e/image_tests.cy.js renamed to cypress/e2e/image_tests.cy.ts

@@ -1,5 +1,19 @@
+interface Page {
+  url: string;
+  name: string;
+}
+
+interface Interception {
+  response?: {
+    statusCode: number;
+  };
+  request: {
+    url: string;
+  };
+}
+
 describe("Documentation Page Images", () => {
-  const pages = [
+  const pages: Page[] = [
     { url: "/docs", name: "Install and Quick start" },
     { url: "/docs/doc-table-instance-creation", name: "Create Table Instance" },
     { url: "/docs/doc-adding-rows", name: "Adding Rows" },
@@ -28,7 +42,7 @@ describe("Documentation Page Images", () => {
     cy.intercept('GET', '/img/**/*').as('imageRequest');
   });
 
-  pages.forEach(page => {
+  pages.forEach((page: Page) => {
     it(`should load all images properly on ${page.name} page`, () => {
       let imageRequestCount = 0;
 
@@ -51,7 +65,7 @@ describe("Documentation Page Images", () => {
       cy.get('img', { timeout: 10000 }).should('exist');
 
       // Get all images and verify their loading
-      cy.get('img').then($images => {
+      cy.get('img').then(($images) => {
         // Verify each image
         cy.wrap($images).each(($img, index) => {
           // Create a unique alias for this image
@@ -60,9 +74,10 @@ describe("Documentation Page Images", () => {
 
           // Wait for the image to be loaded
           cy.get(`@${imgId}`).should(($img) => {
-            expect($img[0].complete).to.be.true;
-            expect($img[0].naturalWidth).to.be.greaterThan(0);
-            expect($img[0].naturalHeight).to.be.greaterThan(0);
+            const img = $img[0] as HTMLImageElement;
+            expect(img.complete).to.be.true;
+            expect(img.naturalWidth).to.be.greaterThan(0);
+            expect(img.naturalHeight).to.be.greaterThan(0);
           });
 
           // Verify src attribute
@@ -73,9 +88,10 @@ describe("Documentation Page Images", () => {
       });
 
       // Verify all image requests were successful
-      cy.get('@imageRequestCounter.all').then((interceptions) => {
-        if (interceptions.length > 0) {
-          interceptions.forEach((interception) => {
+      cy.get('@imageRequestCounter.all').then((interceptions: unknown) => {
+        const interceptArray = interceptions as Interception[];
+        if (interceptArray.length > 0) {
+          interceptArray.forEach((interception) => {
             if (interception.response) {
               expect([200, 304]).to.include(interception.response.statusCode);
             } else {
@@ -120,8 +136,9 @@ describe("Documentation Page Images", () => {
       cy.wrap($img).as(imgId);
 
       cy.get(`@${imgId}`).then(($img) => {
-        const naturalWidth = $img[0].naturalWidth;
-        const naturalHeight = $img[0].naturalHeight;
+        const img = $img[0] as HTMLImageElement;
+        const naturalWidth = img.naturalWidth;
+        const naturalHeight = img.naturalHeight;
 
         // Images should have reasonable dimensions
         expect(naturalWidth).to.be.within(50, 2000);

cypress/e2e/link_tests.cy.js cypress/e2e/link_tests.cy.tscypress/e2e/link_tests.cy.js renamed to cypress/e2e/link_tests.cy.ts

@@ -1,3 +1,8 @@
+interface SidebarLink {
+  text: string;
+  url: string;
+}
+
 describe("Link Tests", () => {
   beforeEach(() => {
     cy.visit("http://localhost:3000");
@@ -62,7 +67,7 @@ describe("Link Tests", () => {
 
     it("should have working sidebar navigation links", () => {
       // Test all sidebar links
-      const sidebarLinks = [
+      const sidebarLinks: SidebarLink[] = [
         { text: "Install and Quick start", url: "/docs" },
         { text: "Create Table Instance", url: "/docs/doc-table-instance-creation" },
         { text: "Adding Rows", url: "/docs/doc-adding-rows" },
@@ -83,7 +88,7 @@ describe("Link Tests", () => {
         { text: "Quick Start", url: "/docs/doc-cli-install-quick-start" }
       ];
 
-      sidebarLinks.forEach(link => {
+      sidebarLinks.forEach((link: SidebarLink) => {
         cy.contains(link.text).click();
         cy.url().should("include", link.url);
         // Verify page content is loaded