@zeedhi/teknisa-components-common 3.0.4 → 3.1.0

package/tests/unit/components/tek-grid/grouped-view-navigator.spec.ts

@@ -1,244 +0,0 @@
-import { IEventParam } from '@zeedhi/core';
-import { GroupedViewNavigator, ViewNavigator } from '../../../../src';
-import { spyOnAllMethods } from '../../__helpers__';
-
-describe('GroupedViewNavigator', () => {
-  let navigator: GroupedViewNavigator;
-  let mockGrid: any;
-
-  beforeEach(() => {
-    mockGrid = {
-      isGrouped: jest.fn(),
-      cellSelection: false,
-      getGroupedData: jest.fn(),
-      datasource: { currentRow: {} } as any,
-      getRowKey: jest.fn(),
-      isItemVisible: jest.fn().mockReturnValue(true),
-      setCurrentRow: jest.fn(),
-    };
-
-    navigator = new GroupedViewNavigator(mockGrid);
-  });
-
-  afterEach(() => {
-    jest.restoreAllMocks();
-  });
-
-  describe('constructor', () => {
-    it('should initialize with the provided grid', () => {
-      expect(navigator).toBeInstanceOf(GroupedViewNavigator);
-      // @ts-ignore - access protected property for testing
-      expect(navigator.grid).toBe(mockGrid);
-    });
-  });
-
-  describe('basic navigation methods', () => {
-    it('should delegate to ViewNavigator', () => {
-      const spyObj = spyOnAllMethods(ViewNavigator.prototype);
-
-      const param = {} as IEventParam<any>;
-      navigator.navigateLeft(param);
-      expect(spyObj.navigateLeft).toHaveBeenCalledWith(param);
-
-      navigator.navigateRight(param);
-      expect(spyObj.navigateRight).toHaveBeenCalledWith(param);
-
-      const fn = jest.fn();
-      navigator.setViewNavigate(fn);
-      expect(spyObj.setViewNavigate).toHaveBeenCalledWith(fn);
-    });
-  });
-
-  describe('getRowIndex', () => {
-    const groupedData = [
-      { group: true, groupValue: 'Group1' },
-      { id: 1, name: 'Item1' },
-      { id: 2, name: 'Item2' },
-      { group: true, groupValue: 'Group2' },
-      { id: 3, name: 'Item3' },
-    ];
-
-    it('should return provided index if given', () => {
-      // @ts-ignore - access private method for testing
-      const result = navigator.getRowIndex(groupedData, 2);
-      expect(result).toBe(2);
-    });
-
-    it('should find index by groupValue when currentRow is a group', () => {
-      mockGrid.datasource.currentRow = { group: true, groupValue: 'Group2' };
-      // @ts-ignore - access private method for testing
-      const result = navigator.getRowIndex(groupedData);
-      expect(result).toBe(3);
-    });
-
-    it('should find index by rowKey when currentRow is not a group', () => {
-      mockGrid.datasource.currentRow = { id: 2, name: 'Item2' };
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-      // @ts-ignore - access private method for testing
-      const result = navigator.getRowIndex(groupedData);
-      expect(result).toBe(2);
-      expect(mockGrid.getRowKey).toHaveBeenCalledWith({ id: 2, name: 'Item2' });
-    });
-
-    it('should return -1 when row not found', () => {
-      mockGrid.datasource.currentRow = { id: 99, name: 'NotFound' };
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-      // @ts-ignore - access private method for testing
-      const result = navigator.getRowIndex(groupedData);
-      expect(result).toBe(-1);
-    });
-  });
-
-  describe('navigateUp', () => {
-    const groupedData = [
-      { group: true, groupValue: 'Group1' },
-      { id: 1, name: 'Item1' },
-      { id: 2, name: 'Item2' },
-      { group: true, groupValue: 'Group2' },
-      { id: 3, name: 'Item3' },
-      { groupFooter: true, groupValue: 'Group2' },
-    ];
-
-    beforeEach(() => {
-      mockGrid.getGroupedData.mockReturnValue(groupedData);
-    });
-
-    it('should delegate to ViewNavigator when not grouped or cellSelection is true', () => {
-      const spyObj = spyOnAllMethods(ViewNavigator.prototype);
-
-      mockGrid.isGrouped.mockReturnValue(false);
-      navigator.navigateUp();
-      expect(spyObj.navigateUp).toHaveBeenCalled();
-
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.cellSelection = true;
-      navigator.navigateUp();
-      expect(spyObj.navigateUp).toHaveBeenCalledTimes(2);
-    });
-
-    it('should do nothing when groupedData is empty', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.getGroupedData.mockReturnValue([]);
-      navigator.navigateUp();
-      expect(mockGrid.setCurrentRow).not.toHaveBeenCalled();
-    });
-
-    it('should navigate to previous visible row', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = groupedData[2]; // Item2
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-
-      navigator.navigateUp();
-      expect(mockGrid.setCurrentRow).toHaveBeenCalledWith(groupedData[1]); // Item1
-    });
-
-    it('should skip group footers and invisible items', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = groupedData[4]; // Item3
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-      mockGrid.isItemVisible.mockImplementation((row: any) => !row.groupFooter);
-
-      navigator.navigateUp();
-      // Should skip groupFooter and land on Group2
-      expect(mockGrid.setCurrentRow).toHaveBeenCalledWith(groupedData[3]);
-    });
-
-    it('should recursively find previous visible item', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = groupedData[4]; // Item3
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-      // Make Group2 invisible
-      mockGrid.isItemVisible.mockImplementation((row: any) => row !== groupedData[3]);
-
-      navigator.navigateUp();
-      // Should skip invisible Group2 and land on Item2
-      expect(mockGrid.setCurrentRow).toHaveBeenCalledWith(groupedData[2]);
-    });
-
-    it('should stop at beginning of list', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = groupedData[0]; // Group1
-      mockGrid.getRowKey.mockImplementation((row: any) => row.groupValue);
-
-      navigator.navigateUp();
-      expect(mockGrid.setCurrentRow).not.toHaveBeenCalled();
-    });
-
-    it('should navigate to last row when currentRow is not defined', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = {};
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-
-      navigator.navigateUp();
-      expect(mockGrid.setCurrentRow).toHaveBeenCalledWith(groupedData[4]);
-    });
-  });
-
-  describe('navigateDown', () => {
-    const groupedData = [
-      { group: true, groupValue: 'Group1' },
-      { id: 1, name: 'Item1' },
-      { id: 2, name: 'Item2' },
-      { group: true, groupValue: 'Group2' },
-      { id: 3, name: 'Item3' }
-    ];
-
-    beforeEach(() => {
-      mockGrid.getGroupedData.mockReturnValue(groupedData);
-    });
-
-    it('should delegate to ViewNavigator when not grouped or cellSelection is true', () => {
-      const spyObj = spyOnAllMethods(ViewNavigator.prototype);
-
-      mockGrid.isGrouped.mockReturnValue(false);
-      navigator.navigateDown();
-      expect(spyObj.navigateDown).toHaveBeenCalled();
-
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.cellSelection = true;
-      navigator.navigateDown();
-      expect(spyObj.navigateDown).toHaveBeenCalledTimes(2);
-    });
-
-    it('should navigate to next visible row', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = groupedData[1]; // Item1
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-
-      navigator.navigateDown();
-      expect(mockGrid.setCurrentRow).toHaveBeenCalledWith(groupedData[2]); // Item2
-    });
-
-    it('should skip group footers and invisible items', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = groupedData[3]; // Group2
-      mockGrid.getRowKey.mockImplementation((row: any) => row.groupValue);
-      mockGrid.isItemVisible.mockImplementation((row: any) => !row.groupFooter);
-
-      navigator.navigateDown();
-      // Should skip groupFooter and land on Item3
-      expect(mockGrid.setCurrentRow).toHaveBeenCalledWith(groupedData[4]);
-    });
-
-    it('should recursively find next visible item', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = groupedData[1]; // Item1
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-      // Make Item2 invisible
-      mockGrid.isItemVisible.mockImplementation((row: any) => row !== groupedData[2]);
-
-      navigator.navigateDown();
-      // Should skip invisible Item2 and land on Group2
-      expect(mockGrid.setCurrentRow).toHaveBeenCalledWith(groupedData[3]);
-    });
-
-    it('should do nothing when at end of list', () => {
-      mockGrid.isGrouped.mockReturnValue(true);
-      mockGrid.datasource.currentRow = groupedData[4];
-      mockGrid.getRowKey.mockImplementation((row: any) => row.id);
-
-      navigator.navigateDown();
-      expect(mockGrid.setCurrentRow).not.toHaveBeenCalled();
-    });
-  });
-});

