@zeedhi/teknisa-components-common 1.107.1 → 1.108.0

package/tests/unit/components/tek-product-card/product-card.spec.ts

@@ -1,61 +1,61 @@
-import { ProductCard } from '../../../../src';
-
-describe('ProductCard', () => {
-  describe('constructor()', () => {
-    it('should create new ProductCard with default values', () => {
-      const instance = new ProductCard({
-        name: 'product',
-        component: 'TekProductCard',
-      });
-      expect(instance.to).toBe('');
-      expect(instance.id).toBe('');
-      expect(instance.src).toBe('');
-      expect(instance.productName).toBe('');
-      expect(instance.errorImagePath).toBe('');
-      expect(instance.errorImageText).toBe('UNAVAILABLE_IMAGE');
-      expect(instance.width).toBe('');
-      expect(instance.height).toBe('auto');
-      expect(instance.maxHeight).toBe('none');
-      expect(instance.minHeight).toBe('none');
-    });
-
-    it('should create new ProductCard replace default values', () => {
-      const instance = new ProductCard({
-        name: 'product',
-        component: 'TekProductCard',
-        to: '/home',
-        id: 'id',
-        src: '/img/zeedhi.svg',
-        productName: 'ProductTest',
-        productPrice: '150',
-        errorImagePath: 'image-error.avif',
-        errorImageText: 'Image not found',
-        width: '200',
-        height: '400px',
-        minHeight: '300px',
-        maxHeight: '500px',
-      });
-      expect(instance.to).toBe('/home');
-      expect(instance.id).toBe('id');
-      expect(instance.src).toBe('/img/zeedhi.svg');
-      expect(instance.productName).toBe('ProductTest');
-      expect(instance.errorImagePath).toBe('image-error.avif');
-      expect(instance.errorImageText).toBe('Image not found');
-      expect(instance.width).toBe('200');
-      expect(instance.productPriceFormat).toBe('$150.00');
-      expect(instance.height).toBe('400px');
-      expect(instance.minHeight).toBe('300px');
-      expect(instance.maxHeight).toBe('500px');
-    });
-
-    it('productPrice value 0', () => {
-      const instance = new ProductCard({
-        name: 'product',
-        component: 'TekProductCard',
-        productName: 'ProductTest',
-        productPrice: 0,
-      });
-      expect(instance.productPriceFormat).toBe('$0.00');
-    });
-  });
-});
+import { ProductCard } from '../../../../src';
+
+describe('ProductCard', () => {
+  describe('constructor()', () => {
+    it('should create new ProductCard with default values', () => {
+      const instance = new ProductCard({
+        name: 'product',
+        component: 'TekProductCard',
+      });
+      expect(instance.to).toBe('');
+      expect(instance.id).toBe('');
+      expect(instance.src).toBe('');
+      expect(instance.productName).toBe('');
+      expect(instance.errorImagePath).toBe('');
+      expect(instance.errorImageText).toBe('UNAVAILABLE_IMAGE');
+      expect(instance.width).toBe('');
+      expect(instance.height).toBe('auto');
+      expect(instance.maxHeight).toBe('none');
+      expect(instance.minHeight).toBe('none');
+    });
+
+    it('should create new ProductCard replace default values', () => {
+      const instance = new ProductCard({
+        name: 'product',
+        component: 'TekProductCard',
+        to: '/home',
+        id: 'id',
+        src: '/img/zeedhi.svg',
+        productName: 'ProductTest',
+        productPrice: '150',
+        errorImagePath: 'image-error.avif',
+        errorImageText: 'Image not found',
+        width: '200',
+        height: '400px',
+        minHeight: '300px',
+        maxHeight: '500px',
+      });
+      expect(instance.to).toBe('/home');
+      expect(instance.id).toBe('id');
+      expect(instance.src).toBe('/img/zeedhi.svg');
+      expect(instance.productName).toBe('ProductTest');
+      expect(instance.errorImagePath).toBe('image-error.avif');
+      expect(instance.errorImageText).toBe('Image not found');
+      expect(instance.width).toBe('200');
+      expect(instance.productPriceFormat).toBe('$150.00');
+      expect(instance.height).toBe('400px');
+      expect(instance.minHeight).toBe('300px');
+      expect(instance.maxHeight).toBe('500px');
+    });
+
+    it('productPrice value 0', () => {
+      const instance = new ProductCard({
+        name: 'product',
+        component: 'TekProductCard',
+        productName: 'ProductTest',
+        productPrice: 0,
+      });
+      expect(instance.productPriceFormat).toBe('$0.00');
+    });
+  });
+});

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

