@globalpayments/vega 2.32.0 → 2.34.0

package/dist/collection/components/vega-rich-text-editor/test/dto/annotations.test.js

@@ -0,0 +1,134 @@
+import { TextStyleAnnotation } from '../../dto/annotations/text-style-annotation';
+import { BoldAnnotation } from '../../dto/annotations/bold-annotation';
+import { ItalicAnnotation } from '../../dto/annotations/italic-annotation';
+import { SelectionRangeAnnotation } from '../../dto/annotations/selection-range-annotation';
+import { ImageAnnotation } from '../../dto/annotations/image-annotation';
+import { UnderlineAnnotation } from '../../dto/annotations/underline-annotation';
+import { StrikethroughAnnotation } from '../../dto/annotations/strikethrough-annotation';
+import { HorizontalAlignmentAnnotation } from '../../dto/annotations/horizontal-alignment-annotation';
+import { ClearFormattingAnnotation } from '../../dto/annotations/clear-formatting-annotation';
+import { CodeAnnotation } from '../../dto/annotations/code-annotation';
+import { TextColorAnnotation } from '../../dto/annotations/text-color-annotation';
+import { IndentAnnotation } from '../../dto/annotations/indent-annotation';
+import { LinkAnnotation } from '../../dto/annotations/link-annotation';
+describe('annotations', () => {
+  it('bold annotation', () => {
+    expect(new BoldAnnotation(true).render()).toEqual({
+      'font-weight': '700',
+    });
+    expect(new BoldAnnotation(false).render()).toEqual(null);
+  });
+  it('italic annotation', () => {
+    expect(new ItalicAnnotation(true).render()).toEqual({
+      'font-style': 'italic',
+    });
+    expect(new ItalicAnnotation(false).render()).toEqual(null);
+  });
+  it('text style annotation', () => {
+    expect(new TextStyleAnnotation('paragraph').render()).toEqual({
+      fontFamily: 'Inter',
+      fontSize: '16px',
+      fontWeight: '500',
+      lineHeight: '22px',
+    });
+    expect(new TextStyleAnnotation('title').render()).toEqual({
+      fontFamily: 'Inter',
+      fontSize: '36px',
+      fontWeight: '500',
+      lineHeight: '40px',
+    });
+    expect(new TextStyleAnnotation('subtitle').render()).toEqual({
+      fontFamily: 'Inter',
+      fontSize: '28px',
+      fontWeight: '500',
+      lineHeight: '32px',
+    });
+    expect(new TextStyleAnnotation('heading-1').render()).toEqual({
+      fontFamily: 'Inter',
+      fontSize: '22px',
+      fontWeight: '500',
+      lineHeight: '24px',
+    });
+    expect(new TextStyleAnnotation('heading-2').render()).toEqual({
+      fontFamily: 'Inter',
+      fontSize: '20px',
+      fontWeight: '500',
+      lineHeight: '24px',
+    });
+    expect(new TextStyleAnnotation('heading-3').render()).toEqual({
+      fontFamily: 'Inter',
+      fontSize: '18px',
+      fontWeight: '500',
+      lineHeight: '22px',
+    });
+  });
+  it('selection range annotation', () => {
+    expect(new SelectionRangeAnnotation({})).toBeDefined();
+  });
+  it('image annotation', () => {
+    expect(new ImageAnnotation('sm', 'mock-alt').render()).toEqual({ width: '25%' });
+    expect(new ImageAnnotation('md', 'mock-alt').render()).toEqual({ width: '50%' });
+    expect(new ImageAnnotation('lg', 'mock-alt').render()).toEqual({ width: '100%' });
+    expect(new ImageAnnotation('md', 'mock-alt').toJSON()).toEqual({ size: 'md', alt: 'mock-alt' });
+    expect(new ImageAnnotation(null, null).toJSON()).toEqual({ size: null });
+    expect(new ImageAnnotation(undefined, 'test').toJSON()).toEqual({ size: 'md', alt: 'test' });
+  });
+  it('underline annotation ', () => {
+    expect(new UnderlineAnnotation(true).render()).toEqual(null);
+    expect(new UnderlineAnnotation(true).renderClass()).toEqual('v-rte--underline');
+    expect(new UnderlineAnnotation(false).renderClass()).toEqual(null);
+  });
+  it('strikethrough annotation ', () => {
+    expect(new StrikethroughAnnotation(true).render()).toEqual(null);
+    expect(new StrikethroughAnnotation(true).renderClass()).toEqual('v-rte--strikethrough');
+    expect(new StrikethroughAnnotation(false).renderClass()).toEqual(null);
+  });
+  it('text color annotation ', () => {
+    expect(new TextColorAnnotation('black').renderClass()).toEqual(null);
+    expect(new TextColorAnnotation('black').render()).toEqual({
+      color: '#111128',
+    });
+    expect(new TextColorAnnotation('black').renderClass()).toEqual(null);
+    expect(new TextColorAnnotation('green').renderClass()).toEqual(null);
+    expect(new TextColorAnnotation('green').render()).toEqual({
+      color: '#01801F',
+    });
+    expect(new TextColorAnnotation('green').renderClass()).toEqual(null);
+  });
+  it('horizontal alignment annotation', () => {
+    expect(new HorizontalAlignmentAnnotation('left').render()).toEqual(null);
+    expect(new HorizontalAlignmentAnnotation('left').renderClass()).toEqual('v-rte--horizontal-alignment-left');
+  });
+  it('clear formatting annotation', () => {
+    expect(new ClearFormattingAnnotation().items).toEqual([
+      'BOLD',
+      'ITALIC',
+      'UNDERLINE',
+      'STRIKETHROUGH',
+      'TEXT_COLOR',
+      'CODE',
+    ]);
+  });
+  it('code annotation', () => {
+    expect(new CodeAnnotation(true).render()).toEqual(null);
+    expect(new CodeAnnotation(true).renderClass()).toEqual('v-rte--code');
+    expect(new CodeAnnotation(false).renderClass()).toEqual(null);
+  });
+  it('indent annotation', () => {
+    expect(new IndentAnnotation(0).render()).toEqual(null);
+    expect(new IndentAnnotation(1).render()).toEqual({ 'margin-left': `16px` });
+    expect(new IndentAnnotation(2).render()).toEqual({ 'margin-left': `32px` });
+    expect(new IndentAnnotation(-20).render()).toEqual(null);
+    expect(new IndentAnnotation(20).render()).toEqual({ 'margin-left': `320px` });
+  });
+  it('link annotation', () => {
+    expect(new LinkAnnotation({ href: 'www.google.com', groupKey: '123' }).render()).toEqual(null);
+    expect(new LinkAnnotation({ href: 'www.google.com', groupKey: '123' }).toJSON()).toEqual({
+      link: { href: 'www.google.com', groupKey: '123' },
+    });
+    expect(new LinkAnnotation({ href: 'www.google.com', groupKey: '123' }).toJSON()).toEqual({
+      link: { href: 'www.google.com', groupKey: '123' },
+    });
+    expect(new LinkAnnotation({ href: 'www.google.com', groupKey: '123' }).toEqual(new LinkAnnotation({ href: 'www.google.com', groupKey: '123' }))).toEqual(true);
+  });
+});

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/image-block.test.js

