@zeedhi/teknisa-components-common 1.107.2 → 1.108.0

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

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

@@ -1,118 +1,118 @@
-import { GridEditable } from '@zeedhi/common';
-import { CrudForm, CrudSaveButton } from '../../../../src';
-
-describe('CrudSaveButton', () => {
-  describe('constructor()', () => {
-    it('should create new CrudSaveButton with default values', () => {
-      const instance = new CrudSaveButton({
-        name: 'button',
-        component: 'TekCrudSaveButton',
-        clickShortcutKey: 'ctrl+enter',
-      });
-
-      expect(instance.clickShortcutKey).toBe('ctrl+enter');
-      expect(instance.label).toBe('SAVE');
-    });
-
-    it('should create new CrudSaveButton replace default values', () => {
-      const instance = new CrudSaveButton({
-        name: 'button',
-        component: 'TekCrudSaveButton',
-        clickShortcutKey: '',
-        label: 'Salvar',
-      });
-
-      expect(instance.clickShortcutKey).toBe('ctrl+enter');
-      expect(instance.label).toBe('Salvar');
-    });
-
-    it('CrudSaveButton click()', () => {
-      const method = jest.fn();
-      const instance = new CrudSaveButton({
-        name: 'button',
-        component: 'TekCrudSaveButton',
-        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 CrudSaveButton({
-        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('CrudSaveButton click() no validate', () => {
-      const method = jest.fn();
-      const instance = new CrudSaveButton({
-        name: 'button',
-        component: 'TekCrudSaveButton',
-        events: { click: method },
-      });
-
-      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
-      crudForm.validate = () => false;
-      instance.parent = crudForm;
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).not.toHaveBeenCalled();
-    });
-
-    it('CrudSaveButton click() when event is not prevented', () => {
-      const instance = new CrudSaveButton({
-        name: 'button',
-        component: 'TekCrudSaveButton',
-      });
-
-      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
-      instance.parent = crudForm;
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      expect(crudForm.saveEdit).toBeTruthy();
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      expect(crudForm.editing).toBeFalsy();
-      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
-      expect(crudForm.editing).toBeFalsy();
-    });
-
-    it('click() GridEditable', () => {
-      const method = jest.fn();
-      const instance = new CrudSaveButton({
-        name: 'button',
-        component: 'TekCrudSaveButton',
-        events: { click: method },
-      });
-      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable' });
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).not.toHaveBeenCalled();
-      instance.parent = gridEditable;
-      instance.click({} as Event, {} as HTMLElement);
-      expect(method).toHaveBeenCalled();
-    });
-
-    it('click() GridEditable with defaultPrevent false', () => {
-      const instance = new CrudSaveButton({
-        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 { CrudForm, CrudSaveButton } from '../../../../src';
+
+describe('CrudSaveButton', () => {
+  describe('constructor()', () => {
+    it('should create new CrudSaveButton with default values', () => {
+      const instance = new CrudSaveButton({
+        name: 'button',
+        component: 'TekCrudSaveButton',
+        clickShortcutKey: 'ctrl+enter',
+      });
+
+      expect(instance.clickShortcutKey).toBe('ctrl+enter');
+      expect(instance.label).toBe('SAVE');
+    });
+
+    it('should create new CrudSaveButton replace default values', () => {
+      const instance = new CrudSaveButton({
+        name: 'button',
+        component: 'TekCrudSaveButton',
+        clickShortcutKey: '',
+        label: 'Salvar',
+      });
+
+      expect(instance.clickShortcutKey).toBe('ctrl+enter');
+      expect(instance.label).toBe('Salvar');
+    });
+
+    it('CrudSaveButton click()', () => {
+      const method = jest.fn();
+      const instance = new CrudSaveButton({
+        name: 'button',
+        component: 'TekCrudSaveButton',
+        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 CrudSaveButton({
+        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('CrudSaveButton click() no validate', () => {
+      const method = jest.fn();
+      const instance = new CrudSaveButton({
+        name: 'button',
+        component: 'TekCrudSaveButton',
+        events: { click: method },
+      });
+
+      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
+      crudForm.validate = () => false;
+      instance.parent = crudForm;
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).not.toHaveBeenCalled();
+    });
+
+    it('CrudSaveButton click() when event is not prevented', () => {
+      const instance = new CrudSaveButton({
+        name: 'button',
+        component: 'TekCrudSaveButton',
+      });
+
+      const crudForm = new CrudForm({ name: 'form', component: 'CrudForm' });
+      instance.parent = crudForm;
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      expect(crudForm.saveEdit).toBeTruthy();
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      expect(crudForm.editing).toBeFalsy();
+      instance.click({ defaultPrevented: false } as Event, {} as HTMLElement);
+      expect(crudForm.editing).toBeFalsy();
+    });
+
+    it('click() GridEditable', () => {
+      const method = jest.fn();
+      const instance = new CrudSaveButton({
+        name: 'button',
+        component: 'TekCrudSaveButton',
+        events: { click: method },
+      });
+      const gridEditable = new GridEditable({ name: 'form', component: 'GridEditable' });
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).not.toHaveBeenCalled();
+      instance.parent = gridEditable;
+      instance.click({} as Event, {} as HTMLElement);
+      expect(method).toHaveBeenCalled();
+    });
+
+    it('click() GridEditable with defaultPrevent false', () => {
+      const instance = new CrudSaveButton({
+        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/tek-breadcrumb-header/tek-breadcrumb-header.spec.ts

@@ -1,42 +1,42 @@
-import { BreadcrumbHeader, Image } from '../../../../src';
-
-describe('BreadcrumbHeader', () => {
-  describe('constructor()', () => {
-    it('should create new BreadcrumbHeader with default values', () => {
-      const instance = new BreadcrumbHeader({
-        name: 'BreadcrumbHeader',
-        component: 'TekBreadcrumbHeader',
-        title: '',
-        breadcrumb: {
-          name: 'breadcrumb',
-          component: 'ZdBreadcrumb',
-          divider: '>',
-        },
-      });
-      expect(instance.title).toBe('');
-      expect(instance.rightSlot).toStrictEqual([]);
-    });
-
-    it('should create new BreadcrumbHeader with rightSlot values', () => {
-      const image = new Image({
-        name: 'image',
-        component: 'tekImage',
-        src: '/img/zeedhi.svg',
-        to: 'google.com.br',
-      });
-      const instance = new BreadcrumbHeader({
-        name: 'BreadcrumbHeader',
-        component: 'TekBreadcrumbHeader',
-        title: '',
-        breadcrumb: {
-          name: 'breadcrumb',
-          component: 'ZdBreadcrumb',
-          divider: '>',
-        },
-        rightSlot: [image],
-      });
-      expect(instance.title).toBe('');
-      expect(instance.rightSlot).toEqual([image]);
-    });
-  });
-});
+import { BreadcrumbHeader, Image } from '../../../../src';
+
+describe('BreadcrumbHeader', () => {
+  describe('constructor()', () => {
+    it('should create new BreadcrumbHeader with default values', () => {
+      const instance = new BreadcrumbHeader({
+        name: 'BreadcrumbHeader',
+        component: 'TekBreadcrumbHeader',
+        title: '',
+        breadcrumb: {
+          name: 'breadcrumb',
+          component: 'ZdBreadcrumb',
+          divider: '>',
+        },
+      });
+      expect(instance.title).toBe('');
+      expect(instance.rightSlot).toStrictEqual([]);
+    });
+
+    it('should create new BreadcrumbHeader with rightSlot values', () => {
+      const image = new Image({
+        name: 'image',
+        component: 'tekImage',
+        src: '/img/zeedhi.svg',
+        to: 'google.com.br',
+      });
+      const instance = new BreadcrumbHeader({
+        name: 'BreadcrumbHeader',
+        component: 'TekBreadcrumbHeader',
+        title: '',
+        breadcrumb: {
+          name: 'breadcrumb',
+          component: 'ZdBreadcrumb',
+          divider: '>',
+        },
+        rightSlot: [image],
+      });
+      expect(instance.title).toBe('');
+      expect(instance.rightSlot).toEqual([image]);
+    });
+  });
+});