@zeedhi/teknisa-components-common 3.0.4 → 3.2.0

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

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