@@ -0,0 +1,90 @@
+import { BoldAnnotationAction } from '../../../dto/actions/bold-annotation-action';
+import { HorizontalAlignmentAnnotationAction } from '../../../dto/actions/horizontal-alignment-annotation-action';
+import { RTEImageBlock } from '../../../dto/blocks/image-block';
+import { RTEImageNode } from '../../../dto/nodes/image-node';
+describe('image block', () => {
+  it('new RTEImageBlock should work as expect', () => {
+    const imageBlock = new RTEImageBlock('block-1');
+    const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
+    imageBlock.nodes = [imageNode];
+    expect(imageBlock.toJSON()).toEqual({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image' }],
+    });
+  });
+  it('from method should work as expect', () => {
+    expect(RTEImageBlock.from({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image' }],
+    }) instanceof RTEImageBlock).toBe(true);
+  });
+  it('toJSON method should work as expect', () => {
+    expect(RTEImageBlock.from({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image' }],
+    }).toJSON()).toEqual({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image', annotations: { size: 'md' } }],
+    });
+    expect(RTEImageBlock.from({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image' }],
+      annotations: { textAlign: 'center' },
+    }).toJSON()).toEqual({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image', annotations: { size: 'md' } }],
+      annotations: { textAlign: 'center' },
+    });
+    expect(RTEImageBlock.from({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image' }],
+      annotations: { indent: 2 },
+    }).toJSON()).toEqual({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image', annotations: { size: 'md' } }],
+      annotations: { indent: 2 },
+    });
+    expect(RTEImageBlock.from({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image', annotations: { alt: 'test' } }],
+      annotations: { indent: 2 },
+    }).toJSON()).toEqual({
+      id: 'block-1',
+      type: 'image',
+      nodes: [{ id: '1', url: 'mock-url', type: 'image', annotations: { size: 'md', alt: 'test' } }],
+      annotations: { indent: 2 },
+    });
+  });
+  it('render method should work as expect', () => {
+    const imageBlock = new RTEImageBlock('block-1');
+    const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
+    imageBlock.nodes = [imageNode];
+    imageNode.apply(new BoldAnnotationAction(true));
+    imageBlock.apply(new HorizontalAlignmentAnnotationAction('right'));
+    expect(imageBlock.render()).toBeDefined();
+  });
+  it('isNotEmpty should work as expect', () => {
+    const imageBlock = new RTEImageBlock('block-1');
+    const imageNode = new RTEImageNode('1', 'mock-url', imageBlock);
+    imageBlock.nodes = [imageNode];
+    expect(imageBlock.isNotEmpty()).toEqual(true);
+    imageNode.url = '';
+    expect(imageBlock.isNotEmpty()).toEqual(false);
+  });
+  it('getLastNode should work as expect', () => {
+    const imageBlock = new RTEImageBlock('block-1');
+    const imageNode1 = new RTEImageNode('1', 'mock-url', imageBlock);
+    const imageNode2 = new RTEImageNode('2', 'mock-url', imageBlock);
+    imageBlock.nodes = [imageNode1, imageNode2];
+    expect(imageBlock.getLastNode()).toEqual(imageNode2);
+  });
+});

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/list-block.test.js

