@zeedhi/teknisa-components-common 1.107.2 → 1.108.0

package/tests/unit/components/tek-image/Image.spec.ts

@@ -1,67 +1,67 @@
-import { Image } from '../../../../src';
-
-describe('Image', () => {
-  describe('constructor()', () => {
-    it('should create new Image with default values', () => {
-      const instance = new Image({
-        name: 'image',
-        component: 'Image',
-      });
-      expect(instance.src).toBe('');
-      expect(instance.to).toBe('');
-      expect(instance.height).toBe('auto');
-      expect(instance.minHeight).toBe('auto');
-      expect(instance.maxHeight).toBe('none');
-      expect(instance.fillHeight).toBeFalsy();
-      expect(instance.width).toBe('auto');
-      expect(instance.minWidth).toBe('auto');
-      expect(instance.maxWidth).toBe('none');
-    });
-
-    it('should create new image replacing default values', () => {
-      const instance = new Image({
-        name: 'image',
-        component: 'Image',
-        src: '/img/zeedhi.svg',
-        to: 'google.com.br',
-        height: '400px',
-        maxHeight: '500px',
-        minHeight: '500px',
-        width: '400px',
-        maxWidth: '500px',
-        minWidth: '500px',
-        fillHeight: true,
-      });
-      expect(instance.src).toBe('/img/zeedhi.svg');
-      expect(instance.to).toBe('google.com.br');
-      expect(instance.height).toBe('400px');
-      expect(instance.maxHeight).toBe('500px');
-      expect(instance.minHeight).toBe('500px');
-      expect(instance.width).toBe('400px');
-      expect(instance.maxWidth).toBe('500px');
-      expect(instance.minWidth).toBe('500px');
-      expect(instance.fillHeight).toBeTruthy();
-    });
-  });
-
-  describe('load event', () => {
-    it('should call load event', () => {
-      const load = jest.fn();
-      const instance = new Image({
-        name: 'image',
-        component: 'TekImage',
-        events: {
-          load,
-        },
-      });
-
-      const event = {} as Event;
-      const element = {} as HTMLElement;
-      instance.load(event, element);
-
-      expect(load).toHaveBeenCalledWith({
-        event, element, component: instance,
-      });
-    });
-  });
-});
+import { Image } from '../../../../src';
+
+describe('Image', () => {
+  describe('constructor()', () => {
+    it('should create new Image with default values', () => {
+      const instance = new Image({
+        name: 'image',
+        component: 'Image',
+      });
+      expect(instance.src).toBe('');
+      expect(instance.to).toBe('');
+      expect(instance.height).toBe('auto');
+      expect(instance.minHeight).toBe('auto');
+      expect(instance.maxHeight).toBe('none');
+      expect(instance.fillHeight).toBeFalsy();
+      expect(instance.width).toBe('auto');
+      expect(instance.minWidth).toBe('auto');
+      expect(instance.maxWidth).toBe('none');
+    });
+
+    it('should create new image replacing default values', () => {
+      const instance = new Image({
+        name: 'image',
+        component: 'Image',
+        src: '/img/zeedhi.svg',
+        to: 'google.com.br',
+        height: '400px',
+        maxHeight: '500px',
+        minHeight: '500px',
+        width: '400px',
+        maxWidth: '500px',
+        minWidth: '500px',
+        fillHeight: true,
+      });
+      expect(instance.src).toBe('/img/zeedhi.svg');
+      expect(instance.to).toBe('google.com.br');
+      expect(instance.height).toBe('400px');
+      expect(instance.maxHeight).toBe('500px');
+      expect(instance.minHeight).toBe('500px');
+      expect(instance.width).toBe('400px');
+      expect(instance.maxWidth).toBe('500px');
+      expect(instance.minWidth).toBe('500px');
+      expect(instance.fillHeight).toBeTruthy();
+    });
+  });
+
+  describe('load event', () => {
+    it('should call load event', () => {
+      const load = jest.fn();
+      const instance = new Image({
+        name: 'image',
+        component: 'TekImage',
+        events: {
+          load,
+        },
+      });
+
+      const event = {} as Event;
+      const element = {} as HTMLElement;
+      instance.load(event, element);
+
+      expect(load).toHaveBeenCalledWith({
+        event, element, component: instance,
+      });
+    });
+  });
+});

package/tests/unit/components/tek-iterable-carousel/iterable-carousel.spec.ts

