@zeedhi/teknisa-components-common 3.0.4 → 3.2.0

package/tests/__mocks__/@zeedhi/core.js

@@ -1,5 +0,0 @@
-const core = jest.requireActual('@zeedhi/core');
-
-core.I18n = require('./core/i18n');
-
-module.exports = core;

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

@@ -1,56 +0,0 @@
-import { CrudAddButton } from '../../../../src';
-
-describe('CrudAddButton', () => {
-  describe('constructor()', () => {
-    it('should create new CrudAddButton with default values', () => {
-      const instance = new CrudAddButton({
-        name: 'saveButton',
-        component: 'TekCrudSaveButton',
-      });
-
-      expect(instance.clickShortcutKey).toBe('f2');
-      expect(instance.dark).toBeFalsy();
-      expect(instance.disabled).toBeFalsy();
-      expect(instance.fab).toBeFalsy();
-      expect(instance.fixed).toBeFalsy();
-      expect(instance.flat).toBeTruthy();
-      expect(instance.href).toBe('');
-      expect(instance.icon).toBeTruthy();
-      expect(instance.iconName).toBe('plus');
-      expect(instance.label).toBe('');
-      expect(instance.color).toBe('#666');
-    });
-
-    it('should create new CrudAddButton replace default values', () => {
-      const instance = new CrudAddButton({
-        name: 'saveButton',
-        component: 'TekCrudSaveButton',
-        clickShortcutKey: 'f3',
-        flat: true,
-        icon: false,
-        color: '#ddd',
-        iconName: 'complete',
-      });
-      expect(instance.clickShortcutKey).toBe('f3');
-      expect(instance.color).toBe('#ddd');
-      expect(instance.fixed).toBeFalsy();
-      expect(instance.flat).toBeTruthy();
-      expect(instance.icon).toBeFalsy();
-      expect(instance.iconName).toBe('complete');
-    });
-
-    it('click()', () => {
-      const method = () => undefined;
-      const instance = new CrudAddButton({
-        name: 'saveButton',
-        component: 'TekCrudSaveButton',
-        clickShortcutKey: 'f2',
-        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();
-    });
-  });
-});

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

@@ -1,94 +0,0 @@
-import { GridEditable } from '@zeedhi/common';
-import { KeyMap } from '@zeedhi/core';
-import { CrudButton, CrudForm } from '../../../../src';
-
-const dispatchEvent = (key: string, modifiers: any, repeated = false) => {
-  let prevented = false;
-  const event = new KeyboardEvent('keydown', modifiers);
-  delete (event as any).key;
-  Object.defineProperty(event, 'key', { value: key });
-  delete (event as any).code;
-  Object.defineProperty(event, 'code', { value: key });
-
-  if (repeated) {
-    delete (event as any).repeat;
-    Object.defineProperty(event, 'repeat', { value: true });
-  }
-
-  delete (event as any).preventDefault;
-  Object.defineProperty(event, 'preventDefault', {
-    value: () => {
-      prevented = true;
-    },
-  });
-  document.dispatchEvent(event);
-  return prevented;
-};
-
-describe('CrudButton', () => {
-  describe('constructor()', () => {
-    it('should init KeyMap', () => {
-      const instance = new CrudButton({ name: 'button', component: 'tekCrudButton' });
-      const element = document.createElement('div');
-      expect(instance.initKeyMap(element)).toBe(undefined);
-    });
-
-    it('should init shortcutClick', () => {
-      let called = false;
-      const method = () => { called = true; };
-      const keyMap = {
-        a: {
-          event: method,
-        },
-      };
-      const instance = new CrudButton({
-        name: 'button',
-        component: 'tekCrudButton',
-        clickShortcutKey: 'a',
-        keyMap,
-
-      });
-
-      KeyMap.bind(instance.keyMap);
-      dispatchEvent('a', {});
-      expect(called).toBeFalsy();
-      KeyMap.unbind(instance.keyMap);
-    });
-
-    it('should init shortcutClick disabled', () => {
-      let called = false;
-      const method = () => { called = true; };
-      const keyMap = {
-        a: {
-          event: method,
-        },
-      };
-      const instance = new CrudButton({
-        name: 'button',
-        component: 'tekCrudButton',
-        clickShortcutKey: 'a',
-        disabled: true,
-        keyMap,
-
-      });
-
-      KeyMap.bind(instance.keyMap);
-      dispatchEvent('a', {});
-      expect(called).toBeFalsy();
-    });
-
-    it('parent instanceof CrudForm', () => {
-      const instance = new CrudButton({ name: 'button', component: 'tekCrudButton' });
-      const crudForm = new CrudForm({ name: 'grid', component: 'CrudForm' });
-      instance.parent = crudForm;
-      expect(instance.parentIsEditing).toBeFalsy();
-    });
-
-    it('parent instanceof GridEditable', () => {
-      const instance = new CrudButton({ name: 'button', component: 'tekCrudButton' });
-      const crudForm = new GridEditable({ name: 'grid', component: 'CrudForm' });
-      instance.parent = crudForm;
-      expect(instance.parentIsEditing).toBeFalsy();
-    });
-  });
-});

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

@@ -1,91 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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 +0,0 @@
-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]);
-    });
-  });
-});