@@ -0,0 +1,224 @@
+import { RTEListBlock } from '../../../dto/blocks/list-block';
+import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
+describe('bullet list', () => {
+  it('new RTEBulletListBlock should work as expect', () => {
+    expect(new RTEListBlock('1', 'bullet-list')).toBeDefined();
+  });
+  it('from method should work as expect', () => {
+    expect(RTEListBlock.from({
+      id: '1-1-1',
+      type: 'bullet-list',
+      blocks: [
+        {
+          id: '1-1-1-1',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-1-1-1',
+              type: 'text',
+              text: 'This is a bullet-list 3-1.',
+            },
+          ],
+        },
+      ],
+    })).toBeDefined();
+  });
+  it('toJSON method should work as expect', () => {
+    expect(new RTEListBlock('1', 'bullet-list').toJSON()).toEqual({
+      id: '1',
+      type: 'bullet-list',
+      blocks: [],
+    });
+    expect(RTEListBlock.from({
+      id: '1-1-1',
+      type: 'bullet-list',
+      blocks: [
+        {
+          id: '1-1-1-1',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-1-1-1',
+              type: 'text',
+              text: 'This is a bullet-list 3-1.',
+            },
+          ],
+        },
+      ],
+    }).toJSON()).toEqual({
+      id: '1-1-1',
+      type: 'bullet-list',
+      blocks: [
+        {
+          id: '1-1-1-1',
+          type: 'list-item',
+          nodes: [{ id: '1-1-1-1-1', text: 'This is a bullet-list 3-1.', type: 'text' }],
+          annotations: {
+            textStyle: 'paragraph',
+          },
+          children: undefined,
+        },
+      ],
+    });
+  });
+  it('registerRef method should work as expect', () => {
+    const bulletListBlock = new RTEListBlock('1', 'bullet-list');
+    const mockDiv = document.createElement('div');
+    bulletListBlock['registerRef'](mockDiv);
+    expect(stateEntityRenderingRegistry.getDOMByEntity(bulletListBlock)).toEqual(mockDiv);
+    expect(stateEntityRenderingRegistry.getEntityByDOM(mockDiv)).toEqual(bulletListBlock);
+  });
+  it('render method should work as expect', () => {
+    expect(new RTEListBlock('1', 'bullet-list').render()).toBeDefined();
+    expect(RTEListBlock.from({
+      id: '1-1-1',
+      type: 'bullet-list',
+      blocks: [
+        {
+          id: '1-1-1-1',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-1-1-1',
+              type: 'text',
+              text: 'This is a bullet-list 3-1.',
+            },
+          ],
+        },
+      ],
+    }).render()).toBeDefined();
+  });
+  it('isNotEmpty should work as expect', () => {
+    const bulletListBlock = RTEListBlock.from({
+      id: '1',
+      type: 'bullet-list',
+      blocks: [
+        {
+          id: '1-1',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-1',
+              type: 'text',
+              text: 'This is a list item 1',
+            },
+          ],
+        },
+      ],
+    });
+    expect(bulletListBlock.isNotEmpty()).toEqual(true);
+    bulletListBlock.blocks[0].nodes[0].text = '';
+    expect(bulletListBlock.isNotEmpty()).toEqual(false);
+    const childrenListBlock = RTEListBlock.from({
+      id: '1-1-2',
+      type: 'bullet-list',
+      blocks: [
+        {
+          id: '1-1-2',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-2-1',
+              type: 'text',
+              text: 'This is a list item 2',
+            },
+          ],
+        },
+      ],
+    });
+    bulletListBlock.blocks[0].children = [childrenListBlock];
+    expect(bulletListBlock.isNotEmpty()).toEqual(true);
+    childrenListBlock.blocks[0].nodes[0].text = '';
+    expect(bulletListBlock.isNotEmpty()).toEqual(false);
+  });
+});
+describe('number list', () => {
+  it('render method should work as expect', () => {
+    expect(new RTEListBlock('1', 'bullet-list').render()).toBeDefined();
+    expect(RTEListBlock.from({
+      id: '1-1-1',
+      type: 'number-list',
+      blocks: [
+        {
+          id: '1-1-1-1',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-1-1-1',
+              type: 'text',
+              text: 'This is a bullet-list 3-1.',
+            },
+          ],
+        },
+      ],
+    }).render()).toBeDefined();
+  });
+  it('isNotEmpty should work as expect', () => {
+    const listBlock = RTEListBlock.from({
+      id: '1',
+      type: 'number-list',
+      blocks: [
+        {
+          id: '1-1',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-1',
+              type: 'text',
+              text: 'This is a list item 1',
+            },
+          ],
+        },
+      ],
+    });
+    expect(listBlock.isNotEmpty()).toEqual(true);
+    listBlock.blocks[0].nodes[0].text = '';
+    expect(listBlock.isNotEmpty()).toEqual(false);
+    const childrenListBlock = RTEListBlock.from({
+      id: '1-1-2',
+      type: 'number-list',
+      blocks: [
+        {
+          id: '1-1-2',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-2-1',
+              type: 'text',
+              text: 'This is a list item 2',
+            },
+          ],
+        },
+      ],
+    });
+    listBlock.blocks[0].children = [childrenListBlock];
+    expect(listBlock.isNotEmpty()).toEqual(true);
+    childrenListBlock.blocks[0].nodes[0].text = '';
+    expect(listBlock.isNotEmpty()).toEqual(false);
+  });
+  it('getLastNode should work as expect', () => {
+    const listBlock = RTEListBlock.from({
+      id: '1',
+      type: 'number-list',
+      blocks: [
+        {
+          id: '1-1',
+          type: 'list-item',
+          nodes: [
+            {
+              id: '1-1-1',
+              type: 'text',
+              text: 'This is a list item 1',
+            },
+            {
+              id: '1-1-2',
+              type: 'text',
+              text: 'This is a list item 2',
+            },
+          ],
+        },
+      ],
+    });
+    expect(listBlock.getLastNode()).toEqual(listBlock.blocks[0].nodes[1]);
+  });
+});

