Feature: added the class onload-sort for <th> table headers.

Author: kyle-wannacott

public/index.html

@@ -10,19 +10,19 @@ <h1>Testing table sort js</h1>
     <table class="table-sort table-arrows">
       <thead>
         <tr>
-          <th>Last Name</th>
+          <th class="onload-sort">Last Name</th>
           <th>First Name</th>
           <th class="order-by-desc">Birth Date</th>
           <th>Employee ID</th>
-          <th class="disable-sort">Department</th>
+          <th>Department</th>
         </tr>
       </thead>
       <tr>
         <td>Franklin</td>
         <td>benjamin</td>
         <td>1706,1,17</td>
         <td></td>
-        <td>C-level</td>
+        <td>k-level</td>
       </tr>
       <tr>
         <td>da Vinci</td>

public/table-sort.js

@@ -326,6 +326,10 @@ function tableSortJs(testingTableSortJS = false, domDocumentWindow = document) {
       getTableData(tableProperties);
       updateTable(tableProperties);
     });
+    let isOnloadSort =  th.classList.contains("onload-sort");
+    if (isOnloadSort) {
+      th.click();
+    }
   }
 }
 

test/order-by-desc.test.js

@@ -175,3 +175,10 @@ test("visible-tr-sort: example sort only visible trs", () => {
     )
   ).toStrictEqual({ col0: ["row5", "row4", "row2"] });
 });
+
+
+test("onload-sort: testing that it sorts without a click from user", () => {
+  expect(
+    createTestTable({ col0: [5, 3, 4, 1, 2] }, { classTags: "order-by-desc onload-sort" })
+  ).toStrictEqual({ col0: ["5", "4", "3", "2", "1"] });
+});

test/table.js

@@ -78,7 +78,9 @@ function createTestTable(
     }
   } else {
     for (let i = 0; i < numberOfTableColumns; i++) {
-      dom.window.document.querySelectorAll("table th")[i].click();
+      if (!thAttributes.classTags.includes("onload-sort")) {
+        dom.window.document.querySelectorAll("table th")[i].click();
+      }
     }
   }
 

test/table.test.js

@@ -219,3 +219,14 @@ test("testing that multiple columns works", () => {
     col1: ["carrie", "fisher", "doris"],
   });
 });
+
+test("onload-sort: testing that it sorts without a click from user", () => {
+  expect(
+    createTestTable(
+      { col0: ["echo", "alpha", "bravo", "charlie", "delta"] },
+      {
+        classTags: "onload-sort",
+      }
+    )
+  ).toStrictEqual({ col0: ["alpha", "bravo", "charlie", "delta", "echo"] });
+});