@@ -1,220 +1,220 @@
-import { TekUserInfo } from '../../../../src';
-import { TekUserInfoController } from '../../../../src/components/tek-user-info/TekUserInfoController';
-
-describe('TekUserInfoController', () => {
-  describe('name property', () => {
-    it('should get name property', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: {
-          name: 'Zeedhi',
-          version: '1.0.0',
-          frontend: [{ name: 'package 1', version: '1.0.0' }],
-          backend: [{ name: 'package 2', version: '2.0.0' }],
-          modules: [{ name: 'package 3', version: '3.0.0' }],
-        },
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.name).toBe('Zeedhi');
-    });
-
-    it('when prop is defined, should set the component value', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: {
-          name: 'Zeedhi',
-          version: '1.0.0',
-          frontend: [{ name: 'package 1', version: '1.0.0' }],
-          backend: [{ name: 'package 2', version: '2.0.0' }],
-          modules: [{ name: 'package 3', version: '3.0.0' }],
-        },
-      });
-      const controller = new TekUserInfoController(component);
-
-      controller.name = 'new name';
-
-      expect(controller.name).toBe('new name');
-      expect(component.versionInfo?.name).toBe('new name');
-    });
-
-    it('when versionInfo is null, should get empty string', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: null,
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.name).toBe('');
-    });
-
-    it('when versionInfo is null, should not throw when setting', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: null,
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(() => { controller.name = 'new name'; }).not.toThrow();
-    });
-  });
-
-  describe('version property', () => {
-    it('should get version property', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: {
-          name: 'Zeedhi',
-          version: '1.0.0',
-          frontend: [{ name: 'package 1', version: '1.0.0' }],
-          backend: [{ name: 'package 2', version: '2.0.0' }],
-          modules: [{ name: 'package 3', version: '3.0.0' }],
-        },
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.version).toBe('1.0.0');
-    });
-
-    it('when prop is defined, should set the component value', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: {
-          name: 'Zeedhi',
-          version: '1.0.0',
-          frontend: [{ name: 'package 1', version: '1.0.0' }],
-          backend: [{ name: 'package 2', version: '2.0.0' }],
-          modules: [{ name: 'package 3', version: '3.0.0' }],
-        },
-      });
-      const controller = new TekUserInfoController(component);
-
-      controller.version = '2.0.0';
-
-      expect(controller.version).toBe('2.0.0');
-      expect(component.versionInfo?.version).toBe('2.0.0');
-    });
-
-    it('when versionInfo is null, should get empty string', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: null,
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.version).toBe('');
-    });
-
-    it('when versionInfo is null, should not throw when setting', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: null,
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(() => { controller.version = '2.0.0'; }).not.toThrow();
-    });
-  });
-
-  describe('defaultEmail property', () => {
-    it('should get defaultEmail property', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        defaultEmail: 'zeedhi@zd.com',
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.hasDefaultEmail).toBeTruthy();
-    });
-  });
-
-  describe('mainVersion property', () => {
-    it('should get mainVersion property', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: {
-          name: 'Zeedhi',
-          version: '1.0.0',
-          frontend: [{ name: 'package 1', version: '1.0.0' }],
-          backend: [{ name: 'package 2', version: '2.0.0' }],
-          modules: [{ name: 'package 3', version: '3.0.0' }],
-        },
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.mainVersion).toBe('Zeedhi - <b>1.0.0</b>');
-    });
-
-    it('when versionInfo is null, mainVersion should return empty string', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: null,
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.mainVersion).toBe('');
-    });
-  });
-
-  describe('item properties', () => {
-    it('should get the items', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: {
-          name: 'Zeedhi',
-          version: '1.0.0',
-          frontend: [{ name: 'package 1', version: '1.0.0' }],
-          backend: [{ name: 'package 2', version: '2.0.0' }],
-          modules: [{ name: 'package 3', version: '3.0.0' }],
-        },
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.frontendItems).toEqual('<ul><li>package 1 - <b>1.0.0</b></li></ul>');
-      expect(controller.backendItems).toEqual('<ul><li>package 2 - <b>2.0.0</b></li></ul>');
-      expect(controller.modulesItems).toEqual('<ul><li>package 3 - <b>3.0.0</b></li></ul>');
-    });
-
-    it('when versionInfo is null, should get empty array', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        versionInfo: null,
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.frontendItems).toEqual([]);
-      expect(controller.backendItems).toEqual([]);
-      expect(controller.modulesItems).toEqual([]);
-    });
-  });
-
-  describe('aboutImage properties', () => {
-    it('should return true if aboutImage is defined, false otherwise', () => {
-      const component = new TekUserInfo({
-        name: 'user-info',
-        component: 'TekUserInfo',
-        aboutImage: 'path',
-      });
-      const controller = new TekUserInfoController(component);
-
-      expect(controller.hasAboutImage).toBeTruthy();
-
-      component.aboutImage = '';
-
-      expect(controller.hasAboutImage).toBeFalsy();
-    });
-  });
-});
+import { TekUserInfo } from '../../../../src';
+import { TekUserInfoController } from '../../../../src/components/tek-user-info/TekUserInfoController';
+
+describe('TekUserInfoController', () => {
+  describe('name property', () => {
+    it('should get name property', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: {
+          name: 'Zeedhi',
+          version: '1.0.0',
+          frontend: [{ name: 'package 1', version: '1.0.0' }],
+          backend: [{ name: 'package 2', version: '2.0.0' }],
+          modules: [{ name: 'package 3', version: '3.0.0' }],
+        },
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.name).toBe('Zeedhi');
+    });
+
+    it('when prop is defined, should set the component value', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: {
+          name: 'Zeedhi',
+          version: '1.0.0',
+          frontend: [{ name: 'package 1', version: '1.0.0' }],
+          backend: [{ name: 'package 2', version: '2.0.0' }],
+          modules: [{ name: 'package 3', version: '3.0.0' }],
+        },
+      });
+      const controller = new TekUserInfoController(component);
+
+      controller.name = 'new name';
+
+      expect(controller.name).toBe('new name');
+      expect(component.versionInfo?.name).toBe('new name');
+    });
+
+    it('when versionInfo is null, should get empty string', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: null,
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.name).toBe('');
+    });
+
+    it('when versionInfo is null, should not throw when setting', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: null,
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(() => { controller.name = 'new name'; }).not.toThrow();
+    });
+  });
+
+  describe('version property', () => {
+    it('should get version property', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: {
+          name: 'Zeedhi',
+          version: '1.0.0',
+          frontend: [{ name: 'package 1', version: '1.0.0' }],
+          backend: [{ name: 'package 2', version: '2.0.0' }],
+          modules: [{ name: 'package 3', version: '3.0.0' }],
+        },
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.version).toBe('1.0.0');
+    });
+
+    it('when prop is defined, should set the component value', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: {
+          name: 'Zeedhi',
+          version: '1.0.0',
+          frontend: [{ name: 'package 1', version: '1.0.0' }],
+          backend: [{ name: 'package 2', version: '2.0.0' }],
+          modules: [{ name: 'package 3', version: '3.0.0' }],
+        },
+      });
+      const controller = new TekUserInfoController(component);
+
+      controller.version = '2.0.0';
+
+      expect(controller.version).toBe('2.0.0');
+      expect(component.versionInfo?.version).toBe('2.0.0');
+    });
+
+    it('when versionInfo is null, should get empty string', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: null,
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.version).toBe('');
+    });
+
+    it('when versionInfo is null, should not throw when setting', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: null,
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(() => { controller.version = '2.0.0'; }).not.toThrow();
+    });
+  });
+
+  describe('defaultEmail property', () => {
+    it('should get defaultEmail property', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        defaultEmail: 'zeedhi@zd.com',
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.hasDefaultEmail).toBeTruthy();
+    });
+  });
+
+  describe('mainVersion property', () => {
+    it('should get mainVersion property', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: {
+          name: 'Zeedhi',
+          version: '1.0.0',
+          frontend: [{ name: 'package 1', version: '1.0.0' }],
+          backend: [{ name: 'package 2', version: '2.0.0' }],
+          modules: [{ name: 'package 3', version: '3.0.0' }],
+        },
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.mainVersion).toBe('Zeedhi - <b>1.0.0</b>');
+    });
+
+    it('when versionInfo is null, mainVersion should return empty string', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: null,
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.mainVersion).toBe('');
+    });
+  });
+
+  describe('item properties', () => {
+    it('should get the items', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: {
+          name: 'Zeedhi',
+          version: '1.0.0',
+          frontend: [{ name: 'package 1', version: '1.0.0' }],
+          backend: [{ name: 'package 2', version: '2.0.0' }],
+          modules: [{ name: 'package 3', version: '3.0.0' }],
+        },
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.frontendItems).toEqual('<ul><li>package 1 - <b>1.0.0</b></li></ul>');
+      expect(controller.backendItems).toEqual('<ul><li>package 2 - <b>2.0.0</b></li></ul>');
+      expect(controller.modulesItems).toEqual('<ul><li>package 3 - <b>3.0.0</b></li></ul>');
+    });
+
+    it('when versionInfo is null, should get empty array', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        versionInfo: null,
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.frontendItems).toEqual([]);
+      expect(controller.backendItems).toEqual([]);
+      expect(controller.modulesItems).toEqual([]);
+    });
+  });
+
+  describe('aboutImage properties', () => {
+    it('should return true if aboutImage is defined, false otherwise', () => {
+      const component = new TekUserInfo({
+        name: 'user-info',
+        component: 'TekUserInfo',
+        aboutImage: 'path',
+      });
+      const controller = new TekUserInfoController(component);
+
+      expect(controller.hasAboutImage).toBeTruthy();
+
+      component.aboutImage = '';
+
+      expect(controller.hasAboutImage).toBeFalsy();
+    });
+  });
+});