482 lines
17 KiB
JavaScript
482 lines
17 KiB
JavaScript
var assert = require('assert');
|
|
var Utils = require('../src/utils.js').Utils;
|
|
|
|
var LineByLinePrinter = require('../src/line-by-line-printer.js').LineByLinePrinter;
|
|
|
|
describe('LineByLinePrinter', function() {
|
|
describe('_generateEmptyDiff', function() {
|
|
it('should return an empty diff', function() {
|
|
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var fileHtml = lineByLinePrinter._generateEmptyDiff();
|
|
var expected = '<tr>\n' +
|
|
' <td class="d2h-info">\n' +
|
|
' <div class="d2h-code-line d2h-info">\n' +
|
|
' File without changes\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>\n';
|
|
|
|
assert.equal(expected, fileHtml);
|
|
});
|
|
});
|
|
|
|
describe('makeLineHtml', function() {
|
|
it('should work for insertions', function() {
|
|
|
|
var diffParser = require('../src/diff-parser.js').DiffParser;
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var fileHtml = lineByLinePrinter.makeLineHtml(
|
|
diffParser.LINE_TYPE.INSERTS, '', 30, '+', 'test');
|
|
fileHtml = fileHtml.replace(/\n\n+/g, '\n');
|
|
var expected = '<tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-ins">\n' +
|
|
' <div class="line-num1"></div>\n' +
|
|
' <div class="line-num2">30</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-ins">\n' +
|
|
' <div class="d2h-code-line d2h-ins">\n' +
|
|
' <span class="d2h-code-line-prefix">test</span>\n' +
|
|
' <span class="d2h-code-line-ctn">+</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>';
|
|
|
|
assert.equal(expected, fileHtml);
|
|
});
|
|
|
|
it('should work for deletions', function() {
|
|
var diffParser = require('../src/diff-parser.js').DiffParser;
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var fileHtml = lineByLinePrinter.makeLineHtml(
|
|
diffParser.LINE_TYPE.DELETES, 30, '', '-', 'test');
|
|
fileHtml = fileHtml.replace(/\n\n+/g, '\n');
|
|
var expected = '<tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-del">\n' +
|
|
' <div class="line-num1">30</div>\n' +
|
|
' <div class="line-num2"></div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-del">\n' +
|
|
' <div class="d2h-code-line d2h-del">\n' +
|
|
' <span class="d2h-code-line-prefix">test</span>\n' +
|
|
' <span class="d2h-code-line-ctn">-</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>';
|
|
|
|
assert.equal(expected, fileHtml);
|
|
});
|
|
|
|
it('should convert indents into non breakin spaces (2 white spaces)', function() {
|
|
var diffParser = require('../src/diff-parser.js').DiffParser;
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var fileHtml = lineByLinePrinter.makeLineHtml(
|
|
diffParser.LINE_TYPE.INSERTS, '', 30, '+', ' test');
|
|
fileHtml = fileHtml.replace(/\n\n+/g, '\n');
|
|
var expected = '<tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-ins">\n' +
|
|
' <div class="line-num1"></div>\n' +
|
|
' <div class="line-num2">30</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-ins">\n' +
|
|
' <div class="d2h-code-line d2h-ins">\n' +
|
|
' <span class="d2h-code-line-prefix"> test</span>\n' +
|
|
' <span class="d2h-code-line-ctn">+</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>';
|
|
|
|
assert.equal(expected, fileHtml);
|
|
});
|
|
|
|
it('should convert indents into non breakin spaces (4 white spaces)', function() {
|
|
var diffParser = require('../src/diff-parser.js').DiffParser;
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var fileHtml = lineByLinePrinter.makeLineHtml(
|
|
diffParser.LINE_TYPE.INSERTS, '', 30, '+', ' test');
|
|
fileHtml = fileHtml.replace(/\n\n+/g, '\n');
|
|
var expected = '<tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-ins">\n' +
|
|
' <div class="line-num1"></div>\n' +
|
|
' <div class="line-num2">30</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-ins">\n' +
|
|
' <div class="d2h-code-line d2h-ins">\n' +
|
|
' <span class="d2h-code-line-prefix"> test</span>\n' +
|
|
' <span class="d2h-code-line-ctn">+</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>';
|
|
|
|
assert.equal(expected, fileHtml);
|
|
});
|
|
|
|
it('should convert indents into non breakin spaces (one tab)', function() {
|
|
var diffParser = require('../src/diff-parser.js').DiffParser;
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var fileHtml = lineByLinePrinter.makeLineHtml(
|
|
diffParser.LINE_TYPE.INSERTS, '', 30, '+', Utils.escape('\ttest'));
|
|
fileHtml = fileHtml.replace(/\n\n+/g, '\n');
|
|
var expected = '<tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-ins">\n' +
|
|
' <div class="line-num1"></div>\n' +
|
|
' <div class="line-num2">30</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-ins">\n' +
|
|
' <div class="d2h-code-line d2h-ins">\n' +
|
|
' <span class="d2h-code-line-prefix"> test</span>\n' +
|
|
' <span class="d2h-code-line-ctn">+</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>';
|
|
|
|
assert.equal(expected, fileHtml);
|
|
});
|
|
});
|
|
|
|
describe('makeFileDiffHtml', function() {
|
|
it('should work for simple file', function() {
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
|
|
var file = {
|
|
addedLines: 12,
|
|
deletedLines: 41,
|
|
language: 'js',
|
|
oldName: 'my/file/name.js',
|
|
newName: 'my/file/name.js'
|
|
};
|
|
var diffs = '<span>Random Html</span>';
|
|
|
|
var fileHtml = lineByLinePrinter.makeFileDiffHtml(file, diffs);
|
|
|
|
var expected = '<div id="d2h-781444" class="d2h-file-wrapper" data-lang="js">\n' +
|
|
' <div class="d2h-file-header">\n' +
|
|
' <span class="d2h-file-stats">\n' +
|
|
' <span class="d2h-lines-added">\n' +
|
|
' <span>+12</span>\n' +
|
|
' </span>\n' +
|
|
' <span class="d2h-lines-deleted">\n' +
|
|
' <span>-41</span>\n' +
|
|
' </span>\n' +
|
|
' </span>\n' +
|
|
' <span class="d2h-file-name-wrapper">\n' +
|
|
' <span class="d2h-file-name"> my/file/name.js</span>\n' +
|
|
' </span>\n' +
|
|
' </div>\n' +
|
|
' <div class="d2h-file-diff">\n' +
|
|
' <div class="d2h-code-wrapper">\n' +
|
|
' <table class="d2h-diff-table">\n' +
|
|
' <tbody class="d2h-diff-tbody">\n' +
|
|
' <span>Random Html</span>\n' +
|
|
' </tbody>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
' </div>\n' +
|
|
'</div>';
|
|
|
|
assert.equal(expected, fileHtml);
|
|
});
|
|
});
|
|
|
|
describe('makeLineByLineHtmlWrapper', function() {
|
|
it('should work for simple content', function() {
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var fileHtml = lineByLinePrinter.makeLineByLineHtmlWrapper('<span>Random Html</span>');
|
|
|
|
var expected =
|
|
'<div class="d2h-wrapper">\n' +
|
|
' <span>Random Html</span>\n' +
|
|
'</div>';
|
|
|
|
assert.equal(expected, fileHtml);
|
|
});
|
|
});
|
|
|
|
describe('generateLineByLineJsonHtml', function() {
|
|
it('should work for list of files', function() {
|
|
var exampleJson = [{
|
|
blocks: [{
|
|
lines: [{
|
|
content: '-test',
|
|
type: 'd2h-del',
|
|
oldNumber: 1,
|
|
newNumber: null
|
|
},
|
|
{
|
|
content: '+test1r',
|
|
type: 'd2h-ins',
|
|
oldNumber: null,
|
|
newNumber: 1
|
|
}],
|
|
oldStartLine: '1',
|
|
oldStartLine2: null,
|
|
newStartLine: '1',
|
|
header: '@@ -1 +1 @@'
|
|
}],
|
|
deletedLines: 1,
|
|
addedLines: 1,
|
|
checksumBefore: '0000001',
|
|
checksumAfter: '0ddf2ba',
|
|
oldName: 'sample',
|
|
language: undefined,
|
|
newName: 'sample',
|
|
isCombined: false
|
|
}];
|
|
|
|
var lineByLinePrinter = new LineByLinePrinter({matching: 'lines'});
|
|
var html = lineByLinePrinter.generateLineByLineJsonHtml(exampleJson);
|
|
var expected =
|
|
'<div class="d2h-wrapper">\n' +
|
|
' <div id="d2h-675094" class="d2h-file-wrapper" data-lang="">\n' +
|
|
' <div class="d2h-file-header">\n' +
|
|
' <span class="d2h-file-stats">\n' +
|
|
' <span class="d2h-lines-added">\n' +
|
|
' <span>+1</span>\n' +
|
|
' </span>\n' +
|
|
' <span class="d2h-lines-deleted">\n' +
|
|
' <span>-1</span>\n' +
|
|
' </span>\n' +
|
|
' </span>\n' +
|
|
' <span class="d2h-file-name-wrapper">\n' +
|
|
' <span class="d2h-file-name"> sample</span>\n' +
|
|
' </span>\n' +
|
|
' </div>\n' +
|
|
' <div class="d2h-file-diff">\n' +
|
|
' <div class="d2h-code-wrapper">\n' +
|
|
' <table class="d2h-diff-table">\n' +
|
|
' <tbody class="d2h-diff-tbody">\n' +
|
|
' <tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-info"></td>\n' +
|
|
' <td class="d2h-info">\n' +
|
|
' <div class="d2h-code-line d2h-info"></div>\n' +
|
|
' </td>\n' +
|
|
'</tr><tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-del d2h-change">\n' +
|
|
' <div class="line-num1">1</div>\n' +
|
|
' <div class="line-num2"></div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-del d2h-change">\n' +
|
|
' <div class="d2h-code-line d2h-del d2h-change">\n' +
|
|
' <span class="d2h-code-line-prefix">-</span>\n' +
|
|
' <span class="d2h-code-line-ctn"><del>test</del></span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr><tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-ins d2h-change">\n' +
|
|
' <div class="line-num1"></div>\n' +
|
|
' <div class="line-num2">1</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-ins d2h-change">\n' +
|
|
' <div class="d2h-code-line d2h-ins d2h-change">\n' +
|
|
' <span class="d2h-code-line-prefix">+</span>\n' +
|
|
' <span class="d2h-code-line-ctn"><ins>test1r</ins></span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>\n' +
|
|
' </tbody>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
' </div>\n' +
|
|
'</div>\n' +
|
|
'</div>';
|
|
|
|
assert.equal(expected, html);
|
|
});
|
|
|
|
it('should work for empty blocks', function() {
|
|
var exampleJson = [{
|
|
blocks: [],
|
|
deletedLines: 0,
|
|
addedLines: 0,
|
|
oldName: 'sample',
|
|
language: 'js',
|
|
newName: 'sample',
|
|
isCombined: false
|
|
}];
|
|
|
|
var lineByLinePrinter = new LineByLinePrinter();
|
|
var html = lineByLinePrinter.generateLineByLineJsonHtml(exampleJson);
|
|
var expected =
|
|
'<div class="d2h-wrapper">\n' +
|
|
' <div id="d2h-675094" class="d2h-file-wrapper" data-lang="js">\n' +
|
|
' <div class="d2h-file-header">\n' +
|
|
' <span class="d2h-file-stats">\n' +
|
|
' <span class="d2h-lines-added">\n' +
|
|
' <span>+0</span>\n' +
|
|
' </span>\n' +
|
|
' <span class="d2h-lines-deleted">\n' +
|
|
' <span>-0</span>\n' +
|
|
' </span>\n' +
|
|
' </span>\n' +
|
|
' <span class="d2h-file-name-wrapper">\n' +
|
|
' <span class="d2h-file-name"> sample</span>\n' +
|
|
' </span>\n' +
|
|
' </div>\n' +
|
|
' <div class="d2h-file-diff">\n' +
|
|
' <div class="d2h-code-wrapper">\n' +
|
|
' <table class="d2h-diff-table">\n' +
|
|
' <tbody class="d2h-diff-tbody">\n' +
|
|
' <tr>\n' +
|
|
' <td class="d2h-info">\n' +
|
|
' <div class="d2h-code-line d2h-info">\n' +
|
|
' File without changes\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>\n' +
|
|
'\n' +
|
|
' </tbody>\n' +
|
|
' </table>\n' +
|
|
' </div>\n' +
|
|
' </div>\n' +
|
|
'</div>\n' +
|
|
'</div>';
|
|
|
|
assert.equal(expected, html);
|
|
});
|
|
});
|
|
|
|
describe('_processLines', function() {
|
|
it('should work for simple block header', function() {
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var oldLines = [{
|
|
content: '-test',
|
|
type: 'd2h-del',
|
|
oldNumber: 1,
|
|
newNumber: null
|
|
}];
|
|
var newLines = [{
|
|
content: '+test1r',
|
|
type: 'd2h-ins',
|
|
oldNumber: null,
|
|
newNumber: 1
|
|
}];
|
|
|
|
var html = lineByLinePrinter._processLines(oldLines, newLines);
|
|
|
|
var expected =
|
|
'<tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-del">\n' +
|
|
' <div class="line-num1">1</div>\n' +
|
|
' <div class="line-num2"></div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-del">\n' +
|
|
' <div class="d2h-code-line d2h-del">\n' +
|
|
' <span class="d2h-code-line-ctn">-test</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr><tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-ins">\n' +
|
|
' <div class="line-num1"></div>\n' +
|
|
' <div class="line-num2">1</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-ins">\n' +
|
|
' <div class="d2h-code-line d2h-ins">\n' +
|
|
' <span class="d2h-code-line-ctn">+test1r</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>';
|
|
|
|
assert.equal(expected, html);
|
|
});
|
|
});
|
|
|
|
describe('_generateFileHtml', function() {
|
|
it('should work for simple file', function() {
|
|
var lineByLinePrinter = new LineByLinePrinter({});
|
|
var file = {
|
|
blocks: [{
|
|
lines: [{
|
|
content: ' one context line',
|
|
type: 'd2h-cntx',
|
|
oldNumber: 1,
|
|
newNumber: 1
|
|
},
|
|
{
|
|
content: '-test',
|
|
type: 'd2h-del',
|
|
oldNumber: 2,
|
|
newNumber: null
|
|
},
|
|
{
|
|
content: '+test1r',
|
|
type: 'd2h-ins',
|
|
oldNumber: null,
|
|
newNumber: 2
|
|
},
|
|
{
|
|
content: '+test2r',
|
|
type: 'd2h-ins',
|
|
oldNumber: null,
|
|
newNumber: 3
|
|
}],
|
|
oldStartLine: '1',
|
|
oldStartLine2: null,
|
|
newStartLine: '1',
|
|
header: '@@ -1 +1 @@'
|
|
}],
|
|
deletedLines: 1,
|
|
addedLines: 1,
|
|
checksumBefore: '0000001',
|
|
checksumAfter: '0ddf2ba',
|
|
oldName: 'sample',
|
|
language: undefined,
|
|
newName: 'sample',
|
|
isCombined: false
|
|
};
|
|
|
|
var html = lineByLinePrinter._generateFileHtml(file);
|
|
|
|
var expected =
|
|
'<tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-info"></td>\n' +
|
|
' <td class="d2h-info">\n' +
|
|
' <div class="d2h-code-line d2h-info"></div>\n' +
|
|
' </td>\n' +
|
|
'</tr><tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-cntx">\n' +
|
|
' <div class="line-num1">1</div>\n' +
|
|
' <div class="line-num2">1</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-cntx">\n' +
|
|
' <div class="d2h-code-line d2h-cntx">\n' +
|
|
' <span class="d2h-code-line-ctn"> one context line</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr><tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-del">\n' +
|
|
' <div class="line-num1">2</div>\n' +
|
|
' <div class="line-num2"></div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-del">\n' +
|
|
' <div class="d2h-code-line d2h-del">\n' +
|
|
' <span class="d2h-code-line-prefix">-</span>\n' +
|
|
' <span class="d2h-code-line-ctn"><del>test</del></span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr><tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-ins">\n' +
|
|
' <div class="line-num1"></div>\n' +
|
|
' <div class="line-num2">2</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-ins">\n' +
|
|
' <div class="d2h-code-line d2h-ins">\n' +
|
|
' <span class="d2h-code-line-prefix">+</span>\n' +
|
|
' <span class="d2h-code-line-ctn"><ins>test1r</ins></span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr><tr>\n' +
|
|
' <td class="d2h-code-linenumber d2h-ins">\n' +
|
|
' <div class="line-num1"></div>\n' +
|
|
' <div class="line-num2">3</div>\n' +
|
|
' </td>\n' +
|
|
' <td class="d2h-ins">\n' +
|
|
' <div class="d2h-code-line d2h-ins">\n' +
|
|
' <span class="d2h-code-line-ctn">+test2r</span>\n' +
|
|
' </div>\n' +
|
|
' </td>\n' +
|
|
'</tr>';
|
|
|
|
assert.equal(expected, html);
|
|
});
|
|
});
|
|
});
|