@zeedhi/teknisa-components-common 1.107.2 → 1.108.0

package/tests/unit/components/crud/crud-cancel-button.spec.ts

@@ -1,91 +1,91 @@
-import { GridEditable } from '@zeedhi/common';
-import { CrudCancelButton, CrudForm } from '../../../../src';
-
-describe('CrudCancelButton', () => {
-  describe('constructor', () => {
-    it('should create new CrudCancelButton with default values', () => {
-      const instance = new CrudCancelButton({
-        name: 'button',
-        component: 'TekCrudCancelButton',
-        clickShortcutKey: 'esc',
-      });
-
-      expect(instance.clickShortcutKey).toBe('esc');
-      expect(instance.label).toBe('CANCEL');
-      expect(instance.outline).toBeTruthy();
-    });
-
-    it('should create new CrudCancelButton replace default values', () => {
-      const instance = new CrudCancelButton({
-        name: 'button',
-        component: 'TekCrudCancelButton',
-        clickShortcutKey: '',
-        label: 'cancelar',
-        outline: false,
-      });
-
-      expect(instance.clickShortcutKey).toBe('esc');
-      expect(instance.label).toBe('cancelar');
-      expect(instance.outline).toBeFalsy();
-    });
-
-    it('click() CrudForm', () => {
-      const method = jest.fn();
-      const instance = new CrudCancelButton({
-        name: 'cancelButton',
-        component: 'TekCrudCancelButton',
-        clickShortcutKey: 'esc',
-        events: { click: method },
-      });
-
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).not.toHaveBeenCalled();
-      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
-      instance.parent = crudForm;
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-    });
-
-    it('click() CrudForm with defaultPrevent false', () => {
-      const instance = new CrudCancelButton({
-        name: 'cancelButton',
-        component: 'TekCrudCancelButton',
-      });
-
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
-      instance.parent = crudForm;
-      instance.click({ defaultPrevented: true } as Event, {} as HTMLElement);
-      expect(instance.parent).toBeInstanceOf(CrudForm);
-    });
-
-    it('click() GridEditable', () => {
-      const method = jest.fn();
-      const instance = new CrudCancelButton({
-        name: 'cancelButton',
-        component: 'TekCrudCancelButton',
-        clickShortcutKey: 'esc',
-        events: { click: method },
-      });
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).not.toHaveBeenCalled();
-      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable' });
-      instance.parent = gridEditable;
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-    });
-
-    it('click() GridEditable with defaultPrevent false', () => {
-      const instance = new CrudCancelButton({
-        name: 'cancelButton',
-        component: 'TekCrudCancelButton',
-      });
-
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      const grid = new GridEditable({ name: 'form', component: 'GridEditable' });
-      instance.parent = grid;
-      instance.click({ defaultPrevented: true } as Event, {} as HTMLElement);
-      expect(instance.parent).toBeInstanceOf(GridEditable);
-    });
-  });
-});
+import { GridEditable } from '@zeedhi/common';
+import { CrudCancelButton, CrudForm } from '../../../../src';
+
+describe('CrudCancelButton', () => {
+  describe('constructor', () => {
+    it('should create new CrudCancelButton with default values', () => {
+      const instance = new CrudCancelButton({
+        name: 'button',
+        component: 'TekCrudCancelButton',
+        clickShortcutKey: 'esc',
+      });
+
+      expect(instance.clickShortcutKey).toBe('esc');
+      expect(instance.label).toBe('CANCEL');
+      expect(instance.outline).toBeTruthy();
+    });
+
+    it('should create new CrudCancelButton replace default values', () => {
+      const instance = new CrudCancelButton({
+        name: 'button',
+        component: 'TekCrudCancelButton',
+        clickShortcutKey: '',
+        label: 'cancelar',
+        outline: false,
+      });
+
+      expect(instance.clickShortcutKey).toBe('esc');
+      expect(instance.label).toBe('cancelar');
+      expect(instance.outline).toBeFalsy();
+    });
+
+    it('click() CrudForm', () => {
+      const method = jest.fn();
+      const instance = new CrudCancelButton({
+        name: 'cancelButton',
+        component: 'TekCrudCancelButton',
+        clickShortcutKey: 'esc',
+        events: { click: method },
+      });
+
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).not.toHaveBeenCalled();
+      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
+      instance.parent = crudForm;
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+    });
+
+    it('click() CrudForm with defaultPrevent false', () => {
+      const instance = new CrudCancelButton({
+        name: 'cancelButton',
+        component: 'TekCrudCancelButton',
+      });
+
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
+      instance.parent = crudForm;
+      instance.click({ defaultPrevented: true } as Event, {} as HTMLElement);
+      expect(instance.parent).toBeInstanceOf(CrudForm);
+    });
+
+    it('click() GridEditable', () => {
+      const method = jest.fn();
+      const instance = new CrudCancelButton({
+        name: 'cancelButton',
+        component: 'TekCrudCancelButton',
+        clickShortcutKey: 'esc',
+        events: { click: method },
+      });
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).not.toHaveBeenCalled();
+      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable' });
+      instance.parent = gridEditable;
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+    });
+
+    it('click() GridEditable with defaultPrevent false', () => {
+      const instance = new CrudCancelButton({
+        name: 'cancelButton',
+        component: 'TekCrudCancelButton',
+      });
+
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      const grid = new GridEditable({ name: 'form', component: 'GridEditable' });
+      instance.parent = grid;
+      instance.click({ defaultPrevented: true } as Event, {} as HTMLElement);
+      expect(instance.parent).toBeInstanceOf(GridEditable);
+    });
+  });
+});

