@zeedhi/teknisa-components-common 1.117.1 → 3.0.1

package/tests/unit/components/tek-grid/tek-rest-datasource.spec.ts

@@ -0,0 +1,422 @@
+import {
+  IConfig, Config, Router, Http, URL, IDictionary, init,
+} from '@zeedhi/core';
+import {
+  TekRestDatasource, ITekRestDatasource,
+} from '../../../../src';
+import { flushPromises } from '../../__helpers__';
+
+describe('TekRestDatasource', () => {
+  init({
+    controllers: {
+      AppController: class AppController {
+        public value = '1';
+
+        public join: string[] | number[] = ['1', '2'];
+      },
+    },
+  });
+  let datasource: ITekRestDatasource;
+  let router: any;
+  const config: IConfig = {
+    endPoint: 'http://localhost:9000/',
+    metadataEndPoint: 'http://localhost:9000/metadata/',
+    title: 'Samples',
+    mode: 'production',
+    datasourceLimit: 10,
+  };
+  let httpSpy: jest.SpyInstance;
+
+  beforeEach(() => {
+    datasource = {
+      uniqueKey: 'id',
+      route: '/zeedhi',
+      lazyLoad: true,
+    };
+    Config.set(config);
+    router = {
+      push: () => jest.fn,
+      replace: (route: any) => {
+        window.history.replaceState(null, '', `${window.location.pathname}?${URL.getFormattedQueryString(route.query)}`);
+      },
+      back: () => jest.fn,
+      getCurrentRoute: () => ({
+        path: '',
+        hash: '',
+        query: {},
+        params: {},
+        fullPath: '',
+      }),
+      getPath: () => '',
+      getHash: () => '',
+      getQuery: () => ({}),
+      getParams: () => ({}),
+      getFullPath: () => '',
+    };
+    Router.setInstance(router);
+    httpSpy = jest.spyOn(Http, 'get').mockImplementation(() => Promise.resolve({
+      data: {
+        data: [
+          { name: '1', id: 1 }, { name: '2', id: 2 }, { name: '3', id: 3 },
+          { name: '4', id: 4 }, { name: '5', id: 5 }, { name: '6', id: 6 },
+        ],
+        pagination: {
+          page: 1,
+          total: 6,
+          limit: 15,
+        },
+      },
+    }));
+  });
+
+  afterEach(() => {
+    httpSpy.mockClear();
+  });
+
+  describe('constuctor()', () => {
+    it('should assign all properties', async () => {
+      const instance = new TekRestDatasource({
+        ...datasource,
+        dynamicFilter: {
+          name: { operation: 'EQUALS', relation: 'AND', value: '1' },
+        },
+        searchJoin: { col1: ['1', '2'], col2: [2], col3: [] },
+      });
+      await flushPromises();
+
+      expect(instance.route).toBe('/zeedhi');
+      expect(instance.lazyLoad).toBeTruthy();
+      expect(instance.dynamicFilter).toEqual({ name: { operation: 'EQUALS', relation: 'AND', value: '1' } });
+      expect(instance.data.length).toBe(0);
+      expect(instance.searchJoin).toEqual({ col1: ['1', '2'], col2: [2], col3: [] });
+    });
+
+    it('should assign all properties', async () => {
+      const instance = new TekRestDatasource({
+        ...datasource,
+        dynamicFilter: {
+          name: { operation: 'EQUALS', relation: 'AND', value: '{{AppController.value}}' },
+        },
+        searchJoin: { col1: '{{AppController.join}}' as any, col2: [2], col3: [] },
+      });
+      await flushPromises();
+
+      expect(instance.route).toBe('/zeedhi');
+      expect(instance.lazyLoad).toBeTruthy();
+      expect(instance.dynamicFilter).toEqual({ name: { operation: 'EQUALS', relation: 'AND', value: '1' } });
+      expect(instance.data.length).toBe(0);
+      expect(instance.searchJoin).toEqual({ col1: ['1', '2'], col2: [2], col3: [] });
+    });
+
+    it('should create without lazyLoad', async () => {
+      const instance = new TekRestDatasource({
+        ...datasource,
+        lazyLoad: false,
+        dynamicFilter: {
+          name: { operation: 'EQUALS', relation: 'AND', value: '1' },
+        },
+      });
+      instance.initialize();
+      await flushPromises();
+
+      expect(instance.data.length).toBe(6);
+    });
+
+    it('should set values from url', () => {
+      router.getFullPath = () => 'localhost/?page=2&limit=10&order=id.asc&search=2&id=1&filter=applied';
+      datasource.watchUrl = true;
+      const instance = new TekRestDatasource(datasource);
+      expect(instance.filter).toEqual({ id: '1' });
+      expect(instance.limit).toBe(10);
+      expect(instance.order).toEqual(['id.asc']);
+      expect(instance.page).toBe(2);
+      expect(instance.search).toBe('2');
+    });
+  });
+
+  describe('urlHasChanged()', () => {
+    it('should return true when url query string is different from datasource query string', () => {
+      datasource.watchUrl = true;
+      const spy = jest.spyOn(URL, 'getParsedQueryStringFromUrl').mockReturnValue({
+        dynamic_filter: 'eyJuYW1lIjpbeyJ2YWx1ZSI6IjIiLCJvcGVyYXRpb24iOiJDT05UQUlOUyIsInJlbGF0aW9uIjoiQU5EIn1dfQ==',
+        search_join: 'eyJjb2wxIjpbIjEiLCIyIl19',
+      });
+      const instance = new TekRestDatasource(datasource);
+      instance.dynamicFilter = { name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] };
+      instance.searchJoin = { col1: ['1', '2'], col2: [2], col3: [] };
+      instance.initialize();
+      expect(instance.urlHasChanged()).toBeTruthy();
+
+      spy.mockClear();
+    });
+  });
+
+  describe('addDynamicFilter()', () => {
+    it('should add/remove dynamic filter value', () => {
+      datasource.watchUrl = false;
+      const instance = new TekRestDatasource(datasource);
+      instance.addDynamicFilter('name', [{ operation: 'EQUALS', relation: 'AND', value: '1' }]);
+      expect(instance.dynamicFilter).toEqual({ name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] });
+      instance.addDynamicFilter('name', [{ operation: 'foo', relation: 'AND', value: '1' }]);
+      expect(instance.dynamicFilter).toEqual({});
+    });
+  });
+
+  describe('setDynamicFilter()', () => {
+    it('should add/remove dynamic filter value', () => {
+      datasource.watchUrl = false;
+      const instance = new TekRestDatasource(datasource);
+      instance.setDynamicFilter({ name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] });
+      expect(instance.dynamicFilter).toEqual({ name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] });
+
+      instance.setDynamicFilter({ name: [{ operation: 'foo', relation: 'AND', value: '1' }] });
+      expect(instance.dynamicFilter).toEqual({});
+
+      instance.setDynamicFilter({
+        department_id: undefined, hire_date: null, name: [], id: [{}],
+      });
+      expect(instance.dynamicFilter).toEqual({});
+    });
+
+    // it('should add dynamic filter value with watchUrl', () => {
+    //   let dynamicFilterValue = 'eyJuYW1lIjpbeyJvcGVyYXRpb24iOiJFUVVBTFMiLCJyZWxhdGlvbiI6IkFORCIsInZhbHVlIjoiMSJ9XX0=';
+    //   router.getFullPath = () => `localhost/?dynamic_filter=${dynamicFilterValue}`;
+    //   const urlSpy = jest.spyOn(URL, 'updateQueryString');
+
+    //   datasource.watchUrl = true;
+    //   const instance = new TekRestDatasource(datasource);
+    //   instance.initialize();
+    //   expect(instance.dynamicFilter).toEqual({ name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] });
+
+    //   dynamicFilterValue = 'eyJuYW1lIjpbeyJvcGVyYXRpb24iOiJFUVVBTFMiLCJyZWxhdGlvbiI6IkFORCIsInZhbHVlIjoiMiJ9XX0=';
+    //   instance.setDynamicFilter({ name: [{ operation: 'EQUALS', relation: 'AND', value: '2' }] });
+    //   expect(urlSpy).toHaveBeenCalledWith({
+    //     dynamic_filter: dynamicFilterValue,
+    //   });
+    //   expect(instance.dynamicFilter).toEqual({ name: [{ operation: 'EQUALS', relation: 'AND', value: '2' }] });
+    //   urlSpy.mockClear();
+    // });
+  });
+
+  describe('clearDynamicFilter()', () => {
+    it('should clear dynamic filter', () => {
+      datasource.watchUrl = false;
+      const instance = new TekRestDatasource(datasource);
+      instance.setDynamicFilter({ name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] });
+      expect(instance.dynamicFilter).toEqual({ name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] });
+      instance.clearDynamicFilter();
+      expect(instance.dynamicFilter).toEqual({});
+    });
+
+    // it('should clear dynamic filter value with watchUrl', () => {
+    //   let dynamicFilterValue = 'eyJuYW1lIjpbeyJvcGVyYXRpb24iOiJFUVVBTFMiLCJyZWxhdGlvbiI6IkFORCIsInZhbHVlIjoiMSJ9XX0=';
+    //   router.getFullPath = () => `localhost/?dynamic_filter=${dynamicFilterValue}`;
+    //   const urlSpy = jest.spyOn(URL, 'updateQueryString');
+
+    //   datasource.watchUrl = true;
+    //   const instance = new TekRestDatasource(datasource);
+    //   instance.initialize();
+    //   expect(instance.dynamicFilter).toEqual({ name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] });
+
+    //   dynamicFilterValue = '';
+    //   instance.clearDynamicFilter();
+    //   expect(urlSpy).toHaveBeenCalledWith({
+    //     dynamic_filter: undefined,
+    //   });
+    //   expect(instance.dynamicFilter).toEqual({});
+    //   urlSpy.mockClear();
+    // });
+  });
+
+  describe('get()', () => {
+    it('should send dynamic filter and searchJoin on get request params', async () => {
+      datasource.watchUrl = false;
+      const instance = new TekRestDatasource(datasource);
+      const dynFilter = { name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] };
+      const searchJoin = { join: [1, 2, 3] };
+      instance.setDynamicFilter(dynFilter);
+      instance.searchJoin = searchJoin;
+
+      await instance.get();
+
+      const expectedFilter = btoa(JSON.stringify(dynFilter));
+      const expectedSJoin = btoa(JSON.stringify(searchJoin));
+      expect(httpSpy).toHaveBeenCalledWith('/zeedhi',
+        expect.objectContaining({
+          params: expect.objectContaining({
+            dynamic_filter: expectedFilter,
+            search_join: expectedSJoin,
+          }),
+        }));
+    });
+
+    it('should send dynamic filter on get request params', async () => {
+      datasource.watchUrl = false;
+      const instance = new TekRestDatasource(datasource);
+      const dynFilter = { name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] };
+      instance.setDynamicFilter(dynFilter);
+
+      await instance.get();
+
+      const expectedFilter = btoa(JSON.stringify(dynFilter));
+
+      // should have dynamic_filter
+      expect(httpSpy).toHaveBeenCalledWith('/zeedhi',
+        expect.objectContaining({
+          params: expect.objectContaining({
+            dynamic_filter: expectedFilter,
+          }),
+        }));
+      // should not have search_join
+      expect(httpSpy).toHaveBeenCalledWith('/zeedhi',
+        expect.objectContaining({
+          params: expect.not.objectContaining({
+            search_join: expect.anything(),
+          }),
+        }));
+    });
+
+    it('should send search join on get request params', async () => {
+      datasource.watchUrl = false;
+      const instance = new TekRestDatasource(datasource);
+      const searchJoin = { join: [1, 2, 3] };
+      instance.searchJoin = searchJoin;
+
+      await instance.get();
+
+      const expectedSJoin = btoa(JSON.stringify(searchJoin));
+      // should have search_join
+      expect(httpSpy).toHaveBeenCalledWith('/zeedhi',
+        expect.objectContaining({
+          params: expect.objectContaining({
+            search_join: expectedSJoin,
+          }),
+        }));
+      // should not have dynamic_filter
+      expect(httpSpy).toHaveBeenCalledWith('/zeedhi',
+        expect.objectContaining({
+          params: expect.not.objectContaining({
+            dynamic_filter: expect.anything(),
+          }),
+        }));
+    });
+
+    it('should not send empty dynamic filter properties', async () => {
+      const filter: IDictionary = {
+        department_id: undefined, hire_date: null, name: [], id: [{}],
+      };
+      const instance = new TekRestDatasource(datasource);
+      instance.initialize();
+      instance.dynamicFilter = filter;
+
+      await instance.get();
+
+      expect(httpSpy).toHaveBeenCalledWith('/zeedhi', expect.objectContaining({
+        params: {
+          in: [],
+          order: [],
+          search: undefined,
+          search_in: [],
+          page: 1,
+          limit: 10,
+        },
+      }));
+    });
+
+    it('when using watchUrl, should update the dynamicFilter using the value from url query string', async () => {
+      const instance = new TekRestDatasource(datasource);
+      instance.initialize();
+      instance.watchUrl = true;
+      const spy = jest.spyOn(URL, 'getParsedQueryStringFromUrl').mockReturnValue({ dynamic_filter: 'eyJuYW1lIjpbeyJvcGVyYXRpb24iOiJFUVVBTFMiLCJyZWxhdGlvbiI6IkFORCIsInZhbHVlIjoiMSJ9XX0=' });
+
+      await instance.get();
+
+      expect(instance.dynamicFilter).toEqual({ name: [{ operation: 'EQUALS', relation: 'AND', value: '1' }] });
+      spy.mockClear();
+    });
+  });
+
+  describe('clone', () => {
+    it('should return an object with all datasource props', async () => {
+      const data = [{ value: 'item 1' }];
+      const dynamicFilter = {
+        name: { operation: 'EQUALS', relation: 'AND', value: 'item 1' },
+      };
+      const searchJoin = { col1: ['1', '2'], col2: [2], col3: [] };
+      const instance = new TekRestDatasource({
+        route: '/zeedhi',
+        data,
+        dynamicFilter,
+        searchJoin,
+      });
+      instance.initialize();
+
+      const props = instance.clone();
+
+      expect(props).toEqual({
+        data,
+        dynamicFilter,
+        searchJoin,
+        currentRow: {},
+        filter: {},
+        find: {},
+        limit: 10,
+        order: [],
+        page: 1,
+        search: '',
+        searchIn: [],
+        uniqueKey: 'id',
+        watchUrl: false,
+        events: {},
+        loadAll: false,
+        lazyLoad: true,
+        arrayFormat: 'repeat',
+        route: '/zeedhi',
+        type: 'tek-rest',
+      });
+    });
+  });
+
+  describe('hasFilter()', () => {
+    it('should return true if there is a filter for the column', () => {
+      const instance = new TekRestDatasource(datasource);
+      instance.initialize();
+      expect(instance.hasFilter('name')).toBeFalsy();
+      instance.dynamicFilter = { name: [{ value: 'name 1', operation: 'CONTAINS', relation: 'AND' }] };
+      expect(instance.hasFilter('name')).toBeTruthy();
+    });
+  });
+
+  describe('updateDynamicFilter()', () => {
+    it('when watching url, should update the url with the new dynamic filter', async () => {
+      const instance = new TekRestDatasource(datasource);
+      instance.initialize();
+      const dynamicFilter = { name: [{ value: 'name 1', operation: 'CONTAINS', relation: 'AND' }] };
+      instance.dynamicFilter = { ...dynamicFilter };
+      instance.watchUrl = true;
+      const spy = jest.spyOn(URL, 'updateQueryString');
+
+      await instance.updateDynamicFilter();
+
+      expect(spy).toHaveBeenCalledWith({
+        dynamic_filter: btoa(JSON.stringify(dynamicFilter)),
+      });
+      spy.mockClear();
+    });
+
+    it('when watching url, when dynamicFilter is empty, should update the url with undefined', async () => {
+      const instance = new TekRestDatasource(datasource);
+      instance.initialize();
+      instance.dynamicFilter = {};
+      instance.watchUrl = true;
+      const spy = jest.spyOn(URL, 'updateQueryString');
+
+      await instance.updateDynamicFilter();
+
+      expect(spy).toHaveBeenCalledWith({
+        dynamic_filter: undefined,
+      });
+      spy.mockClear();
+    });
+  });
+});

