@heartlandone/vega 2.79.0 → 2.80.0

package/dist/collection/components/vega-rich-text-editor/test/extensions/table/annotation-handler/table-annotation-handler.test.js

@@ -1,298 +0,0 @@
-import { TableAnnotationHandler } from '../../../../extensions/table/annotation-handler/table-annotation-handler';
-import { RTETableBlock } from '../../../../extensions/table/dto/table-block';
-import { setBorder } from './table-cell-annotation-handler.test';
-describe('TableAnnotationHandler', () => {
-  let handler;
-  beforeEach(() => {
-    handler = new TableAnnotationHandler();
-  });
-  describe('canHandle', () => {
-    it('should return true for RTETableBlock', () => {
-      expect(handler.canHandle(RTETableBlock)).toBe(true);
-    });
-    it('should return false for other DTOs', () => {
-      const mockDto = { name: 'RTETextBlock' };
-      expect(handler.canHandle(mockDto)).toBe(false);
-    });
-  });
-  describe('handle', () => {
-    it('should return empty object when no table annotations are present', () => {
-      const element = document.createElement('table');
-      const result = handler.handle(element);
-      expect(result).toEqual({});
-    });
-    it('should extract background color from inline style', () => {
-      const element = document.createElement('table');
-      element.style.backgroundColor = 'rgb(252, 252, 252)';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          backgroundColor: 'white',
-        },
-      });
-    });
-    it('should extract background color from inline style when color is not in config', () => {
-      const element = document.createElement('table');
-      element.style.backgroundColor = '#ddd';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          backgroundColor: '#ddd',
-        },
-      });
-    });
-    it('should extract border from individual properties', () => {
-      const element = document.createElement('table');
-      element.style.borderStyle = 'dashed';
-      element.style.borderWidth = '1px';
-      element.style.borderColor = 'rgb(4, 4, 28)';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          border: {
-            style: 'dashed',
-            width: '1px',
-            color: 'black',
-          },
-        },
-      });
-    });
-    it('should extract width from inline style', () => {
-      const element = document.createElement('table');
-      element.style.width = '100%';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          width: '100%',
-        },
-      });
-    });
-    it('should extract width from attribute', () => {
-      const element = document.createElement('table');
-      element.setAttribute('width', '500');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          width: '500px',
-        },
-      });
-    });
-    it('should extract height from inline style', () => {
-      const element = document.createElement('table');
-      element.style.height = '300px';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          height: '300px',
-        },
-      });
-    });
-    it('should extract height from attribute', () => {
-      const element = document.createElement('table');
-      element.setAttribute('height', '200');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          height: '200px',
-        },
-      });
-    });
-    it('should extract height from attribute with units as-is', () => {
-      const element = document.createElement('table');
-      element.setAttribute('height', '250px');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          height: '250px',
-        },
-      });
-    });
-    it('should extract alignment from class', () => {
-      const element = document.createElement('table');
-      element.classList.add('v-rte--extension-table-align-center');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          alignment: 'center',
-        },
-      });
-    });
-    it('should extract left alignment from class', () => {
-      const element = document.createElement('table');
-      element.classList.add('v-rte--extension-table-align-left');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          alignment: 'left',
-        },
-      });
-    });
-    it('should extract right alignment from class', () => {
-      const element = document.createElement('table');
-      element.classList.add('v-rte--extension-table-align-right');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          alignment: 'right',
-        },
-      });
-    });
-    it('should extract center alignment from margin style', () => {
-      const element = document.createElement('table');
-      element.style.marginLeft = 'auto';
-      element.style.marginRight = 'auto';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          alignment: 'center',
-        },
-      });
-    });
-    it('should extract left alignment from margin style', () => {
-      const element = document.createElement('table');
-      element.style.marginLeft = '0';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          alignment: 'left',
-        },
-      });
-    });
-    it('should extract right alignment from margin style', () => {
-      const element = document.createElement('table');
-      element.style.marginRight = '0';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          alignment: 'right',
-        },
-      });
-    });
-    it('should extract alignment from attribute', () => {
-      const element = document.createElement('table');
-      element.setAttribute('align', 'center');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          alignment: 'center',
-        },
-      });
-    });
-    it('should extract multiple annotations', () => {
-      const element = document.createElement('table');
-      element.style.backgroundColor = 'white';
-      element.style.width = '100%';
-      setBorder(element, 'solid 1px rgb(4, 4, 28)');
-      element.classList.add('v-rte--extension-table-align-center');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          backgroundColor: 'white',
-          border: {
-            style: 'solid',
-            width: '1px',
-            color: 'black',
-          },
-          width: '100%',
-          alignment: 'center',
-        },
-      });
-    });
-    it('should handle border with rgb color', () => {
-      const element = document.createElement('table');
-      setBorder(element, 'solid 1px rgb(4, 4, 28)');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        table: {
-          border: {
-            style: 'solid',
-            width: '1px',
-            color: 'black',
-          },
-        },
-      });
-    });
-    describe('edge cases', () => {
-      it('should handle invalid border string gracefully', () => {
-        const element = document.createElement('table');
-        setBorder(element, 'invalid-border-value');
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          table: {
-            border: {
-              style: 'invalid-border-value',
-              width: '',
-              color: '',
-            },
-          },
-        });
-      });
-      it('should handle border with only 2 parts', () => {
-        const element = document.createElement('table');
-        setBorder(element, 'solid 1px');
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          table: {
-            border: {
-              style: 'solid',
-              width: '1px',
-              color: '',
-            },
-          },
-        });
-      });
-      it('should handle border with only spaces', () => {
-        const element = document.createElement('table');
-        setBorder(element, '   ');
-        const result = handler.handle(element);
-        expect(result).toEqual({});
-      });
-      it('should handle border with single word', () => {
-        const element = document.createElement('table');
-        setBorder(element, 'dashed');
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          table: {
-            border: {
-              style: 'dashed',
-              width: '',
-              color: '',
-            },
-          },
-        });
-      });
-      it('should handle empty border string', () => {
-        const element = document.createElement('table');
-        setBorder(element, '');
-        const result = handler.handle(element);
-        expect(result).toEqual({});
-      });
-      it('should ignore invalid alignment values', () => {
-        const element = document.createElement('table');
-        element.setAttribute('align', 'invalid');
-        const result = handler.handle(element);
-        expect(result).toEqual({});
-      });
-      it('should handle numeric width attribute', () => {
-        const element = document.createElement('table');
-        element.setAttribute('width', '750');
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          table: {
-            width: '750px',
-          },
-        });
-      });
-      it('should handle percentage width attribute', () => {
-        const element = document.createElement('table');
-        element.setAttribute('width', '80%');
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          table: {
-            width: '80%',
-          },
-        });
-      });
-    });
-  });
-});