@@ -1,37 +1,37 @@
-import { IterableComponentRender } from '@zeedhi/common';
-import { IterableCarousel } from '../../../../src';
-
-describe('IterableCarousel', () => {
-  describe('constructor()', () => {
-    it('should create new IterableCarousel with default values', () => {
-      const instance = new IterableCarousel({
-        name: 'iterable',
-        component: 'TekIterableCarousel',
-      });
-      expect(instance.iterable).toBeInstanceOf(IterableComponentRender);
-    });
-
-    it('should create new IterableCarousel replace default values', () => {
-      const instance = new IterableCarousel({
-        name: 'iterable',
-        component: 'TekIterableCarousel',
-        iterable: {
-          cssClass: 'test',
-        },
-        children: [],
-      });
-      expect(instance.iterable.cssClass).toBe('test');
-      expect(instance.children).toEqual([]);
-    });
-
-    it('Throw error', () => {
-      const instance = new IterableCarousel({
-        name: 'iterable',
-        component: 'TekIterableCarousel',
-      });
-      expect(() => {
-        instance.children = [{ name: 'childrenItem', component: 'Text' }];
-      }).toThrow('You should not change children when using IterableCarousel');
-    });
-  });
-});
+import { IterableComponentRender } from '@zeedhi/common';
+import { IterableCarousel } from '../../../../src';
+
+describe('IterableCarousel', () => {
+  describe('constructor()', () => {
+    it('should create new IterableCarousel with default values', () => {
+      const instance = new IterableCarousel({
+        name: 'iterable',
+        component: 'TekIterableCarousel',
+      });
+      expect(instance.iterable).toBeInstanceOf(IterableComponentRender);
+    });
+
+    it('should create new IterableCarousel replace default values', () => {
+      const instance = new IterableCarousel({
+        name: 'iterable',
+        component: 'TekIterableCarousel',
+        iterable: {
+          cssClass: 'test',
+        },
+        children: [],
+      });
+      expect(instance.iterable.cssClass).toBe('test');
+      expect(instance.children).toEqual([]);
+    });
+
+    it('Throw error', () => {
+      const instance = new IterableCarousel({
+        name: 'iterable',
+        component: 'TekIterableCarousel',
+      });
+      expect(() => {
+        instance.children = [{ name: 'childrenItem', component: 'Text' }];
+      }).toThrow('You should not change children when using IterableCarousel');
+    });
+  });
+});

package/tests/unit/components/tek-iterable-component-render/iterable-component-render.spec.ts

