@zeedhi/teknisa-components-common 1.107.1 → 1.108.0

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

@@ -1,195 +1,195 @@
-import { Checkbox, Iterable } from '@zeedhi/common';
-import { I18n } from '@zeedhi/core';
-import { TekGrid, TekGridColumnsButton } from '../../../../src';
-import { TekGridColumnsButtonController } from '../../../../src/components/tek-grid/grid-columns-button-controller';
-
-describe('TekGridColumnsButton', () => {
-  describe('getAggregationSelectData', () => {
-    it('should get aggregation data', () => {
-      let I18Called = false;
-      const spy = jest.spyOn(I18n, 'translate').mockImplementation((code: string | string[]) => {
-        I18Called = true;
-        if (Array.isArray(code)) return code[0];
-        return code;
-      });
-      const grid = new TekGrid({
-        name: 'grid-1',
-        component: 'TekGrid',
-      });
-      const instance = new TekGridColumnsButton({
-        name: 'columns-button-1',
-        component: 'TekGridColumnsButton',
-        parent: grid,
-      });
-      instance.onCreated();
-      let data = instance.getAggregationSelectData();
-      expect(data).toEqual([
-        { text: 'TEKGRID_AGGREGATION_SUM', value: 'SUM' },
-        { text: 'TEKGRID_AGGREGATION_MIN', value: 'MIN' },
-        { text: 'TEKGRID_AGGREGATION_MAX', value: 'MAX' },
-        { text: 'TEKGRID_AGGREGATION_AVG', value: 'AVG' },
-        { text: 'TEKGRID_AGGREGATION_COUNT', value: 'COUNT' },
-      ]);
-      expect(I18Called).toBeTruthy();
-      I18Called = false;
-      data = instance.getAggregationSelectData();
-      expect(I18Called).toBeFalsy();
-      spy.mockClear();
-    });
-  });
-
-  describe('controller', () => {
-    it('should create component controller', () => {
-      const checkbox = new Checkbox({
-        name: 'checkbox',
-        component: 'ZdCheckbox',
-        value: false,
-      });
-      const iterable = new Iterable({
-        name: 'iterable',
-        component: 'ZdIterable',
-        columns: [
-          {
-            name: 'id',
-            grouped: false,
-          },
-        ],
-      });
-      const grid = new TekGrid({
-        name: 'grid-1',
-        component: 'TekGrid',
-        parent: iterable,
-      });
-      const instance = new TekGridColumnsButton({
-        name: 'columns-button-2',
-        component: 'TekGridColumnsButton',
-        parent: grid,
-      });
-      instance.onCreated();
-      expect(instance.controller).toBeInstanceOf(TekGridColumnsButtonController);
-      expect(iterable.columns[0].isVisible).toBeTruthy();
-      instance.controller.showHideTekColumn(iterable.columns[0], { component: checkbox });
-      expect(iterable.columns[0].isVisible).toBeFalsy();
-
-      (iterable.columns[0] as any).grouped = true;
-      iterable.columns[0].isVisible = false;
-      instance.controller.showHideTekColumn(iterable.columns[0], { component: checkbox });
-      expect(iterable.columns[0].isVisible).toBeFalsy();
-    });
-
-    it('changeGroupedColumn', () => {
-      const grid = new TekGrid({
-        name: 'grid-2',
-        component: 'TekGrid',
-        columns: [
-          {
-            name: 'id',
-            label: 'id',
-          },
-          {
-            name: 'name',
-            label: 'name',
-          },
-          {
-            name: 'department',
-            label: 'department',
-            grouped: true,
-          },
-        ],
-        datasource: {
-          uniqueKey: 'id',
-          order: ['name.asc'],
-          data: [
-            { id: 2, name: 'employee 2', department: 1 },
-            { id: 5, name: 'employee 5', department: 2 },
-            { id: 4, name: 'employee 4', department: 2 },
-            { id: 3, name: 'employee 3', department: 1 },
-            { id: 1, name: 'employee 1', department: 1 },
-          ],
-        },
-      });
-      const instance = new TekGridColumnsButton({
-        name: 'columns-button-3',
-        component: 'TekGridColumnsButton',
-        parent: grid,
-      });
-      instance.onCreated();
-      expect(grid.columns[0].grouped).toBeFalsy();
-      instance.controller.changeGroupedColumn(grid.columns[0], {
-        component: {
-          value: true,
-        },
-      });
-      expect(grid.columns[0].grouped).toBeTruthy();
-      instance.controller.changeGroupedColumn(grid.columns[0], {
-        component: {
-          value: false,
-        },
-      });
-      expect(grid.columns[0].grouped).toBeFalsy();
-    });
-
-    it('changeAggregationColumn', () => {
-      const grid = new TekGrid({
-        name: 'grid-2',
-        component: 'TekGrid',
-        columns: [
-          {
-            name: 'id',
-            label: 'id',
-          },
-          {
-            name: 'name',
-            label: 'name',
-          },
-          {
-            name: 'department',
-            label: 'department',
-            grouped: true,
-          },
-        ],
-        datasource: {
-          uniqueKey: 'id',
-          order: ['name.asc'],
-          data: [
-            { id: 2, name: 'employee 2', department: 1 },
-            { id: 5, name: 'employee 5', department: 2 },
-            { id: 4, name: 'employee 4', department: 2 },
-            { id: 3, name: 'employee 3', department: 1 },
-            { id: 1, name: 'employee 1', department: 1 },
-          ],
-        },
-      });
-      const spy = jest.spyOn(grid, 'changeLayout');
-      const instance = new TekGridColumnsButton({
-        name: 'columns-button-4',
-        component: 'TekGridColumnsButton',
-        parent: grid,
-      });
-      instance.onCreated();
-      expect(grid.columns[0].aggregation).toBeUndefined();
-      expect(spy).toBeCalledTimes(0);
-      instance.controller.changeAggregationColumn(grid.columns[0], {
-        component: {
-          value: 'COUNT',
-        },
-      });
-      expect(spy).toBeCalledTimes(1);
-      instance.controller.changeAggregationColumn(grid.columns[0], {
-        component: {
-          value: 'COUNT',
-        },
-      });
-      expect(spy).toBeCalledTimes(1);
-      expect(grid.columns[0].aggregation).toBe('COUNT');
-      instance.controller.changeAggregationColumn(grid.columns[0], {
-        component: {
-          value: null,
-        },
-      });
-      expect(grid.columns[0].aggregation).toBeUndefined();
-      expect(spy).toBeCalledTimes(2);
-      spy.mockClear();
-    });
-  });
-});
+import { Checkbox, Iterable } from '@zeedhi/common';
+import { I18n } from '@zeedhi/core';
+import { TekGrid, TekGridColumnsButton } from '../../../../src';
+import { TekGridColumnsButtonController } from '../../../../src/components/tek-grid/grid-columns-button-controller';
+
+describe('TekGridColumnsButton', () => {
+  describe('getAggregationSelectData', () => {
+    it('should get aggregation data', () => {
+      let I18Called = false;
+      const spy = jest.spyOn(I18n, 'translate').mockImplementation((code: string | string[]) => {
+        I18Called = true;
+        if (Array.isArray(code)) return code[0];
+        return code;
+      });
+      const grid = new TekGrid({
+        name: 'grid-1',
+        component: 'TekGrid',
+      });
+      const instance = new TekGridColumnsButton({
+        name: 'columns-button-1',
+        component: 'TekGridColumnsButton',
+        parent: grid,
+      });
+      instance.onCreated();
+      let data = instance.getAggregationSelectData();
+      expect(data).toEqual([
+        { text: 'TEKGRID_AGGREGATION_SUM', value: 'SUM' },
+        { text: 'TEKGRID_AGGREGATION_MIN', value: 'MIN' },
+        { text: 'TEKGRID_AGGREGATION_MAX', value: 'MAX' },
+        { text: 'TEKGRID_AGGREGATION_AVG', value: 'AVG' },
+        { text: 'TEKGRID_AGGREGATION_COUNT', value: 'COUNT' },
+      ]);
+      expect(I18Called).toBeTruthy();
+      I18Called = false;
+      data = instance.getAggregationSelectData();
+      expect(I18Called).toBeFalsy();
+      spy.mockClear();
+    });
+  });
+
+  describe('controller', () => {
+    it('should create component controller', () => {
+      const checkbox = new Checkbox({
+        name: 'checkbox',
+        component: 'ZdCheckbox',
+        value: false,
+      });
+      const iterable = new Iterable({
+        name: 'iterable',
+        component: 'ZdIterable',
+        columns: [
+          {
+            name: 'id',
+            grouped: false,
+          },
+        ],
+      });
+      const grid = new TekGrid({
+        name: 'grid-1',
+        component: 'TekGrid',
+        parent: iterable,
+      });
+      const instance = new TekGridColumnsButton({
+        name: 'columns-button-2',
+        component: 'TekGridColumnsButton',
+        parent: grid,
+      });
+      instance.onCreated();
+      expect(instance.controller).toBeInstanceOf(TekGridColumnsButtonController);
+      expect(iterable.columns[0].isVisible).toBeTruthy();
+      instance.controller.showHideTekColumn(iterable.columns[0], { component: checkbox });
+      expect(iterable.columns[0].isVisible).toBeFalsy();
+
+      (iterable.columns[0] as any).grouped = true;
+      iterable.columns[0].isVisible = false;
+      instance.controller.showHideTekColumn(iterable.columns[0], { component: checkbox });
+      expect(iterable.columns[0].isVisible).toBeFalsy();
+    });
+
+    it('changeGroupedColumn', () => {
+      const grid = new TekGrid({
+        name: 'grid-2',
+        component: 'TekGrid',
+        columns: [
+          {
+            name: 'id',
+            label: 'id',
+          },
+          {
+            name: 'name',
+            label: 'name',
+          },
+          {
+            name: 'department',
+            label: 'department',
+            grouped: true,
+          },
+        ],
+        datasource: {
+          uniqueKey: 'id',
+          order: ['name.asc'],
+          data: [
+            { id: 2, name: 'employee 2', department: 1 },
+            { id: 5, name: 'employee 5', department: 2 },
+            { id: 4, name: 'employee 4', department: 2 },
+            { id: 3, name: 'employee 3', department: 1 },
+            { id: 1, name: 'employee 1', department: 1 },
+          ],
+        },
+      });
+      const instance = new TekGridColumnsButton({
+        name: 'columns-button-3',
+        component: 'TekGridColumnsButton',
+        parent: grid,
+      });
+      instance.onCreated();
+      expect(grid.columns[0].grouped).toBeFalsy();
+      instance.controller.changeGroupedColumn(grid.columns[0], {
+        component: {
+          value: true,
+        },
+      });
+      expect(grid.columns[0].grouped).toBeTruthy();
+      instance.controller.changeGroupedColumn(grid.columns[0], {
+        component: {
+          value: false,
+        },
+      });
+      expect(grid.columns[0].grouped).toBeFalsy();
+    });
+
+    it('changeAggregationColumn', () => {
+      const grid = new TekGrid({
+        name: 'grid-2',
+        component: 'TekGrid',
+        columns: [
+          {
+            name: 'id',
+            label: 'id',
+          },
+          {
+            name: 'name',
+            label: 'name',
+          },
+          {
+            name: 'department',
+            label: 'department',
+            grouped: true,
+          },
+        ],
+        datasource: {
+          uniqueKey: 'id',
+          order: ['name.asc'],
+          data: [
+            { id: 2, name: 'employee 2', department: 1 },
+            { id: 5, name: 'employee 5', department: 2 },
+            { id: 4, name: 'employee 4', department: 2 },
+            { id: 3, name: 'employee 3', department: 1 },
+            { id: 1, name: 'employee 1', department: 1 },
+          ],
+        },
+      });
+      const spy = jest.spyOn(grid, 'changeLayout');
+      const instance = new TekGridColumnsButton({
+        name: 'columns-button-4',
+        component: 'TekGridColumnsButton',
+        parent: grid,
+      });
+      instance.onCreated();
+      expect(grid.columns[0].aggregation).toBeUndefined();
+      expect(spy).toBeCalledTimes(0);
+      instance.controller.changeAggregationColumn(grid.columns[0], {
+        component: {
+          value: 'COUNT',
+        },
+      });
+      expect(spy).toBeCalledTimes(1);
+      instance.controller.changeAggregationColumn(grid.columns[0], {
+        component: {
+          value: 'COUNT',
+        },
+      });
+      expect(spy).toBeCalledTimes(1);
+      expect(grid.columns[0].aggregation).toBe('COUNT');
+      instance.controller.changeAggregationColumn(grid.columns[0], {
+        component: {
+          value: null,
+        },
+      });
+      expect(grid.columns[0].aggregation).toBeUndefined();
+      expect(spy).toBeCalledTimes(2);
+      spy.mockClear();
+    });
+  });
+});