@zeedhi/teknisa-components-common 1.100.0 → 1.100.1

package/tests/unit/components/tek-grid/grid.spec.ts

@@ -2034,6 +2034,79 @@ describe('TekGrid', () => {
     });
   });
 
+  describe('rowDoubleClick', () => {
+    it('rowDoubleClick method should call events.rowDoubleClick', () => {
+      const rowDoubleClick = jest.fn();
+
+      const data = [
+        { id: '1', name: 'First' },
+        { id: '2', name: 'Second' },
+        { id: '3', name: 'Third' },
+      ];
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+        ],
+        datasource: {
+          data,
+        },
+        events: {
+          rowDoubleClick,
+        },
+      });
+
+      const event = new Event('dblclick');
+      const element = document.createElement('div');
+      grid.rowDoubleClick(data[0], event, element);
+
+      expect(rowDoubleClick).toHaveBeenCalledWith({
+        event,
+        element,
+        row: data[0],
+        component: grid,
+      });
+      expect(grid.datasource.currentRow).toEqual(data[0]);
+    });
+
+    it('should not call events.rowDoubleClick if preventRowDoubleClick is true', () => {
+      const rowDoubleClick = jest.fn();
+      const cellDoubleClickHandler = jest.fn(() => true);
+
+      const data = [
+        { id: '1', name: 'First' },
+        { id: '2', name: 'Second' },
+        { id: '3', name: 'Third' },
+      ];
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+        ],
+        datasource: {
+          data,
+        },
+        events: {
+          rowDoubleClick,
+          cellDoubleClick: cellDoubleClickHandler,
+        },
+      });
+
+      const event = new Event('dblclick');
+      const element = document.createElement('div');
+
+      grid.cellDoubleClick(grid.groupedData[0], grid.getColumn('id') as any, event, element);
+      grid.rowDoubleClick(data[0], event, element);
+
+      expect(rowDoubleClick).not.toHaveBeenCalled();
+      expect(grid.datasource.currentRow).toEqual({});
+    });
+  });
+
   describe('groupRowClick', () => {
     it('groupRowClick method should call events.groupRowClick', async () => {
       const groupRowClick = jest.fn();
@@ -2109,6 +2182,84 @@ describe('TekGrid', () => {
     });
   });
 
+  describe('groupRowDoubleClick', () => {
+    it('groupRowDoubleClick method should call events.groupRowDoubleClick', async () => {
+      const groupRowDoubleClick = jest.fn();
+
+      const data = [
+        { id: '1', name: 'First', department: 1 },
+        { id: '2', name: 'Second', department: 1 },
+        { id: '3', name: 'Third', department: 1 },
+      ];
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'department', grouped: true },
+        ],
+        datasource: {
+          data,
+        },
+        events: {
+          groupRowDoubleClick,
+        },
+      });
+
+      await flushPromises();
+
+      const event = new Event('dblclick');
+      const element = document.createElement('div');
+      grid.groupRowDoubleClick(grid.groupedData[0], event, element);
+
+      expect(groupRowDoubleClick).toHaveBeenCalledWith({
+        event,
+        element,
+        row: grid.groupedData[0],
+        component: grid,
+      });
+      expect(grid.datasource.currentRow).toEqual({});
+    });
+
+    it('should not call events.groupRowDoubleClick if cellDoubleClick prevents it', async () => {
+      const groupRowDoubleClick = jest.fn();
+      const cellDoubleClickHandler = jest.fn(() => true);
+
+      const data = [
+        { id: '1', name: 'First', department: 1 },
+        { id: '2', name: 'Second', department: 1 },
+        { id: '3', name: 'Third', department: 1 },
+      ];
+      const grid = new TekGrid({
+        name: 'grid',
+        component: 'TekGrid',
+        columns: [
+          { name: 'id' },
+          { name: 'name' },
+          { name: 'department', grouped: true },
+        ],
+        datasource: {
+          data,
+        },
+        events: {
+          groupRowDoubleClick,
+          cellDoubleClick: cellDoubleClickHandler,
+        },
+      });
+
+      await flushPromises();
+
+      const event = new Event('dblclick');
+      const element = document.createElement('div');
+
+      grid.cellDoubleClick(grid.groupedData[0], grid.getColumn('id') as any, event, element);
+      grid.groupRowDoubleClick(grid.groupedData[0], event, element);
+
+      expect(groupRowDoubleClick).not.toHaveBeenCalled();
+    });
+  });
+
   describe('selectGroupClick', () => {
     it('should trigger events', async () => {
       const groupSelected = jest.fn();