@zeedhi/teknisa-components-common 3.0.4 → 3.1.0

package/tests/unit/utils/grid-base/export-options/button-option.spec.ts

@@ -1,44 +0,0 @@
-import { Button } from '@zeedhi/common';
-import { TekGrid } from '../../../../../src/components';
-import { ButtonOption } from '../../../../../src/utils';
-
-describe('ButtonOption', () => {
-  describe('buildComponent()', () => {
-    it('when called, should build a simple button component', () => {
-      const grid = new TekGrid({ name: 'Grid', component: 'TekGrid' });
-      const config = {
-        type: 'pdf',
-        label: 'Exportar PDF',
-      };
-      const option = new ButtonOption(config);
-
-      const component = option.buildComponent(grid);
-
-      expect(component).toEqual(expect.objectContaining({
-        label: config.label,
-        name: 'Grid_export_pdf_portrait',
-        component: 'ZdButton',
-        iconName: undefined,
-        flat: true,
-      }));
-    });
-
-    it('the generated button component should call grid.getReport on click', () => {
-      const grid = new TekGrid({ name: 'Grid', component: 'TekGrid' });
-      const spy = jest.fn();
-      grid.getReport = spy;
-      const config = {
-        type: 'pdf',
-        label: 'Exportar PDF',
-      };
-      const option = new ButtonOption(config);
-
-      const component = option.buildComponent(grid);
-
-      const instance = new Button(component);
-      instance.click();
-
-      expect(spy).toHaveBeenCalledTimes(1);
-    });
-  });
-});

package/tests/unit/utils/grid-base/export-options/multi-option.spec.ts

