Implemented getColumnNames getter

- Implemented getColumnNames getter in refactored store - Implemented unit test for getColumnNames getter - Updated components dependent on getColumnNames
neurobagel · Jan 5, 2023 · bd1868d · bd1868d
1 parent b01dd2e
commit bd1868d
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 9 deletions.
diff --git a/components/column-linking-table.vue b/components/column-linking-table.vue
@@ -52,17 +52,17 @@
             ...mapGetters([
 
                 "categoryClasses",
-                "columns",
+                "getColumnNames",
                 "getColumnDescription",
                 "columnToCategoryMap"
             ]),
 
             tableRows() {
 
-                return this.columns.map(column => ({
+                return this.getColumnNames.map(column => ({
 
                     category: this.columnToCategoryMap[column],
-                    column: column.name,
+                    column: column,
                     description: this.getColumnDescription(column.name)
                 }));
             }

diff --git a/cypress/component/column-linking-table.cy.js b/cypress/component/column-linking-table.cy.js
@@ -37,13 +37,12 @@ describe("The column-linking-table component", () => {
                     };
                 },
 
-                columns: () => {
+                getColumnNames: () => {
 
                     return [
-
-                        { name: "participant_id" },
-                        { name: "age" },
-                        { name: "sex" }
+                        "participant_id",
+                        "age",
+                        "sex"
                     ];
                 },
 
@@ -98,7 +97,7 @@ describe("The column-linking-table component", () => {
     it("can alter link relation (add/remove) between a column and a category", () => {
 
         // 0. The first category and column
-        const participantIDColumn = store.getters.columns()[0].name;
+        const participantIDColumn = store.getters.getColumnNames()[0];
         const subjectIDCategory = store.getters.categories()[0];
 
         // 1. Arrange - Set up the spy, mount the component, and bind the spy to it

diff --git a/cypress/unit/store-getter-getColumnNames.cy.js b/cypress/unit/store-getter-getColumnNames.cy.js
@@ -0,0 +1,19 @@
+import { getters } from "~/store/index-refactor";
+
+describe("getColumnNames", () => {
+    it("Returns an array of all column names in the data table", () => {
+        const { getColumnNames } = getters;
+        const state = {
+            dataTable: [
+                {
+                    "column1": "value1", "column2": "value2"
+                },
+                {
+                    "column1": "value3", "column2": "value4"
+                }
+            ]
+        };
+        const columnNames = getColumnNames(state);
+        expect(columnNames).to.deep.equal(["column1", "column2"]);
+    });
+});
diff --git a/store/index-refactor.js b/store/index-refactor.js
@@ -48,7 +48,12 @@ export const getters = {
             return "";
         }
         return description;
+    },
+
+    getColumnNames(p_state) {
+        return (0 === p_state.dataTable.length) ? [] : Object.keys(p_state.dataTable[0]);
     }
+
 };