#113 full coverage for datatable component

ng2-components/ng2-alfresco-datatable/src/components/datatable.component.spec.ts

@@ -25,6 +25,7 @@ import {
 import { DataTableComponent } from './datatable.component';
 import {
     DataRow,
+    DataColumn,
     DataSorting
 } from './../data/datatable-adapter';
 import {
@@ -82,20 +83,26 @@ describe('DataTable', () => {
         dataTable.onRowDblClick(row, null);
     });
 
-    it('should prevent default behavior on row click event', () => {
+    it('should prevent default behaviour on row click event', () => {
         let e = jasmine.createSpyObj('event', ['preventDefault']);
         dataTable.ngOnInit();
         dataTable.onRowClick(null, e);
         expect(e.preventDefault).toHaveBeenCalled();
     });
 
-    it('should prevent default behavior on row double-click event', () => {
+    it('should prevent default behaviour on row double-click event', () => {
         let e = jasmine.createSpyObj('event', ['preventDefault']);
         dataTable.ngOnInit();
         dataTable.onRowDblClick(null, e);
         expect(e.preventDefault).toHaveBeenCalled();
     });
 
+    it('should prevent default behaviour on select all click', () => {
+        let e = jasmine.createSpyObj('event', ['preventDefault']);
+        dataTable.onSelectAllClick(e);
+        expect(e.preventDefault).toHaveBeenCalled();
+    });
+
     it('should not sort if column is missing', () => {
         dataTable.ngOnInit();
         let adapter = dataTable.data;
@@ -140,14 +147,16 @@ describe('DataTable', () => {
         dataTable.ngOnInit();
 
         let adapter = dataTable.data;
+        let sorting = new DataSorting('column_1', 'asc');
         spyOn(adapter, 'setSorting').and.callThrough();
-        spyOn(adapter, 'getSorting').and.returnValue(new DataSorting('column_1', 'asc'));
+        spyOn(adapter, 'getSorting').and.returnValue(sorting);
 
         let column = new ObjectDataColumn({
             key: 'column_1',
             sortable: true
         });
 
+        // check first click on the header
         dataTable.onColumnHeaderClick(column);
         expect(adapter.setSorting).toHaveBeenCalledWith(
             jasmine.objectContaining({
@@ -156,6 +165,16 @@ describe('DataTable', () => {
             })
         );
 
+        // check second click on the header
+        sorting.direction = 'desc';
+        dataTable.onColumnHeaderClick(column);
+        expect(adapter.setSorting).toHaveBeenCalledWith(
+            jasmine.objectContaining({
+                key: 'column_1',
+                direction: 'asc'
+            })
+        );
+
     });
 
     it('should upgrade MDL components on view checked', () => {
@@ -166,4 +185,135 @@ describe('DataTable', () => {
         expect(handler.upgradeAllRegistered).toHaveBeenCalled();
     });
 
+    it('should upgrade MDL components only when component handler present', () => {
+        expect(window['componentHandler']).toBeNull();
+        dataTable.ngAfterViewChecked();
+    });
+
+
+    it('should invert "select all" status', () => {
+        expect(dataTable.isSelectAllChecked).toBeFalsy();
+        dataTable.onSelectAllClick(null);
+        expect(dataTable.isSelectAllChecked).toBeTruthy();
+        dataTable.onSelectAllClick(null);
+        expect(dataTable.isSelectAllChecked).toBeFalsy();
+    });
+
+
+    it('should update rows on "select all" click', () => {
+        let data = new ObjectDataTableAdapter([{}, {}, {}], []);
+        let rows = data.getRows();
+
+        dataTable.data = data;
+        dataTable.multiselect = true;
+        dataTable.ngOnInit();
+
+        dataTable.onSelectAllClick(null);
+        expect(dataTable.isSelectAllChecked).toBe(true);
+        for (let i = 0; i < rows.length; i++) {
+            expect(rows[i].isSelected).toBe(true);
+        }
+
+        dataTable.onSelectAllClick(null);
+        expect(dataTable.isSelectAllChecked).toBe(false);
+        for (let i = 0; i < rows.length; i++) {
+            expect(rows[i].isSelected).toBe(false);
+        }
+    });
+
+    it('should allow "select all" calls with no rows', () => {
+        dataTable.multiselect = true;
+        dataTable.ngOnInit();
+
+        dataTable.onSelectAllClick(null);
+        expect(dataTable.isSelectAllChecked).toBe(true);
+    });
+
+    it('should require multiselect option to toggle row state', () => {
+        let data = new ObjectDataTableAdapter([{}, {}, {}], []);
+        let rows = data.getRows();
+
+        dataTable.data = data;
+        dataTable.multiselect = false;
+        dataTable.ngOnInit();
+
+        dataTable.onSelectAllClick(null);
+        expect(dataTable.isSelectAllChecked).toBe(true);
+        for (let i = 0; i < rows.length; i++) {
+            expect(rows[i].isSelected).toBe(false);
+        }
+    });
+
+    it('should require row and column for icon value check', () => {
+        expect(dataTable.isIconValue(null, null)).toBeFalsy();
+        expect(dataTable.isIconValue(<DataRow> {}, null)).toBeFalsy();
+        expect(dataTable.isIconValue(null, <DataColumn> {})).toBeFalsy();
+    });
+
+    it('should use special material url scheme', () => {
+        let column = <DataColumn> {};
+
+        let row = {
+            getValue: function (key: string) {
+                return 'material-icons://android';
+            }
+        };
+
+        expect(dataTable.isIconValue(<DataRow> row, column)).toBeTruthy();
+    });
+
+    it('should not use special material url scheme', () => {
+        let column = <DataColumn> {};
+
+        let row = {
+            getValue: function (key: string) {
+                return 'http://www.google.com';
+            }
+        };
+
+        expect(dataTable.isIconValue(<DataRow> row, column)).toBeFalsy();
+    });
+
+    it('should parse icon value', () => {
+        let column = <DataColumn> {};
+
+        let row = {
+            getValue: function (key: string) {
+                return 'material-icons://android';
+            }
+        };
+
+        expect(dataTable.asIconValue(<DataRow> row, column)).toBe('android');
+    });
+
+    it('should not parse icon value', () => {
+        let column = <DataColumn> {};
+
+        let row = {
+            getValue: function (key: string) {
+                return 'http://www.google.com';
+            }
+        };
+
+        expect(dataTable.asIconValue(<DataRow> row, column)).toBe(null);
+    });
+
+    it('should require column and direction to evaluate sorting state', () => {
+        expect(dataTable.isColumnSorted(null, null)).toBeFalsy();
+        expect(dataTable.isColumnSorted(<DataColumn> {}, null)).toBeFalsy();
+        expect(dataTable.isColumnSorted(null, 'asc')).toBeFalsy();
+    });
+
+    it('should require adapter sorting to evaluate sorting state', () => {
+        dataTable.ngOnInit();
+        spyOn(dataTable.data, 'getSorting').and.returnValue(null);
+        expect(dataTable.isColumnSorted(<DataColumn> {}, 'asc')).toBeFalsy();
+    });
+
+    it('should evaluate column sorting state', () => {
+        dataTable.ngOnInit();
+        spyOn(dataTable.data, 'getSorting').and.returnValue(new DataSorting('column_1', 'asc'));
+        expect(dataTable.isColumnSorted(<DataColumn> {key: 'column_1'}, 'asc')).toBeTruthy();
+        expect(dataTable.isColumnSorted(<DataColumn> {key: 'column_2'}, 'desc')).toBeFalsy();
+    });
 });