package/tests/unit/components/tek-grid/multi-option.spec.ts

@@ -1,139 +0,0 @@
-import { Button, IText, Text } from '@zeedhi/common';
-import { ITekGridExportConfig, TekGrid, MultiOption } from '../../../../src';
-import { Loader, SimpleControllerBuilder } from '@zeedhi/core';
-
-describe('MultiOption', () => {
-  beforeAll(() => {
-    Loader.setBuilder(new SimpleControllerBuilder());
-  });
-
-  describe('buildComponent()', () => {
-    it('when called, should build a row with multiple buttons', () => {
-      const grid = new TekGrid({ name: 'Grid', component: 'TekGrid' });
-      const config: ITekGridExportConfig = {
-        type: 'pdf',
-        label: 'Exportar PDF',
-        multiOption: [
-          { label: 'portrait', iconName: 'icon-portrait' },
-          { label: 'landscape', iconName: 'icon-landscape' },
-        ],
-      };
-      const option = new MultiOption(config);
-
-      const component = option.buildComponent(grid);
-
-      expect(component).toEqual({
-        name: 'Grid_export_pdf_row',
-        component: 'ZdRow',
-        cssClass: 'zd-display-flex zd-ma-0 zd-py-0 zd-gap-x-1 tek-grid-export-multioption-row',
-        children: [
-          expect.objectContaining({
-            name: 'Grid_export_pdf_text',
-            component: 'ZdText',
-            text: 'Exportar PDF',
-            cssClass: 'zd-display-flex zd-align-center zd-flex-grow-1 tek-grid-export-multioption-text',
-          }),
-          {
-            name: 'Grid_export_pdf_tooltip_portrait',
-            component: 'ZdTooltip',
-            bottom: true,
-            label: 'portrait',
-            children: [
-              expect.objectContaining({
-                name: 'Grid_export_pdf_button_portrait',
-                component: 'ZdButton',
-                icon: true,
-                iconName: 'icon-portrait',
-              }),
-            ],
-          },
-          expect.objectContaining({
-            name: 'Grid_export_pdf_divider_portrait',
-            component: 'ZdDivider',
-            cssClass: 'zd-my-1',
-            vertical: true,
-          }),
-          {
-            name: 'Grid_export_pdf_tooltip_landscape',
-            component: 'ZdTooltip',
-            bottom: true,
-            label: 'landscape',
-            children: [
-              expect.objectContaining({
-                name: 'Grid_export_pdf_button_landscape',
-                component: 'ZdButton',
-                icon: true,
-                iconName: 'icon-landscape',
-              }),
-            ],
-          },
-        ],
-      });
-    });
-
-    it('the generated text component should call stopPropagation on click', () => {
-      const grid = new TekGrid({ name: 'Grid', component: 'TekGrid' });
-      const config: ITekGridExportConfig = {
-        type: 'pdf',
-        label: 'Exportar PDF',
-        multiOption: [
-          { label: 'portrait', iconName: 'icon-portrait' },
-          { label: 'landscape', iconName: 'icon-landscape' },
-        ],
-      };
-      const option = new MultiOption(config);
-
-      const component = option.buildComponent(grid);
-
-      const instance = new Text(component.children![0] as IText);
-      const spy = jest.fn();
-      const event = { stopPropagation: spy } as unknown as Event;
-      instance.click(event);
-
-      expect(spy).toHaveBeenCalled();
-    });
-
-    it('the generated text component should not throw if event is undefined', () => {
-      const grid = new TekGrid({ name: 'Grid', component: 'TekGrid' });
-      const config: ITekGridExportConfig = {
-        type: 'pdf',
-        label: 'Exportar PDF',
-        multiOption: [
-          { label: 'portrait', iconName: 'icon-portrait' },
-          { label: 'landscape', iconName: 'icon-landscape' },
-        ],
-      };
-      const option = new MultiOption(config);
-
-      const component = option.buildComponent(grid);
-
-      const instance = new Text(component.children![0] as IText);
-
-      expect(() => instance.callEvent('click', { event: undefined })).not.toThrow();
-    });
-
-    it('the generated button components should call grid.getReport on click', () => {
-      const grid = new TekGrid({ name: 'Grid', component: 'TekGrid' });
-      const spy = jest.fn();
-      grid.getReport = spy;
-      const config: ITekGridExportConfig = {
-        type: 'pdf',
-        multiOption: [
-          { label: 'portrait', iconName: 'icon-portrait' },
-          { label: 'landscape', iconName: 'icon-landscape' },
-        ],
-      };
-      const option = new MultiOption(config);
-
-      const component = option.buildComponent(grid);
-
-      const instance = new Button(component.children![1].children![0]);
-      instance.click();
-
-      const instance2 = new Button(component.children![3].children![0]);
-      instance2.click();
-
-      expect(spy).toHaveBeenCalledTimes(2);
-    });
-  });
-});

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

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