package/dist/collection/components/vega-rich-text-editor/test/extensions/table/annotation-handler/table-cell-annotation-handler.test.js

@@ -1,316 +0,0 @@
-import { TableCellAnnotationHandler } from '../../../../extensions/table/annotation-handler/table-cell-annotation-handler';
-import { RTETableCellBlock } from '../../../../extensions/table/dto/table-cell-block';
-/**
- * Helper function to set border shorthand property in jsdom.
- * jsdom doesn't automatically decompose shorthand properties like real browsers do.
- *
- * @param {HTMLElement} element - Element to set border on.
- * @param {string} border - Border shorthand value (e.g., 'dashed 2px black').
- */
-export function setBorder(element, border) {
-  const parts = border.trim().split(/\s+/);
-  element.style.borderStyle = parts[0];
-  element.style.borderWidth = parts[1];
-  element.style.borderColor = parts.splice(2).join(' ');
-}
-describe('TableCellAnnotationHandler', () => {
-  let handler;
-  beforeEach(() => {
-    handler = new TableCellAnnotationHandler();
-  });
-  describe('canHandle', () => {
-    it('should return true for RTETableCellBlock', () => {
-      expect(handler.canHandle(RTETableCellBlock)).toBe(true);
-    });
-    it('should return false for other DTOs', () => {
-      const mockDto = { name: 'RTETextBlock' };
-      expect(handler.canHandle(mockDto)).toBe(false);
-    });
-  });
-  describe('handle', () => {
-    it('should return empty object when no cell annotations are present', () => {
-      const element = document.createElement('td');
-      const result = handler.handle(element);
-      expect(result).toEqual({});
-    });
-    it('should extract background color from inline style', () => {
-      const element = document.createElement('td');
-      element.style.backgroundColor = 'rgb(252, 252, 252)';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          backgroundColor: 'white',
-        },
-      });
-    });
-    it('should extract padding from inline style', () => {
-      const element = document.createElement('td');
-      element.style.padding = '10px';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          padding: '10px',
-        },
-      });
-    });
-    it('should extract border from individual properties', () => {
-      const element = document.createElement('td');
-      element.style.borderStyle = 'dotted';
-      element.style.borderWidth = '3px';
-      element.style.borderColor = 'rgb(252, 252, 252)';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          border: {
-            style: 'dotted',
-            width: '3px',
-            color: 'white',
-          },
-        },
-      });
-    });
-    it('should extract width from inline style', () => {
-      const element = document.createElement('td');
-      element.style.width = '200px';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          width: '200px',
-        },
-      });
-    });
-    it('should extract width from attribute and convert numeric to pixels', () => {
-      const element = document.createElement('td');
-      element.setAttribute('width', '150');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          width: '150px',
-        },
-      });
-      expect(element.getAttribute('width')).toBe('150');
-    });
-    it('should extract width from attribute with units', () => {
-      const element = document.createElement('td');
-      element.setAttribute('width', '50%');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          width: '50%',
-        },
-      });
-    });
-    it('should extract height from inline style', () => {
-      const element = document.createElement('td');
-      element.style.height = '100px';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          height: '100px',
-        },
-      });
-    });
-    it('should extract height from attribute and convert numeric to pixels', () => {
-      const element = document.createElement('td');
-      element.setAttribute('height', '80');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          height: '80px',
-        },
-      });
-      expect(element.getAttribute('height')).toBe('80');
-    });
-    it('should extract height from attribute with units as-is', () => {
-      const element = document.createElement('td');
-      element.setAttribute('height', '100px');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          height: '100px',
-        },
-      });
-    });
-    it('should extract text alignment from inline style', () => {
-      const element = document.createElement('td');
-      element.style.textAlign = 'center';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          textAlign: 'center',
-        },
-      });
-    });
-    it('should extract text alignment from align attribute', () => {
-      const element = document.createElement('td');
-      element.setAttribute('align', 'right');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          textAlign: 'right',
-        },
-      });
-      expect(element.getAttribute('align')).toBe('right');
-    });
-    it('should extract vertical alignment from inline style', () => {
-      const element = document.createElement('td');
-      element.style.verticalAlign = 'top';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          verticalAlign: 'top',
-        },
-      });
-    });
-    it('should extract multiple annotations', () => {
-      const element = document.createElement('td');
-      element.style.backgroundColor = 'rgb(252, 252, 252)';
-      element.style.padding = '8px 12px';
-      setBorder(element, 'solid 1px rgb(4, 4, 28)');
-      element.style.width = '250px';
-      element.style.textAlign = 'left';
-      element.style.verticalAlign = 'middle';
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          backgroundColor: 'white',
-          padding: '8px 12px',
-          border: {
-            style: 'solid',
-            width: '1px',
-            color: 'black',
-          },
-          width: '250px',
-          textAlign: 'left',
-          verticalAlign: 'middle',
-        },
-      });
-    });
-    it('should handle border with rgb color', () => {
-      const element = document.createElement('td');
-      setBorder(element, 'solid 2px rgb(4, 4, 28)');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          border: {
-            style: 'solid',
-            width: '2px',
-            color: 'black',
-          },
-        },
-      });
-    });
-    it('should handle border with initial value', () => {
-      const element = document.createElement('td');
-      setBorder(element, 'initial initial initial');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          border: {
-            style: '',
-            width: '',
-            color: '',
-          },
-        },
-      });
-    });
-    it('should prioritize inline style over attributes', () => {
-      const element = document.createElement('td');
-      element.style.width = '300px';
-      element.setAttribute('width', '200');
-      const result = handler.handle(element);
-      expect(result).toEqual({
-        tableCell: {
-          width: '300px',
-        },
-      });
-    });
-    it('should handle all text alignment values', () => {
-      const alignments = [
-        'left',
-        'center',
-        'right',
-        'justify',
-      ];
-      alignments.forEach((align) => {
-        const element = document.createElement('td');
-        element.style.textAlign = align;
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          tableCell: {
-            textAlign: align,
-          },
-        });
-      });
-    });
-    it('should handle all vertical alignment values', () => {
-      const alignments = ['top', 'middle', 'bottom'];
-      alignments.forEach((align) => {
-        const element = document.createElement('td');
-        element.style.verticalAlign = align;
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          tableCell: {
-            verticalAlign: align,
-          },
-        });
-      });
-    });
-    describe('border edge cases', () => {
-      it('should handle invalid border string gracefully', () => {
-        const element = document.createElement('td');
-        setBorder(element, 'invalid-border-value');
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          tableCell: {
-            border: {
-              style: 'invalid-border-value',
-              width: '',
-              color: '',
-            },
-          },
-        });
-      });
-      it('should handle border with only 2 parts', () => {
-        const element = document.createElement('td');
-        setBorder(element, 'dashed 2px');
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          tableCell: {
-            border: {
-              style: 'dashed',
-              width: '2px',
-              color: '',
-            },
-          },
-        });
-      });
-      it('should handle border with only spaces', () => {
-        const element = document.createElement('td');
-        setBorder(element, '   ');
-        const result = handler.handle(element);
-        expect(result).toEqual({});
-      });
-      it('should handle border with single word', () => {
-        const element = document.createElement('td');
-        setBorder(element, 'dashed');
-        const result = handler.handle(element);
-        expect(result).toEqual({
-          tableCell: {
-            border: {
-              style: 'dashed',
-              width: '',
-              color: '',
-            },
-          },
-        });
-      });
-      it('should handle empty border string', () => {
-        const element = document.createElement('td');
-        setBorder(element, '');
-        const result = handler.handle(element);
-        expect(result).toEqual({});
-      });
-    });
-  });
-});