import LineByLineRenderer from '../line-by-line-renderer'; import HoganJsUtils from '../hoganjs-utils'; import { LineType, DiffFile, LineMatchingType } from '../types'; import { CSSLineClass } from '../render-utils'; describe('LineByLineRenderer', () => { describe('_generateEmptyDiff', () => { it('should return an empty diff', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const fileHtml = lineByLineRenderer.generateEmptyDiff(); expect(fileHtml).toMatchInlineSnapshot(` "

File without changes

" `); }); }); describe('_generateTooBigDiff', () => { it('should return a diff with default "too big" message when no `diffTooBigMessage` is defined', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const fileHtml = lineByLineRenderer.generateTooBigDiff(0); expect(fileHtml).toMatchInlineSnapshot(` "

Diff too big to be displayed

" `); }); it('should return a diff with custom "too big" message when `diffTooBigMessage` is defined', () => { const hoganUtils = new HoganJsUtils({}); const customMessageFn = (fIndex: number) => `Custom message for file ${fIndex} diff too big`; const lineByLineRenderer = new LineByLineRenderer(hoganUtils, { diffTooBigMessage: customMessageFn }); const fileHtml = lineByLineRenderer.generateTooBigDiff(0); expect(fileHtml).toMatchInlineSnapshot(` "

Custom message for file 0 diff too big

" `); }); }); describe('makeLineHtml', () => { it('should work for insertions', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const fileHtml = lineByLineRenderer.generateSingleLineHtml({ type: CSSLineClass.INSERTS, prefix: '+', content: 'test', oldNumber: undefined, newNumber: 30, }); expect(fileHtml).toMatchInlineSnapshot(` "

+ test

" `); }); it('should work for deletions', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const fileHtml = lineByLineRenderer.generateSingleLineHtml({ type: CSSLineClass.DELETES, prefix: '-', content: 'test', oldNumber: 30, newNumber: undefined, }); expect(fileHtml).toMatchInlineSnapshot(` "

- test

" `); }); it('should convert indents into non breakin spaces (2 white spaces)', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const fileHtml = lineByLineRenderer.generateSingleLineHtml({ type: CSSLineClass.INSERTS, prefix: '+', content: ' test', oldNumber: undefined, newNumber: 30, }); expect(fileHtml).toMatchInlineSnapshot(` "

+ test

" `); }); it('should convert indents into non breakin spaces (4 white spaces)', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const fileHtml = lineByLineRenderer.generateSingleLineHtml({ type: CSSLineClass.INSERTS, prefix: '+', content: ' test', oldNumber: undefined, newNumber: 30, }); expect(fileHtml).toMatchInlineSnapshot(` "

+ test

" `); }); it('should preserve tabs', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const fileHtml = lineByLineRenderer.generateSingleLineHtml({ type: CSSLineClass.INSERTS, prefix: '+', content: '\ttest', oldNumber: undefined, newNumber: 30, }); expect(fileHtml).toMatchInlineSnapshot(` "

+ test

" `); }); }); describe('makeFileDiffHtml', () => { it('should work for simple file', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const file = { addedLines: 12, deletedLines: 41, language: 'js', oldName: 'my/file/name.js', newName: 'my/file/name.js', isCombined: false, isGitDiff: false, blocks: [], }; const diffs = 'Random Html'; const fileHtml = lineByLineRenderer.makeFileDiffHtml(file, diffs); expect(fileHtml).toMatchInlineSnapshot(` "

my/file/name.js CHANGED Viewed

Random Html

" `); }); it('should work for simple added file', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const file = { addedLines: 12, deletedLines: 0, language: 'js', oldName: 'dev/null', newName: 'my/file/name.js', isNew: true, isCombined: false, isGitDiff: false, blocks: [], }; const diffs = 'Random Html'; const fileHtml = lineByLineRenderer.makeFileDiffHtml(file, diffs); expect(fileHtml).toMatchInlineSnapshot(` "

my/file/name.js ADDED Viewed

Random Html

" `); }); it('should work for simple deleted file', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const file = { addedLines: 0, deletedLines: 41, language: 'js', oldName: 'my/file/name.js', newName: 'dev/null', isDeleted: true, isCombined: false, isGitDiff: false, blocks: [], }; const diffs = 'Random Html'; const fileHtml = lineByLineRenderer.makeFileDiffHtml(file, diffs); expect(fileHtml).toMatchInlineSnapshot(` "

my/file/name.js DELETED Viewed

Random Html

" `); }); it('should work for simple renamed file', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const file = { addedLines: 12, deletedLines: 41, language: 'js', oldName: 'my/file/name1.js', newName: 'my/file/name2.js', isRename: true, isCombined: false, isGitDiff: false, blocks: [], }; const diffs = 'Random Html'; const fileHtml = lineByLineRenderer.makeFileDiffHtml(file, diffs); expect(fileHtml).toMatchInlineSnapshot(` "

my/file/{name1.js → name2.js} RENAMED Viewed

Random Html

" `); }); it('should return empty when option renderNothingWhenEmpty is true and file blocks not present', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, { renderNothingWhenEmpty: true, }); const file = { addedLines: 0, deletedLines: 0, language: 'js', oldName: 'my/file/name1.js', newName: 'my/file/name2.js', isRename: true, isCombined: false, isGitDiff: false, blocks: [], }; const diffs = 'Random Html'; const fileHtml = lineByLineRenderer.makeFileDiffHtml(file, diffs); expect(fileHtml).toMatchInlineSnapshot(`""`); }); }); describe('generateLineByLineJsonHtml', () => { it('should work for list of files', () => { const exampleJson: DiffFile[] = [ { blocks: [ { lines: [ { content: '-test', type: LineType.DELETE, oldNumber: 1, newNumber: undefined, }, { content: '+test1r', type: LineType.INSERT, oldNumber: undefined, newNumber: 1, }, ], oldStartLine: 1, oldStartLine2: undefined, newStartLine: 1, header: '@@ -1 +1 @@', }, ], deletedLines: 1, addedLines: 1, checksumBefore: '0000001', checksumAfter: '0ddf2ba', oldName: 'sample', newName: 'sample', language: 'txt', isCombined: false, isGitDiff: true, }, ]; const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, { matching: LineMatchingType.LINES, }); const html = lineByLineRenderer.render(exampleJson); expect(html).toMatchInlineSnapshot(` "

sample CHANGED Viewed

	@@ -1 +1 @@
1	- ~~test~~
1	+ test1r

" `); }); it('should work for empty blocks', () => { const exampleJson = [ { blocks: [], deletedLines: 0, addedLines: 0, oldName: 'sample', language: 'js', newName: 'sample', isCombined: false, isGitDiff: false, }, ]; const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, { renderNothingWhenEmpty: false, }); const html = lineByLineRenderer.render(exampleJson); expect(html).toMatchInlineSnapshot(` "

sample CHANGED Viewed

File without changes

" `); }); it('should work for too big file diff and no custom message fn', () => { const exampleJson = [ { blocks: [], deletedLines: 0, addedLines: 0, oldName: 'sample', language: 'js', newName: 'sample', isCombined: false, isGitDiff: false, isTooBig: true, }, ]; const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils); const html = lineByLineRenderer.render(exampleJson); expect(html).toMatchInlineSnapshot(` "

sample CHANGED Viewed

Diff too big to be displayed

" `); }); it('should work for too big file diff and custom message fn', () => { const exampleJson = [ { blocks: [], deletedLines: 0, addedLines: 0, oldName: 'sample', language: 'js', newName: 'sample', isCombined: false, isGitDiff: false, isTooBig: true, }, ]; const hoganUtils = new HoganJsUtils({}); const customMessageFn = (fIndex: number) => `Custom message for file ${fIndex} diff too big`; const lineByLineRenderer = new LineByLineRenderer(hoganUtils, { diffTooBigMessage: customMessageFn }); const html = lineByLineRenderer.render(exampleJson); expect(html).toMatchInlineSnapshot(` "

sample CHANGED Viewed

Custom message for file 0 diff too big

" `); }); }); describe('_generateFileHtml', () => { it('should work for simple file', () => { const hoganUtils = new HoganJsUtils({}); const lineByLineRenderer = new LineByLineRenderer(hoganUtils, {}); const file: DiffFile = { blocks: [ { lines: [ { content: ' one context line', type: LineType.CONTEXT, oldNumber: 1, newNumber: 1, }, { content: '-test', type: LineType.DELETE, oldNumber: 2, newNumber: undefined, }, { content: '+test1r', type: LineType.INSERT, oldNumber: undefined, newNumber: 2, }, { content: '+test2r', type: LineType.INSERT, oldNumber: undefined, newNumber: 3, }, ], oldStartLine: 1, oldStartLine2: undefined, newStartLine: 1, header: '@@ -1 +1 @@', }, ], deletedLines: 1, addedLines: 1, checksumBefore: '0000001', checksumAfter: '0ddf2ba', oldName: 'sample', language: 'txt', newName: 'sample', isCombined: false, isGitDiff: true, }; const html = lineByLineRenderer.generateFileHtml(file); expect(html).toMatchInlineSnapshot(` "

@@ -1 +1 @@

one context line

- ~~test~~

+ test1r

+ test2r

" `); }); }); });