package/dist/collection/components/vega-rich-text-editor/test/dto/blocks/list-item.test.js

@@ -0,0 +1,228 @@
+import { RTEListItemBlock } from '../../../dto/blocks/list-item-block';
+import { RTETextNode } from '../../../dto/nodes/text-node';
+import stateEntityRenderingRegistry from '../../../slimmers/controllers/state-entity-rendering-registry';
+describe('bullet list item', () => {
+  it('new RTEBulletListItemBlock should work as expect', () => {
+    const bulletListItemBlock = new RTEListItemBlock('1');
+    const textNode = new RTETextNode('1', 'This is a text.', bulletListItemBlock);
+    bulletListItemBlock.nodes = [textNode];
+    expect(bulletListItemBlock).toBeDefined();
+  });
+  it('from method should work as expect', () => {
+    expect(RTEListItemBlock.from({
+      id: '1',
+      type: 'list-item',
+      nodes: [
+        {
+          id: '1-1',
+          type: 'text',
+          text: 'This is a bullet-list 1.',
+        },
+      ],
+      children: [
+        {
+          id: '1-1-1',
+          type: 'bullet-list',
+          blocks: [
+            {
+              id: '1-1-1-1',
+              type: 'list-item',
+              nodes: [
+                {
+                  id: '1-1-1-1-1',
+                  type: 'text',
+                  text: 'This is a bullet-list 3-1.',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }).toJSON()).toBeDefined();
+    expect(RTEListItemBlock.from({
+      id: '1',
+      type: 'list-item',
+      annotations: {
+        textAlign: 'center',
+      },
+      nodes: [
+        {
+          id: '1-1',
+          type: 'text',
+          text: 'This is a bullet-list 1.',
+        },
+      ],
+      children: [
+        {
+          id: '1-1-1',
+          type: 'bullet-list',
+          blocks: [
+            {
+              id: '1-1-1-1',
+              type: 'list-item',
+              nodes: [
+                {
+                  id: '1-1-1-1-1',
+                  type: 'text',
+                  text: 'This is a bullet-list 3-1.',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }).toJSON()).toBeDefined();
+  });
+  it('toJSON method should work as expect', () => {
+    expect(RTEListItemBlock.from({
+      id: '1',
+      type: 'list-item',
+      nodes: [
+        {
+          id: '1-1',
+          type: 'text',
+          text: 'This is a bullet-list 1.',
+        },
+      ],
+      children: [
+        {
+          id: '1-1-1',
+          type: 'bullet-list',
+          blocks: [
+            {
+              id: '1-1-1-1',
+              type: 'list-item',
+              nodes: [
+                {
+                  id: '1-1-1-1-1',
+                  type: 'text',
+                  text: 'This is a bullet-list 3-1.',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }).toJSON()).toEqual({
+      id: '1',
+      type: 'list-item',
+      nodes: [{ id: '1-1', text: 'This is a bullet-list 1.', type: 'text' }],
+      annotations: {
+        textStyle: 'paragraph',
+      },
+      children: [
+        {
+          blocks: [
+            {
+              id: '1-1-1-1',
+              type: 'list-item',
+              nodes: [{ id: '1-1-1-1-1', text: 'This is a bullet-list 3-1.', type: 'text' }],
+              children: undefined,
+              annotations: {
+                textStyle: 'paragraph',
+              },
+            },
+          ],
+          id: '1-1-1',
+          type: 'bullet-list',
+        },
+      ],
+    });
+  });
+  it('render method should work as expect', () => {
+    expect(RTEListItemBlock.from({
+      id: '1',
+      type: 'list-item',
+      nodes: [
+        {
+          id: '1-1',
+          type: 'text',
+          text: 'This is a bullet-list 1.',
+        },
+      ],
+      children: [
+        {
+          id: '1-1-1',
+          type: 'bullet-list',
+          blocks: [
+            {
+              id: '1-1-1-1',
+              type: 'list-item',
+              nodes: [
+                {
+                  id: '1-1-1-1-1',
+                  type: 'text',
+                  text: 'This is a bullet-list 3-1.',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    }).render()).toBeDefined();
+  });
+  it('registerRef method should work as expect', () => {
+    const bulletListItemBlock = new RTEListItemBlock('1');
+    const mockDiv = document.createElement('div');
+    bulletListItemBlock['registerRef'](mockDiv);
+    expect(stateEntityRenderingRegistry.getDOMByEntity(bulletListItemBlock)).toEqual(mockDiv);
+    expect(stateEntityRenderingRegistry.getEntityByDOM(mockDiv)).toEqual(bulletListItemBlock);
+  });
+  it('getLastNode should work as expect', () => {
+    const listItemBlock = RTEListItemBlock.from({
+      id: '1',
+      type: 'list-item',
+      nodes: [
+        {
+          id: '1-1',
+          type: 'text',
+          text: 'This is a list item 1.',
+        },
+        {
+          id: '1-2',
+          type: 'text',
+          text: 'This is a list item 2.',
+        },
+      ],
+    });
+    expect(listItemBlock.getLastNode()).toEqual(listItemBlock.nodes[1]);
+  });
+  it('getLastNode should work as expect with children', () => {
+    const listItemBlock = RTEListItemBlock.from({
+      id: '1',
+      type: 'list-item',
+      nodes: [
+        {
+          id: '1-1',
+          type: 'text',
+          text: 'This is a bullet-list 1.',
+        },
+      ],
+      children: [
+        {
+          id: '1-1-1',
+          type: 'bullet-list',
+          blocks: [
+            {
+              id: '1-1-1-1',
+              type: 'list-item',
+              nodes: [
+                {
+                  id: '1-1-1-1-1',
+                  type: 'text',
+                  text: 'This is a list item 1-1.',
+                },
+                {
+                  id: '1-1-1-1-2',
+                  type: 'text',
+                  text: 'This is a list item 1-2.',
+                },
+              ],
+            },
+          ],
+        },
+      ],
+    });
+    expect(listItemBlock.getLastNode()).toEqual(listItemBlock.children[0].blocks[0].nodes[1]);
+  });
+});