@zeedhi/teknisa-components-common 1.108.0 → 1.109.0

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();
+    });
+  });
+});

package/tests/unit/components/crud/crud-form.spec.ts

@@ -1,165 +1,165 @@
-import { CrudForm } from '../../../../src';
-
-describe('TekCrudForm', () => {
-  describe('constructor', () => {
-    it('should create new TekCrudForm with default values', () => {
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-      });
-      expect(instance.children).toStrictEqual([]);
-      expect(instance.justify).toBe(undefined);
-      expect(instance.editing).toBeFalsy();
-      expect(instance.isVisible).toBeTruthy();
-    });
-
-    it('should create new TekCrudForm with value prop', () => {
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-        value: { input: '1' },
-      });
-      expect(instance.value).toEqual({ input: '1' });
-    });
-  });
-
-  describe('TekCrudForm methods returns', () => {
-    it('cancelEdit method', () => {
-      const eventFn = jest.fn();
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-      });
-      expect(eventFn).not.toHaveBeenCalled();
-
-      instance.events = {
-        focus: eventFn,
-      };
-      instance.focus();
-      expect(instance.cancelEdit()).toBe(undefined);
-    });
-
-    it('saveEdit method', () => {
-      const eventFn = jest.fn();
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-        events: {
-          saveEdit: eventFn,
-        },
-      });
-      const event = new Event('click');
-      instance.click(event, {} as HTMLElement);
-      expect(eventFn).not.toHaveBeenCalled();
-    });
-
-    it('focus method', () => {
-      const eventFn = jest.fn();
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-      });
-      expect(eventFn).not.toHaveBeenCalled();
-
-      instance.events = {
-        focus: eventFn,
-      };
-      instance.focus();
-
-      expect(instance.focus()).toBe(undefined);
-    });
-  });
-
-  describe('onMounted()', () => {
-    it('should call event', () => {
-      const method = () => undefined;
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-        events: { onMounted: method },
-      });
-      const spy = jest.spyOn((instance.events as any), 'onMounted');
-      const element = document.createElement('div');
-      instance.onMounted(element as HTMLElement);
-      expect(spy).toHaveBeenCalledWith({ component: instance, element });
-      spy.mockClear();
-    });
-
-    it('should not throw when event is undefined', () => {
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-      });
-      const element = document.createElement('div');
-      expect(() => { instance.onMounted(element as HTMLElement); }).not.toThrow();
-    });
-  });
-
-  describe('updateChild()', () => {
-    it('should call event', () => {
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-        children: [
-          {
-            name: 'input',
-            component: 'Input',
-          },
-        ],
-      });
-      const child = instance.children[0].component;
-      expect(instance.updateChild(child as any, 'test')).toBe(undefined);
-    });
-
-    it('should not throw when event is undefined', () => {
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-      });
-      const element = document.createElement('div');
-      expect(() => { instance.onMounted(element as HTMLElement); }).not.toThrow();
-    });
-  });
-
-  describe('setValue()', () => {
-    it('when called, should set the form value', () => {
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-        children: [
-          {
-            name: 'input',
-            component: 'Input',
-          },
-        ],
-      });
-
-      const newValue = 'new value';
-      instance.setValue({ input: newValue });
-      instance.updateChild({ name: 'input' } as any, newValue);
-
-      expect(instance.value).toEqual({ input: 'new value' });
-      expect(instance.editing).toBeFalsy();
-    });
-
-    it('when called without autoSave, should set the form value and set editing as true', () => {
-      const instance = new CrudForm({
-        name: 'form',
-        component: 'TekCrudForm',
-        children: [
-          {
-            name: 'input',
-            component: 'Input',
-          },
-        ],
-      });
-
-      const newValue = 'new value';
-      instance.setValue({ input: newValue }, false);
-      instance.updateChild({ name: 'input' } as any, newValue);
-
-      expect(instance.value).toEqual({ input: 'new value' });
-      expect(instance.editing).toBeTruthy();
-    });
-  });
-});
+import { CrudForm } from '../../../../src';
+
+describe('TekCrudForm', () => {
+  describe('constructor', () => {
+    it('should create new TekCrudForm with default values', () => {
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+      });
+      expect(instance.children).toStrictEqual([]);
+      expect(instance.justify).toBe(undefined);
+      expect(instance.editing).toBeFalsy();
+      expect(instance.isVisible).toBeTruthy();
+    });
+
+    it('should create new TekCrudForm with value prop', () => {
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+        value: { input: '1' },
+      });
+      expect(instance.value).toEqual({ input: '1' });
+    });
+  });
+
+  describe('TekCrudForm methods returns', () => {
+    it('cancelEdit method', () => {
+      const eventFn = jest.fn();
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+      });
+      expect(eventFn).not.toHaveBeenCalled();
+
+      instance.events = {
+        focus: eventFn,
+      };
+      instance.focus();
+      expect(instance.cancelEdit()).toBe(undefined);
+    });
+
+    it('saveEdit method', () => {
+      const eventFn = jest.fn();
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+        events: {
+          saveEdit: eventFn,
+        },
+      });
+      const event = new Event('click');
+      instance.click(event, {} as HTMLElement);
+      expect(eventFn).not.toHaveBeenCalled();
+    });
+
+    it('focus method', () => {
+      const eventFn = jest.fn();
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+      });
+      expect(eventFn).not.toHaveBeenCalled();
+
+      instance.events = {
+        focus: eventFn,
+      };
+      instance.focus();
+
+      expect(instance.focus()).toBe(undefined);
+    });
+  });
+
+  describe('onMounted()', () => {
+    it('should call event', () => {
+      const method = () => undefined;
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+        events: { onMounted: method },
+      });
+      const spy = jest.spyOn((instance.events as any), 'onMounted');
+      const element = document.createElement('div');
+      instance.onMounted(element as HTMLElement);
+      expect(spy).toHaveBeenCalledWith({ component: instance, element });
+      spy.mockClear();
+    });
+
+    it('should not throw when event is undefined', () => {
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+      });
+      const element = document.createElement('div');
+      expect(() => { instance.onMounted(element as HTMLElement); }).not.toThrow();
+    });
+  });
+
+  describe('updateChild()', () => {
+    it('should call event', () => {
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+        children: [
+          {
+            name: 'input',
+            component: 'Input',
+          },
+        ],
+      });
+      const child = instance.children[0].component;
+      expect(instance.updateChild(child as any, 'test')).toBe(undefined);
+    });
+
+    it('should not throw when event is undefined', () => {
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+      });
+      const element = document.createElement('div');
+      expect(() => { instance.onMounted(element as HTMLElement); }).not.toThrow();
+    });
+  });
+
+  describe('setValue()', () => {
+    it('when called, should set the form value', () => {
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+        children: [
+          {
+            name: 'input',
+            component: 'Input',
+          },
+        ],
+      });
+
+      const newValue = 'new value';
+      instance.setValue({ input: newValue });
+      instance.updateChild({ name: 'input' } as any, newValue);
+
+      expect(instance.value).toEqual({ input: 'new value' });
+      expect(instance.editing).toBeFalsy();
+    });
+
+    it('when called without autoSave, should set the form value and set editing as true', () => {
+      const instance = new CrudForm({
+        name: 'form',
+        component: 'TekCrudForm',
+        children: [
+          {
+            name: 'input',
+            component: 'Input',
+          },
+        ],
+      });
+
+      const newValue = 'new value';
+      instance.setValue({ input: newValue }, false);
+      instance.updateChild({ name: 'input' } as any, newValue);
+
+      expect(instance.value).toEqual({ input: 'new value' });
+      expect(instance.editing).toBeTruthy();
+    });
+  });
+});