@heartlandone/vega 2.78.0 → 2.80.0

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

@@ -1,193 +0,0 @@
-import { RTETextBlock } from '../../../dto/blocks/text-block';
-import { RTETextNode } from '../../../dto/nodes/text-node';
-import { TextStyleAnnotationAction } from '../../../dto/actions/text-style-annotation-action';
-import { SelectionChangeAction } from '../../../dto/actions/selection-change-action';
-import '../../../dto/setup';
-describe('text block', () => {
-  it('new RTETextBlock should work as expect', () => {
-    const textBlock = new RTETextBlock('block-1', 'paragraph');
-    const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    textBlock.children = [textNode];
-    expect(textBlock.toJSON()).toEqual({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a text.', type: 'text' }],
-      annotations: {
-        textStyle: 'paragraph',
-      },
-    });
-  });
-  it('from method should work as expect', () => {
-    expect(RTETextBlock.from({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a text.', type: 'text' }],
-    }) instanceof RTETextBlock).toBe(true);
-  });
-  it('toJSON method should work as expect', () => {
-    expect(RTETextBlock.from({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a text.', type: 'text' }],
-    }).toJSON()).toEqual({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a text.', type: 'text' }],
-      annotations: {
-        textStyle: 'paragraph',
-      },
-    });
-    expect(RTETextBlock.from({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a text.', type: 'text' }],
-      annotations: { textAlign: 'center' },
-    }).toJSON()).toEqual({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a text.', type: 'text' }],
-      annotations: {
-        textAlign: 'center',
-        textStyle: 'paragraph',
-      },
-    });
-    expect(RTETextBlock.from({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a text.', type: 'text' }],
-      annotations: { indent: 2 },
-    }).toJSON()).toEqual({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a text.', type: 'text' }],
-      annotations: {
-        indent: 2,
-        textStyle: 'paragraph',
-      },
-    });
-    expect(RTETextBlock.from({
-      id: 'block-1',
-      type: 'heading-1',
-      nodes: [{ id: '1', text: 'This is a heading-1.', type: 'text', annotations: { bold: true } }],
-      annotations: { indent: 2 },
-    }).toJSON()).toEqual({
-      id: 'block-1',
-      type: 'heading-1',
-      nodes: [{ id: '1', text: 'This is a heading-1.', type: 'text', annotations: { bold: true } }],
-      annotations: {
-        indent: 2,
-        textStyle: 'heading-1',
-      },
-    });
-  });
-  it('apply method should work as expect', () => {
-    const titleBlock = new RTETextBlock('block-1', 'title');
-    const textNode = new RTETextNode('1', 'This is a text.', titleBlock);
-    titleBlock.children = [textNode];
-    const mockDiv = document.createElement('div');
-    const mockHost = document.createElement('div');
-    const mockSpan = document.createElement('span');
-    const range = {
-      startContainer: mockSpan.firstChild,
-      endContainer: mockSpan.firstChild,
-      startOffset: 0,
-      endOffset: textNode.text.length,
-      setStart: jest.fn(),
-      setEnd: jest.fn(),
-      collapse: jest.fn(),
-      selectNodeContents: jest.fn(),
-      deleteContents: jest.fn(),
-      extractContents: jest.fn(),
-      insertNode: jest.fn(),
-    };
-    mockDiv.append(mockSpan);
-    mockHost.append(mockDiv);
-    expect(titleBlock.type).toEqual('title');
-    textNode.apply(new SelectionChangeAction(range));
-    titleBlock.apply(new TextStyleAnnotationAction('heading-1', true));
-    expect(titleBlock.type).toEqual('heading-1');
-    expect(titleBlock.toJSON()).toEqual({
-      id: 'block-1',
-      type: 'heading-1',
-      nodes: [{ id: '1', type: 'text', text: 'This is a text.', annotations: { bold: true } }],
-      annotations: {
-        textStyle: 'heading-1',
-      },
-    });
-    titleBlock.apply(new TextStyleAnnotationAction('subtitle'));
-    expect(titleBlock.toJSON()).toEqual({
-      id: 'block-1',
-      type: 'subtitle',
-      nodes: [{ id: '1', type: 'text', text: 'This is a text.' }],
-      annotations: {
-        textStyle: 'subtitle',
-      },
-    });
-  });
-  it('isNotEmpty should work as expect', () => {
-    const textBlock = new RTETextBlock('block-1', 'paragraph');
-    const textNode = new RTETextNode('1', 'This is a text.', textBlock);
-    textBlock.children = [textNode];
-    expect(textBlock.isNotEmpty()).toEqual(true);
-    textNode.text = '';
-    expect(textBlock.isNotEmpty()).toEqual(false);
-  });
-  it('cloneWithNodes should work as expect', () => {
-    const block = RTETextBlock.from({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a paragraph.', type: 'text' }],
-      annotations: { customStyle: { marginTop: '16px', marginBottom: '16px' } },
-    });
-    const clonedBlock = block.cloneWithNodes([
-      new RTETextNode('1', 'This is a ', block),
-      new RTETextNode('2', 'paragraph.', block),
-    ]);
-    expect(clonedBlock.toJSON()).toEqual({
-      id: expect.anything(),
-      type: 'paragraph',
-      annotations: { textStyle: 'paragraph', customStyle: { marginTop: '16px', marginBottom: '16px' } },
-      nodes: [
-        { id: '1', text: 'This is a ', type: 'text' },
-        { id: '2', text: 'paragraph.', type: 'text' },
-      ],
-    });
-  });
-  it('cloneWithNodes should work as expect when autoMatchFormat is false', () => {
-    const block = RTETextBlock.from({
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [{ id: '1', text: 'This is a paragraph.', type: 'text' }],
-      annotations: { customStyle: { marginTop: '16px', marginBottom: '16px' } },
-    }, { autoMatchFormat: false });
-    const clonedBlock = block.cloneWithNodes([
-      new RTETextNode('1', 'This is a ', block),
-      new RTETextNode('2', 'paragraph.', block),
-    ]);
-    expect(clonedBlock.toJSON()).toEqual({
-      id: expect.anything(),
-      type: 'paragraph',
-      annotations: { customStyle: { marginTop: '16px', marginBottom: '16px' } },
-      nodes: [
-        { id: '1', text: 'This is a ', type: 'text' },
-        { id: '2', text: 'paragraph.', type: 'text' },
-      ],
-    });
-  });
-  it('toHtml should work as expect', () => {
-    const textBlock = {
-      id: 'block-1',
-      type: 'paragraph',
-      nodes: [
-        {
-          id: '1',
-          text: 'This is a text.',
-          type: 'text',
-          annotations: { link: { href: 'www.google.com', groupKey: 'google' } },
-        },
-      ],
-    };
-    expect(RTETextBlock.from(textBlock).toHtml()).toEqual(`<p style="font-family: Inter;font-size: 16px;line-height: 22px;min-height: 22px;font-weight: 500;margin-top: 0px;margin-bottom: 0px;"><a href="www.google.com" target="_blank" style="color: rgba(var(--v-text-link, 19, 98, 226, 1));"><span>This is a text.</span></a></p>`);
-    expect(RTETextBlock.from(textBlock, { autoMatchFormat: false }).toHtml()).toEqual(`<p><a href="www.google.com"><span>This is a text.</span></a></p>`);
-  });
-});