package/tests/unit/components/crud/crud-delete-button.spec.ts

@@ -1,122 +1,122 @@
-import { GridEditable } from '@zeedhi/common';
-import { CrudDeleteButton } from '../../../../src';
-
-describe('Crud', () => {
-  describe('constructor()', () => {
-    it('should create new CrudDeleteButton with default values', () => {
-      const instance = new CrudDeleteButton({
-        name: 'saveButton',
-        component: 'TekCrudDeleteButton',
-      });
-      expect(instance.clickShortcutKey).toBe('ctrl+d');
-      expect(instance.dark).toBeFalsy();
-      expect(instance.disabled).toBeTruthy();
-      expect(instance.fab).toBeFalsy();
-      expect(instance.fixed).toBeFalsy();
-      expect(instance.flat).toBeTruthy();
-      expect(instance.href).toBe('');
-      expect(instance.icon).toBeTruthy();
-      expect(instance.iconName).toBe('trashCanOutline');
-      expect(instance.label).toBe('');
-    });
-
-    it('should create new CrudDeleteButton replace default values', () => {
-      const instance = new CrudDeleteButton({
-        name: 'saveButton',
-        component: 'TekCrudDeleteButton',
-        clickShortcutKey: 'f1',
-        flat: false,
-        icon: false,
-        iconName: 'clear',
-        color: '#ddd',
-      });
-      expect(instance.clickShortcutKey).toBe('f1');
-      expect(instance.flat).toBeFalsy();
-      expect(instance.icon).toBeFalsy();
-      expect(instance.iconName).toBe('clear');
-      expect(instance.color).toBe('#ddd');
-    });
-
-    it('click()', () => {
-      const method = () => undefined;
-      const instance = new CrudDeleteButton({
-        name: 'delete',
-        component: 'TekCrudDeleteButton',
-        clickShortcutKey: 'ctrl+d',
-        events: { click: method },
-      });
-      const spy = jest.spyOn((instance.events as any), 'click');
-      instance.click({} as Event, {} as HTMLElement);
-      expect(spy).toHaveBeenCalledWith({ component: instance, event: {}, element: {} });
-      spy.mockClear();
-    });
-
-    it('instance parent is GridEditable', () => {
-      const instance = new CrudDeleteButton({
-        name: 'cancelButton',
-        component: 'TekCrudDeleteButton',
-      });
-      const grid = new GridEditable({ name: 'grid', component: 'GridEditable' });
-      instance.parent = grid;
-      expect(instance.parentHasSelectedRows).toBeFalsy();
-      expect(instance.parent).toBeInstanceOf(GridEditable);
-    });
-
-    it('should return parentHasCurrentRow and parentHasSelectedRows false', () => {
-      const method = jest.fn();
-      const instance = new CrudDeleteButton({
-        name: 'cancelButton',
-        component: 'TekCrudDeleteButton',
-        events: { click: method },
-      });
-      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable' });
-      instance.parent = gridEditable;
-      expect(instance.parentHasCurrentRow).toBeFalsy();
-      expect(instance.parentHasSelectedRows).toBeFalsy();
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-    });
-
-    it('should return parentHasSelectedRows with selectedRows true', () => {
-      const method = jest.fn();
-      const instance = new CrudDeleteButton({
-        name: 'cancelButton',
-        component: 'TekCrudDeleteButton',
-        events: { click: method },
-      });
-      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable', selectable: true });
-      instance.parent = gridEditable;
-      expect(instance.parentHasSelectedRows).toBeFalsy();
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-    });
-
-    it('should call cellClick event', () => {
-      const instance = new CrudDeleteButton({
-        name: 'cancelButton',
-        component: 'TekCrudDeleteButton',
-      });
-      const grid = new GridEditable({
-        name: 'Grid',
-        component: 'ZdGridEditable',
-        columns: [
-          { name: 'id' },
-        ],
-        datasource: {
-          limit: 2,
-          page: 1,
-          data: [
-            { id: 1 },
-          ],
-        },
-      });
-
-      expect(grid.selectedRows).toEqual([]);
-      expect(instance.parentHasSelectedRows).toBeFalsy();
-    });
-  });
-});
+import { GridEditable } from '@zeedhi/common';
+import { CrudDeleteButton } from '../../../../src';
+
+describe('Crud', () => {
+  describe('constructor()', () => {
+    it('should create new CrudDeleteButton with default values', () => {
+      const instance = new CrudDeleteButton({
+        name: 'saveButton',
+        component: 'TekCrudDeleteButton',
+      });
+      expect(instance.clickShortcutKey).toBe('ctrl+d');
+      expect(instance.dark).toBeFalsy();
+      expect(instance.disabled).toBeTruthy();
+      expect(instance.fab).toBeFalsy();
+      expect(instance.fixed).toBeFalsy();
+      expect(instance.flat).toBeTruthy();
+      expect(instance.href).toBe('');
+      expect(instance.icon).toBeTruthy();
+      expect(instance.iconName).toBe('trashCanOutline');
+      expect(instance.label).toBe('');
+    });
+
+    it('should create new CrudDeleteButton replace default values', () => {
+      const instance = new CrudDeleteButton({
+        name: 'saveButton',
+        component: 'TekCrudDeleteButton',
+        clickShortcutKey: 'f1',
+        flat: false,
+        icon: false,
+        iconName: 'clear',
+        color: '#ddd',
+      });
+      expect(instance.clickShortcutKey).toBe('f1');
+      expect(instance.flat).toBeFalsy();
+      expect(instance.icon).toBeFalsy();
+      expect(instance.iconName).toBe('clear');
+      expect(instance.color).toBe('#ddd');
+    });
+
+    it('click()', () => {
+      const method = () => undefined;
+      const instance = new CrudDeleteButton({
+        name: 'delete',
+        component: 'TekCrudDeleteButton',
+        clickShortcutKey: 'ctrl+d',
+        events: { click: method },
+      });
+      const spy = jest.spyOn((instance.events as any), 'click');
+      instance.click({} as Event, {} as HTMLElement);
+      expect(spy).toHaveBeenCalledWith({ component: instance, event: {}, element: {} });
+      spy.mockClear();
+    });
+
+    it('instance parent is GridEditable', () => {
+      const instance = new CrudDeleteButton({
+        name: 'cancelButton',
+        component: 'TekCrudDeleteButton',
+      });
+      const grid = new GridEditable({ name: 'grid', component: 'GridEditable' });
+      instance.parent = grid;
+      expect(instance.parentHasSelectedRows).toBeFalsy();
+      expect(instance.parent).toBeInstanceOf(GridEditable);
+    });
+
+    it('should return parentHasCurrentRow and parentHasSelectedRows false', () => {
+      const method = jest.fn();
+      const instance = new CrudDeleteButton({
+        name: 'cancelButton',
+        component: 'TekCrudDeleteButton',
+        events: { click: method },
+      });
+      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable' });
+      instance.parent = gridEditable;
+      expect(instance.parentHasCurrentRow).toBeFalsy();
+      expect(instance.parentHasSelectedRows).toBeFalsy();
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+    });
+
+    it('should return parentHasSelectedRows with selectedRows true', () => {
+      const method = jest.fn();
+      const instance = new CrudDeleteButton({
+        name: 'cancelButton',
+        component: 'TekCrudDeleteButton',
+        events: { click: method },
+      });
+      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable', selectable: true });
+      instance.parent = gridEditable;
+      expect(instance.parentHasSelectedRows).toBeFalsy();
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+    });
+
+    it('should call cellClick event', () => {
+      const instance = new CrudDeleteButton({
+        name: 'cancelButton',
+        component: 'TekCrudDeleteButton',
+      });
+      const grid = new GridEditable({
+        name: 'Grid',
+        component: 'ZdGridEditable',
+        columns: [
+          { name: 'id' },
+        ],
+        datasource: {
+          limit: 2,
+          page: 1,
+          data: [
+            { id: 1 },
+          ],
+        },
+      });
+
+      expect(grid.selectedRows).toEqual([]);
+      expect(instance.parentHasSelectedRows).toBeFalsy();
+    });
+  });
+});