@@ -1,200 +1,200 @@
-import { IterableComponentRender } from '@zeedhi/common';
-
-describe('IterableComponentRender', () => {
-  describe('constructor()', () => {
-    it('should create new IterableComponentRender with default values', () => {
-      const instance = new IterableComponentRender({
-        name: 'IterableComponent',
-        component: 'TekIterableComponentRender',
-      });
-      expect(instance.rowPropName).toBe('row');
-      expect(instance.componentMetadata).toEqual(undefined);
-      expect(instance.footerSlot).toEqual([]);
-      expect(instance.toolbarSlot).toEqual([]);
-      expect(instance.errorSlot).toEqual([]);
-      expect(instance.noDataSlot).toEqual([{
-        name: 'IterableComponent_no-data',
-        component: 'ZdText',
-        cssClass: 'no-data',
-        text: 'NO_DATA',
-      }]);
-      expect(instance.noResultSlot).toEqual([
-        {
-          name: 'IterableComponent_no-result',
-          component: 'ZdText',
-          cssClass: 'no-result',
-          text: 'NO_RESULT',
-        },
-      ]);
-      expect(instance.height).toBe('auto');
-      expect(instance.maxHeight).toBe('none');
-      expect(instance.minHeight).toBe('auto');
-    });
-
-    it('should create new IterableComponentRender replacing default values', () => {
-      const instance = new IterableComponentRender({
-        name: 'IterableComponent',
-        component: 'TekIterableComponentRender',
-        rowPropName: 'div',
-        noDataSlot: [{
-          name: 'noData',
-          component: 'ZdText',
-          cssClass: 'noData',
-          text: 'Sem dados',
-        }],
-        noResultSlot: [{
-          name: 'noResult',
-          component: 'ZdText',
-          cssClass: 'noResult',
-          text: 'Sem resultado',
-        }],
-        errorSlot: [{
-          name: 'error',
-          component: 'ZdText',
-          cssClass: 'error',
-          text: 'Error',
-        }],
-        toolbarSlot: [{
-          name: 'toolbar',
-          component: 'ZdText',
-          text: 'toolbar',
-        }],
-        footerSlot: [{
-          name: 'footer',
-          component: 'ZdText',
-          text: 'footer',
-        }],
-        height: '400px',
-        minHeight: '300px',
-        maxHeight: '500px',
-      });
-
-      expect(instance.height).toBe('400px');
-      expect(instance.minHeight).toBe('300px');
-      expect(instance.maxHeight).toBe('500px');
-      expect(instance.rowPropName).toBe('div');
-      expect(instance.componentMetadata).toStrictEqual(undefined);
-      expect(instance.footerSlot).toEqual([
-        {
-          name: 'footer',
-          component: 'ZdText',
-          text: 'footer',
-        },
-      ]);
-      expect(instance.toolbarSlot).toEqual([
-        {
-          name: 'toolbar',
-          component: 'ZdText',
-          text: 'toolbar',
-        },
-      ]);
-      expect(instance.errorSlot).toEqual([
-        {
-          name: 'error',
-          component: 'ZdText',
-          cssClass: 'error',
-          text: 'Error',
-        },
-      ]);
-      expect(instance.noDataSlot).toEqual([
-        {
-          name: 'noData',
-          component: 'ZdText',
-          cssClass: 'noData',
-          text: 'Sem dados',
-        },
-      ]);
-      expect(instance.noResultSlot).toEqual([
-        {
-          name: 'noResult',
-          component: 'ZdText',
-          cssClass: 'noResult',
-          text: 'Sem resultado',
-        },
-      ]);
-    });
-  });
-
-  describe('getComponentMetaData()', () => {
-    it('call getComponentMetaData()', () => {
-      const instance = new IterableComponentRender({
-        name: 'IterableComponent',
-        component: 'TekIterableComponentRender',
-        datasource: {
-          uniqueKey: 'id',
-          data: [{ id: 'id1', name: 'Item 1' }],
-        },
-        componentMetadata: {
-          name: 'name-<<row.id>>',
-          component: 'Col',
-          children: [
-            {
-              name: 'name-<<row.id>>-button',
-              component: 'Button',
-              label: '<<row.name>>-button',
-              value: '<<row.value>>',
-            },
-          ],
-        },
-      });
-      expect(instance.getComponentMetadata({ id: 'id1', name: 'Item 1', value: true })).toEqual({
-        name: 'name-id1',
-        component: 'Col',
-        children: [
-          {
-            name: 'name-id1-button',
-            component: 'Button',
-            label: 'Item 1-button',
-            value: true,
-          },
-        ],
-      });
-    });
-  });
-
-  describe('addSlashes()', () => {
-    it('add regexp slashes', () => {
-      const instance = new IterableComponentRender({
-        name: 'IterableComponent',
-        component: 'TekIterableComponentRender',
-        componentMetadata: {
-          name: 'name-<<row.id>>',
-          component: 'Col',
-          children: [
-            {
-              name: 'name-<<row.id>>-button',
-              component: 'Button',
-              label: '<<row.name>>',
-            },
-          ],
-        },
-      });
-
-      const metadata1: any = instance.getComponentMetadata({ id: 'id1', name: 'It \t em \n 1' });
-      expect(metadata1).toEqual({
-        name: 'name-id1',
-        component: 'Col',
-        children: [
-          {
-            name: 'name-id1-button',
-            component: 'Button',
-            label: 'It \t em \n 1',
-          },
-        ],
-      });
-
-      const metadata2: any = instance.getComponentMetadata({ id: 'id2', name: 'It \r em \f \x22 2' });
-      expect(metadata2).toEqual({
-        name: 'name-id2',
-        component: 'Col',
-        children: [
-          {
-            name: 'name-id2-button',
-            component: 'Button',
-            label: 'It \r em \f \x22 2',
-          },
-        ],
-      });
-    });
-  });
-});
+import { IterableComponentRender } from '@zeedhi/common';
+
+describe('IterableComponentRender', () => {
+  describe('constructor()', () => {
+    it('should create new IterableComponentRender with default values', () => {
+      const instance = new IterableComponentRender({
+        name: 'IterableComponent',
+        component: 'TekIterableComponentRender',
+      });
+      expect(instance.rowPropName).toBe('row');
+      expect(instance.componentMetadata).toEqual(undefined);
+      expect(instance.footerSlot).toEqual([]);
+      expect(instance.toolbarSlot).toEqual([]);
+      expect(instance.errorSlot).toEqual([]);
+      expect(instance.noDataSlot).toEqual([{
+        name: 'IterableComponent_no-data',
+        component: 'ZdText',
+        cssClass: 'no-data',
+        text: 'NO_DATA',
+      }]);
+      expect(instance.noResultSlot).toEqual([
+        {
+          name: 'IterableComponent_no-result',
+          component: 'ZdText',
+          cssClass: 'no-result',
+          text: 'NO_RESULT',
+        },
+      ]);
+      expect(instance.height).toBe('auto');
+      expect(instance.maxHeight).toBe('none');
+      expect(instance.minHeight).toBe('auto');
+    });
+
+    it('should create new IterableComponentRender replacing default values', () => {
+      const instance = new IterableComponentRender({
+        name: 'IterableComponent',
+        component: 'TekIterableComponentRender',
+        rowPropName: 'div',
+        noDataSlot: [{
+          name: 'noData',
+          component: 'ZdText',
+          cssClass: 'noData',
+          text: 'Sem dados',
+        }],
+        noResultSlot: [{
+          name: 'noResult',
+          component: 'ZdText',
+          cssClass: 'noResult',
+          text: 'Sem resultado',
+        }],
+        errorSlot: [{
+          name: 'error',
+          component: 'ZdText',
+          cssClass: 'error',
+          text: 'Error',
+        }],
+        toolbarSlot: [{
+          name: 'toolbar',
+          component: 'ZdText',
+          text: 'toolbar',
+        }],
+        footerSlot: [{
+          name: 'footer',
+          component: 'ZdText',
+          text: 'footer',
+        }],
+        height: '400px',
+        minHeight: '300px',
+        maxHeight: '500px',
+      });
+
+      expect(instance.height).toBe('400px');
+      expect(instance.minHeight).toBe('300px');
+      expect(instance.maxHeight).toBe('500px');
+      expect(instance.rowPropName).toBe('div');
+      expect(instance.componentMetadata).toStrictEqual(undefined);
+      expect(instance.footerSlot).toEqual([
+        {
+          name: 'footer',
+          component: 'ZdText',
+          text: 'footer',
+        },
+      ]);
+      expect(instance.toolbarSlot).toEqual([
+        {
+          name: 'toolbar',
+          component: 'ZdText',
+          text: 'toolbar',
+        },
+      ]);
+      expect(instance.errorSlot).toEqual([
+        {
+          name: 'error',
+          component: 'ZdText',
+          cssClass: 'error',
+          text: 'Error',
+        },
+      ]);
+      expect(instance.noDataSlot).toEqual([
+        {
+          name: 'noData',
+          component: 'ZdText',
+          cssClass: 'noData',
+          text: 'Sem dados',
+        },
+      ]);
+      expect(instance.noResultSlot).toEqual([
+        {
+          name: 'noResult',
+          component: 'ZdText',
+          cssClass: 'noResult',
+          text: 'Sem resultado',
+        },
+      ]);
+    });
+  });
+
+  describe('getComponentMetaData()', () => {
+    it('call getComponentMetaData()', () => {
+      const instance = new IterableComponentRender({
+        name: 'IterableComponent',
+        component: 'TekIterableComponentRender',
+        datasource: {
+          uniqueKey: 'id',
+          data: [{ id: 'id1', name: 'Item 1' }],
+        },
+        componentMetadata: {
+          name: 'name-<<row.id>>',
+          component: 'Col',
+          children: [
+            {
+              name: 'name-<<row.id>>-button',
+              component: 'Button',
+              label: '<<row.name>>-button',
+              value: '<<row.value>>',
+            },
+          ],
+        },
+      });
+      expect(instance.getComponentMetadata({ id: 'id1', name: 'Item 1', value: true })).toEqual({
+        name: 'name-id1',
+        component: 'Col',
+        children: [
+          {
+            name: 'name-id1-button',
+            component: 'Button',
+            label: 'Item 1-button',
+            value: true,
+          },
+        ],
+      });
+    });
+  });
+
+  describe('addSlashes()', () => {
+    it('add regexp slashes', () => {
+      const instance = new IterableComponentRender({
+        name: 'IterableComponent',
+        component: 'TekIterableComponentRender',
+        componentMetadata: {
+          name: 'name-<<row.id>>',
+          component: 'Col',
+          children: [
+            {
+              name: 'name-<<row.id>>-button',
+              component: 'Button',
+              label: '<<row.name>>',
+            },
+          ],
+        },
+      });
+
+      const metadata1: any = instance.getComponentMetadata({ id: 'id1', name: 'It \t em \n 1' });
+      expect(metadata1).toEqual({
+        name: 'name-id1',
+        component: 'Col',
+        children: [
+          {
+            name: 'name-id1-button',
+            component: 'Button',
+            label: 'It \t em \n 1',
+          },
+        ],
+      });
+
+      const metadata2: any = instance.getComponentMetadata({ id: 'id2', name: 'It \r em \f \x22 2' });
+      expect(metadata2).toEqual({
+        name: 'name-id2',
+        component: 'Col',
+        children: [
+          {
+            name: 'name-id2-button',
+            component: 'Button',
+            label: 'It \r em \f \x22 2',
+          },
+        ],
+      });
+    });
+  });
+});