package/tests/unit/components/tek-user-info/tek-user-info-list.spec.ts

@@ -1,7 +1,7 @@
 import { ListItem } from '@zeedhi/common';
 import { Metadata } from '@zeedhi/core';
 import { UserInfo } from '@zeedhi/zd-user-info-common';
-import { TekUserInfo, TekUserInfoList, ITekUserInfo } from '../../../../src';
+import { TekUserInfo, TekUserInfoList, type ITekUserInfo } from '../../../../src';
 import { mockCreated } from '../../../__helpers__/mock-created-helper';
 
 function instantiateAndCreate(props: ITekUserInfo) {

package/tests/unit/components/tek-user-info/tek-user-info.spec.ts

@@ -1,9 +1,9 @@
 import {
-  Button, ListItem, Modal, ModalService,
+  Button, ListItem, type Modal, ModalService,
 } from '@zeedhi/common';
 import { Metadata, Http } from '@zeedhi/core';
 import { UserInfo } from '@zeedhi/zd-user-info-common';
-import { ITekUserInfo, TekUserInfo, TekUserInfoList } from '../../../../src';
+import { type ITekUserInfo, TekUserInfo, TekUserInfoList } from '../../../../src';
 import { mockCreated } from '../../../__helpers__/mock-created-helper';
 
 function instantiateAndCreate(props: ITekUserInfo) {
@@ -84,14 +84,12 @@ describe('TekUserInfo', () => {
         children: [
           {
             component: 'ZdHeader',
-            leftSlot: [
-              {
-                component: 'ZdTag',
-                children: [{ component: 'ZdImage', src: 'path' }],
-              },
-            ],
             rightSlot: [{ component: 'ZdModalCloseButton' }],
           },
+          {
+            component: 'ZdTag',
+            children: [{ component: 'ZdImage', src: 'path' }],
+          },
           {
             component: 'ZdTabs',
             tabs: [
@@ -152,14 +150,12 @@ describe('TekUserInfo', () => {
         children: [
           {
             component: 'ZdHeader',
-            leftSlot: [
-              {
-                component: 'ZdTag',
-                children: [{ component: 'ZdImage', src: '' }],
-              },
-            ],
             rightSlot: [{ component: 'ZdModalCloseButton' }],
           },
+          {
+            component: 'ZdTag',
+            children: [{ component: 'ZdImage', src: '' }],
+          },
           {
             component: 'ZdTabs',
             tabs: [

package/tests/unit/components/tree-grid/tree-grid.spec.ts

@@ -1,12 +1,12 @@
 import {
-  Button, Dropdown, Form, IButton, IForm, IModal, Modal, ModalService, Report, Search, Text, TextInput,
+  Button, Dropdown, Form, type IButton, type IForm, type IModal, Modal, ModalService, Report, Search, Text, TextInput,
 } from '@zeedhi/common';
 import {
-  Http, IDictionary, KeyMap, Metadata,
+  Http, type IDictionary, KeyMap, Metadata,
 } from '@zeedhi/core';
 import {
-  ITekGridFilterButton,
-  ITekTreeGrid, TekGridColumn, TekGridFilterButton, TekRestDatasource, TekTreeGrid,
+  type ITekGridFilterButton,
+  type ITekTreeGrid, TekGridColumn, TekGridFilterButton, TekRestDatasource, TekTreeGrid,
 } from '../../../../src';
 import { getChild, setClick } from '../../../__helpers__';
 
@@ -63,18 +63,6 @@ describe('TekTreeGrid', () => {
         ],
         columnsButton: true,
         columnsButtonIgnore: ['id'],
-        modalFilterProps: {
-          name: 'name',
-          height: 'auto',
-          persistent: true,
-          cssClass: '',
-          cssStyle: '',
-          dark: false,
-          draggable: false,
-          fullscreen: false,
-          dragHandle: '',
-          title: 'EXAMPLE',
-        },
       });
       expect(instance.title).toBe('title');
       expect(instance.addButton).toBeTruthy();
@@ -88,18 +76,6 @@ describe('TekTreeGrid', () => {
       expect(instance.columns[0]).toBeInstanceOf(TekGridColumn);
       expect(instance.columnsButton).toBeTruthy();
       expect(instance.columnsButtonIgnore).toEqual(['id']);
-      expect(instance.modalFilterProps).toEqual({
-        name: 'name',
-        height: 'auto',
-        persistent: true,
-        cssClass: '',
-        cssStyle: '',
-        dark: false,
-        draggable: false,
-        fullscreen: false,
-        dragHandle: '',
-        title: 'EXAMPLE',
-      });
     });
 
     it('should create toolbar and footer', () => {

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

@@ -1,5 +1,5 @@
-import { Button, IText, Text } from '@zeedhi/common';
-import { ITekGridExportConfig, TekGrid } from '../../../../../src/components';
+import { Button, type IText, Text } from '@zeedhi/common';
+import { type ITekGridExportConfig, TekGrid } from '../../../../../src/components';
 import { MultiOption } from '../../../../../src/utils';
 
 describe('MultiOption', () => {