@@ -1,135 +0,0 @@
-import { Button, type IText, Text } from '@zeedhi/common';
-import { type ITekGridExportConfig, TekGrid } from '../../../../../src/components';
-import { MultiOption } from '../../../../../src/utils';
-
-describe('MultiOption', () => {
-  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/utils/grid-base/grid-controller.spec.ts

@@ -1,174 +0,0 @@
-import {
-  TekGrid,
-} from '../../../../src';
-import { GridController } from '../../../../src/utils/grid-base/grid-controller';
-
-describe('GridController', () => {
-  describe('constructor()', () => {
-    it('should create controller and get info from grid', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        title: 'title',
-        addButton: false,
-        deleteButton: 'currentRow',
-        filterButton: true,
-        columnsButton: true,
-        editing: true,
-        showEditButtons: false,
-        modalFilterProps: {
-          name: 'name',
-          height: 'auto',
-          persistent: true,
-        },
-        showExport: true,
-        showLayoutOptionsButton: true,
-        showReloadButton: true,
-        actions: [{ name: 'button', component: 'ZdButton' }],
-      });
-      grid.editing = true;
-      const instance = new GridController(grid);
-      expect(instance.gridTitle).toBe('title');
-      expect(instance.showAddButton).toBeFalsy();
-      expect(instance.showDeleteButton).toBeTruthy();
-      expect(instance.showFilterButton).toBeTruthy();
-      expect(instance.showActionsButton).toBeTruthy();
-      expect(instance.showExportButton).toBeTruthy();
-      expect(instance.showActionAndExportButton).toBeTruthy();
-      expect(instance.showSearchInput).toBeTruthy();
-      expect(instance.showToolbar).toBeTruthy();
-      expect(instance.toolbarStyle).toBe('');
-      expect(instance.tooltipName).toBe('TEKGRID_HIDE');
-      expect(instance.showDivider2).toBeTruthy();
-      expect(instance.showDivider3).toBeTruthy();
-      expect(instance.showColumnsButton).toBeTruthy();
-      expect(instance.columnsButtonIgnore).toEqual([]);
-      expect(instance.showLayoutOptionsButton).toBeTruthy();
-      expect(instance.showReloadButton).toBeTruthy();
-      expect(instance.showDivider1).toBeTruthy();
-      expect(instance.isEditing).toBeTruthy();
-      expect(instance.isNotEditing).toBeFalsy();
-      expect(instance.showEditButtons).toBeFalsy();
-      expect(instance.disableDeleteButton).toBeTruthy();
-      expect(instance.showModalFilterProps).toEqual(
-        expect.objectContaining({
-          height: 'auto',
-          persistent: true,
-        }),
-      );
-
-      grid.datasource.currentRow = { id: '1' };
-      expect(instance.disableDeleteButton).toBeFalsy();
-      grid.showExport = false;
-      grid.showLayoutOptions = false;
-      grid.showReload = false;
-      grid.columnsButton = false;
-      grid.actions = [];
-      grid.deleteButton = 'selection';
-      grid.selectedRows = [{ id: '1' }];
-      expect(instance.disableDeleteButton).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-      expect(instance.showActionAndExportButton).toBeFalsy();
-      expect(instance.showLayoutOptionsButton).toBeFalsy();
-
-      instance.showToolbar = false;
-      expect(instance.toolbarStyle).toBe('is-rotated');
-      expect(instance.tooltipName).toBe('TEKGRID_SHOW');
-      expect(instance.showToolbar).toBeFalsy();
-    });
-
-    it('should verify if showDivider3 is visibility', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        addButton: false,
-        deleteButton: 'none',
-        filterButton: false,
-        columnsButton: false,
-        showReload: false,
-        showLayoutOptions: false,
-        showReloadButton: true,
-        showSearch: false,
-        showExport: false,
-        actions: [],
-      });
-      const instance = new GridController(grid);
-
-      expect(instance.showDivider3).toBeFalsy();
-      expect(instance.showActionsButton).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-      expect(instance.showSearchInput).toBeFalsy();
-    });
-
-    it('should verify if showActionAndExportButton is visibility', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        addButton: false,
-        deleteButton: 'none',
-        filterButton: false,
-        columnsButton: true,
-        showReload: false,
-        showLayoutOptions: true,
-        showReloadButton: true,
-        showSearch: false,
-        showExport: false,
-        actions: [],
-      });
-      const instance = new GridController(grid);
-
-      expect(instance.showActionAndExportButton).toBeFalsy();
-      expect(instance.showActionsButton).toBeFalsy();
-      expect(instance.showSearchInput).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-    });
-
-    it('should verify if showDivider2 is visibility', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        addButton: false,
-        deleteButton: 'none',
-        filterButton: false,
-        columnsButton: false,
-        showReload: true,
-        showLayoutOptions: false,
-        showSearch: false,
-        showExport: false,
-        actions: [],
-      });
-      const instance = new GridController(grid);
-
-      expect(instance.showDivider2).toBeFalsy();
-      expect(instance.showActionsButton).toBeFalsy();
-      expect(instance.showSearchInput).toBeFalsy();
-      expect(instance.showColumnsButton).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-      expect(instance.showReloadButton).toBeTruthy();
-    });
-
-    it('should verify if showDivider1 is visibility', () => {
-      const grid = new TekGrid({
-        name: 'Grid',
-        component: 'TekGrid',
-        addButton: true,
-        deleteButton: 'selection',
-        filterButton: false,
-        columnsButton: false,
-        showReload: false,
-        showLayoutOptions: false,
-        showSearch: false,
-        showExport: false,
-        actions: [],
-      });
-      const instance = new GridController(grid);
-
-      expect(instance.showDivider1).toBeFalsy();
-      expect(instance.showActionsButton).toBeFalsy();
-      expect(instance.showSearchInput).toBeFalsy();
-      expect(instance.showColumnsButton).toBeFalsy();
-      expect(instance.showExportButton).toBeFalsy();
-      expect(instance.showReloadButton).toBeFalsy();
-    });
-  });
-});

package/tests/unit/utils/report-filter/report-filter.spec.ts

@@ -1,66 +0,0 @@
-import { ReportFilter } from '../../../../src/utils';
-
-describe('ReportFilter', () => {
-  describe('constructor()', () => {
-    it('should create a ReportFilter with defined values', () => {
-      const filter = {
-        name: [
-          {
-            value: 'Luiz',
-            relation: 'AND',
-            operation: 'CONTAINS',
-          },
-        ],
-      };
-
-      const instance = new ReportFilter(filter);
-
-      expect(instance.filter).toEqual(filter);
-    });
-  });
-
-  describe('build', () => {
-    it('should build the filter in ZhReports format', () => {
-      const filter = {
-        name: [
-          {
-            value: 'Luiz',
-            relation: 'AND',
-            operation: 'CONTAINS',
-          },
-        ],
-        salary: [
-          {
-            value: '100',
-            relation: 'AND',
-            operation: 'GREATER_THAN',
-          },
-          {
-            value: '200',
-            relation: 'AND',
-            operation: 'LESS_THAN',
-          },
-          {
-            value: '500',
-            relation: 'OR',
-            operation: 'EQUALS',
-          },
-        ],
-      };
-      const instance = new ReportFilter(filter);
-
-      const newFilter = instance.build();
-
-      expect(newFilter).toEqual([
-        {
-          label: 'name',
-          value: 'contains Luiz',
-        },
-        {
-          label: 'salary',
-          value: 'is greater than 100 and is less than 200 or is equal to 500',
-        },
-      ]);
-    });
-  });
-});