b2198e8233
- gr-file-list recognizes local preferences (for hasRangedComments flag) - gr-file-list reacts to cursor hotkey only if there is no range selected (currently always false). - Remove dead code from GrDiffBuilderSideBySide, GrDiffBuilder, gr-diff-builder.html - Bugfix: GrDiffBuilder.prototype.getGroupsByLineRange handles one-line BOTH code sections correctly. Test updated as well. - Added utitily methods added to gr-diff-builder.html to reduce dependency on DOM structure and reduce amount of code copy-pasting: - renderLineRange, getContentByLine, etc - For gr-diff.js and gr-diff-comment-thread.js addDraft renamed to addOrEditDraft because that's what it does. - For both, addDraft method always creates a draft comment. - Added support for ranged comments in gr-diff, gr-diff-comment-thread. - Added mouseenter and mouseout events to gr-comment.js - Refactored gr-comment.js to reduce code copy-paste, unify event payload, and to eliminate need of accessing component instance for patchNum. Tests updated as well. - Refactored gr-diff.js UI data model update using gr-diff-builder.html utility methods to make code more readable. - Added support for creating ranged comments to gr-diff.js. - gr-selection-action-box now reacts to click and tap to create a comment. Change-Id: I01480a4c6f460774a8b2826915702800b3f81d25
619 lines
21 KiB
HTML
619 lines
21 KiB
HTML
<!DOCTYPE html>
|
||
<!--
|
||
Copyright (C) 2016 The Android Open Source Project
|
||
|
||
Licensed under the Apache License, Version 2.0 (the "License");
|
||
you may not use this file except in compliance with the License.
|
||
You may obtain a copy of the License at
|
||
|
||
http://www.apache.org/licenses/LICENSE-2.0
|
||
|
||
Unless required by applicable law or agreed to in writing, software
|
||
distributed under the License is distributed on an "AS IS" BASIS,
|
||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||
See the License for the specific language governing permissions and
|
||
limitations under the License.
|
||
-->
|
||
|
||
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
|
||
<title>gr-diff-builder</title>
|
||
|
||
<script src="../../../bower_components/web-component-tester/browser.js"></script>
|
||
<script src="../gr-diff/gr-diff-line.js"></script>
|
||
<script src="../gr-diff/gr-diff-group.js"></script>
|
||
<script src="gr-diff-builder.js"></script>
|
||
|
||
<script>
|
||
suite('gr-diff-builder tests', function() {
|
||
var builder;
|
||
|
||
setup(function() {
|
||
var prefs = {
|
||
line_length: 10,
|
||
show_tabs: true,
|
||
tab_size: 4,
|
||
};
|
||
builder = new GrDiffBuilder({content: []}, {left: [], right: []}, prefs);
|
||
});
|
||
|
||
test('process loaded content', function() {
|
||
var content = [
|
||
{
|
||
ab: [
|
||
'<!DOCTYPE html>',
|
||
'<meta charset="utf-8">',
|
||
]
|
||
},
|
||
{
|
||
a: [
|
||
' Welcome ',
|
||
' to the wooorld of tomorrow!',
|
||
],
|
||
b: [
|
||
' Hello, world!',
|
||
],
|
||
},
|
||
{
|
||
ab: [
|
||
'Leela: This is the only place the ship can’t hear us, so ',
|
||
'everyone pretend to shower.',
|
||
'Fry: Same as every day. Got it.',
|
||
]
|
||
},
|
||
];
|
||
var groups = [];
|
||
|
||
builder._processContent(content, groups, -1);
|
||
|
||
assert.equal(groups.length, 4);
|
||
|
||
var group = groups[0];
|
||
assert.equal(group.type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(group.lines.length, 1);
|
||
assert.equal(group.lines[0].text, '');
|
||
assert.equal(group.lines[0].beforeNumber, GrDiffLine.FILE);
|
||
assert.equal(group.lines[0].afterNumber, GrDiffLine.FILE);
|
||
|
||
group = groups[1];
|
||
assert.equal(group.type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(group.lines.length, 2);
|
||
assert.equal(group.lines.length, 2);
|
||
|
||
function beforeNumberFn(l) { return l.beforeNumber; }
|
||
function afterNumberFn(l) { return l.afterNumber; }
|
||
function textFn(l) { return l.text; }
|
||
|
||
assert.deepEqual(group.lines.map(beforeNumberFn), [1, 2]);
|
||
assert.deepEqual(group.lines.map(afterNumberFn), [1, 2]);
|
||
assert.deepEqual(group.lines.map(textFn), [
|
||
'<!DOCTYPE html>',
|
||
'<meta charset="utf-8">',
|
||
]);
|
||
|
||
group = groups[2];
|
||
assert.equal(group.type, GrDiffGroup.Type.DELTA);
|
||
assert.equal(group.lines.length, 3);
|
||
assert.equal(group.adds.length, 1);
|
||
assert.equal(group.removes.length, 2);
|
||
assert.deepEqual(group.removes.map(beforeNumberFn), [3, 4]);
|
||
assert.deepEqual(group.adds.map(afterNumberFn), [3]);
|
||
assert.deepEqual(group.removes.map(textFn), [
|
||
' Welcome ',
|
||
' to the wooorld of tomorrow!',
|
||
]);
|
||
assert.deepEqual(group.adds.map(textFn), [
|
||
' Hello, world!',
|
||
]);
|
||
|
||
group = groups[3];
|
||
assert.equal(group.type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(group.lines.length, 3);
|
||
assert.deepEqual(group.lines.map(beforeNumberFn), [5, 6, 7]);
|
||
assert.deepEqual(group.lines.map(afterNumberFn), [4, 5, 6]);
|
||
assert.deepEqual(group.lines.map(textFn), [
|
||
'Leela: This is the only place the ship can’t hear us, so ',
|
||
'everyone pretend to shower.',
|
||
'Fry: Same as every day. Got it.',
|
||
]);
|
||
});
|
||
|
||
test('insert context groups', function() {
|
||
var content = [
|
||
{ab: []},
|
||
{a: ['all work and no play make andybons a dull boy']},
|
||
{ab: []},
|
||
{b: ['elgoog elgoog elgoog']},
|
||
{ab: []},
|
||
];
|
||
for (var i = 0; i < 100; i++) {
|
||
content[0].ab.push('all work and no play make jack a dull boy');
|
||
content[4].ab.push('all work and no play make jill a dull girl');
|
||
}
|
||
for (var i = 0; i < 5; i++) {
|
||
content[2].ab.push('no tv and no beer make homer go crazy');
|
||
}
|
||
var groups = [];
|
||
var context = 10;
|
||
|
||
builder._processContent(content, groups, context);
|
||
|
||
assert.equal(groups[0].type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(groups[0].lines.length, 1);
|
||
assert.equal(groups[0].lines[0].text, '');
|
||
assert.equal(groups[0].lines[0].beforeNumber, GrDiffLine.FILE);
|
||
assert.equal(groups[0].lines[0].afterNumber, GrDiffLine.FILE);
|
||
|
||
assert.equal(groups[1].type, GrDiffGroup.Type.CONTEXT_CONTROL);
|
||
assert.instanceOf(groups[1].lines[0].contextGroup, GrDiffGroup);
|
||
assert.equal(groups[1].lines[0].contextGroup.lines.length, 90);
|
||
groups[1].lines[0].contextGroup.lines.forEach(function(l) {
|
||
assert.equal(l.text, content[0].ab[0]);
|
||
});
|
||
|
||
assert.equal(groups[2].type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(groups[2].lines.length, context);
|
||
groups[2].lines.forEach(function(l) {
|
||
assert.equal(l.text, content[0].ab[0]);
|
||
});
|
||
|
||
assert.equal(groups[3].type, GrDiffGroup.Type.DELTA);
|
||
assert.equal(groups[3].lines.length, 1);
|
||
assert.equal(groups[3].removes.length, 1);
|
||
assert.equal(groups[3].removes[0].text,
|
||
'all work and no play make andybons a dull boy');
|
||
|
||
assert.equal(groups[4].type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(groups[4].lines.length, 5);
|
||
groups[4].lines.forEach(function(l) {
|
||
assert.equal(l.text, content[2].ab[0]);
|
||
});
|
||
|
||
assert.equal(groups[5].type, GrDiffGroup.Type.DELTA);
|
||
assert.equal(groups[5].lines.length, 1);
|
||
assert.equal(groups[5].adds.length, 1);
|
||
assert.equal(groups[5].adds[0].text, 'elgoog elgoog elgoog');
|
||
|
||
assert.equal(groups[6].type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(groups[6].lines.length, context);
|
||
groups[6].lines.forEach(function(l) {
|
||
assert.equal(l.text, content[4].ab[0]);
|
||
});
|
||
|
||
assert.equal(groups[7].type, GrDiffGroup.Type.CONTEXT_CONTROL);
|
||
assert.instanceOf(groups[7].lines[0].contextGroup, GrDiffGroup);
|
||
assert.equal(groups[7].lines[0].contextGroup.lines.length, 90);
|
||
groups[7].lines[0].contextGroup.lines.forEach(function(l) {
|
||
assert.equal(l.text, content[4].ab[0]);
|
||
});
|
||
|
||
content = [
|
||
{a: ['all work and no play make andybons a dull boy']},
|
||
{ab: []},
|
||
{b: ['elgoog elgoog elgoog']},
|
||
];
|
||
for (var i = 0; i < 50; i++) {
|
||
content[1].ab.push('no tv and no beer make homer go crazy');
|
||
}
|
||
groups = [];
|
||
|
||
builder._processContent(content, groups, 10);
|
||
|
||
assert.equal(groups[0].type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(groups[0].lines.length, 1);
|
||
assert.equal(groups[0].lines[0].text, '');
|
||
assert.equal(groups[0].lines[0].beforeNumber, GrDiffLine.FILE);
|
||
assert.equal(groups[0].lines[0].afterNumber, GrDiffLine.FILE);
|
||
|
||
assert.equal(groups[1].type, GrDiffGroup.Type.DELTA);
|
||
assert.equal(groups[1].lines.length, 1);
|
||
assert.equal(groups[1].removes.length, 1);
|
||
assert.equal(groups[1].removes[0].text,
|
||
'all work and no play make andybons a dull boy');
|
||
|
||
assert.equal(groups[2].type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(groups[2].lines.length, context);
|
||
groups[2].lines.forEach(function(l) {
|
||
assert.equal(l.text, content[1].ab[0]);
|
||
});
|
||
|
||
assert.equal(groups[3].type, GrDiffGroup.Type.CONTEXT_CONTROL);
|
||
assert.instanceOf(groups[3].lines[0].contextGroup, GrDiffGroup);
|
||
assert.equal(groups[3].lines[0].contextGroup.lines.length, 30);
|
||
groups[3].lines[0].contextGroup.lines.forEach(function(l) {
|
||
assert.equal(l.text, content[1].ab[0]);
|
||
});
|
||
|
||
assert.equal(groups[4].type, GrDiffGroup.Type.BOTH);
|
||
assert.equal(groups[4].lines.length, context);
|
||
groups[4].lines.forEach(function(l) {
|
||
assert.equal(l.text, content[1].ab[0]);
|
||
});
|
||
|
||
assert.equal(groups[5].type, GrDiffGroup.Type.DELTA);
|
||
assert.equal(groups[5].lines.length, 1);
|
||
assert.equal(groups[5].adds.length, 1);
|
||
assert.equal(groups[5].adds[0].text, 'elgoog elgoog elgoog');
|
||
});
|
||
|
||
test('context control buttons', function() {
|
||
var section = {};
|
||
var line = {contextGroup: {lines: []}};
|
||
|
||
// Create 10 lines.
|
||
for (var i = 0; i < 10; i++) {
|
||
line.contextGroup.lines.push('lorem upsum');
|
||
}
|
||
|
||
// Does not include +10 buttons when there are fewer than 11 lines.
|
||
var td = builder._createContextControl(section, line);
|
||
var buttons = td.querySelectorAll('gr-button.showContext');
|
||
|
||
assert.equal(buttons.length, 1);
|
||
assert.equal(buttons[0].textContent, 'Show 10 common lines');
|
||
|
||
// Add another line.
|
||
line.contextGroup.lines.push('lorem upsum');
|
||
|
||
// Includes +10 buttons when there are at least 11 lines.
|
||
td = builder._createContextControl(section, line);
|
||
buttons = td.querySelectorAll('gr-button.showContext');
|
||
|
||
assert.equal(buttons.length, 3);
|
||
assert.equal(buttons[0].textContent, '+10↑');
|
||
assert.equal(buttons[1].textContent, 'Show 11 common lines');
|
||
assert.equal(buttons[2].textContent, '+10↓');
|
||
});
|
||
|
||
test('newlines', function() {
|
||
var text = 'abcdef';
|
||
assert.equal(builder._addNewlines(text, text), text);
|
||
text = 'a'.repeat(20);
|
||
assert.equal(builder._addNewlines(text, text),
|
||
'a'.repeat(10) +
|
||
GrDiffBuilder.LINE_FEED_HTML +
|
||
'a'.repeat(10));
|
||
|
||
text = '<span class="thumbsup">👍</span>';
|
||
var html = '<span class="thumbsup">👍</span>';
|
||
assert.equal(builder._addNewlines(text, html),
|
||
'<span clas' +
|
||
GrDiffBuilder.LINE_FEED_HTML +
|
||
's="thumbsu' +
|
||
GrDiffBuilder.LINE_FEED_HTML +
|
||
'p">👍</spa' +
|
||
GrDiffBuilder.LINE_FEED_HTML +
|
||
'n>');
|
||
|
||
text = '01234\t56789';
|
||
assert.equal(builder._addNewlines(text, text),
|
||
'01234\t5' +
|
||
GrDiffBuilder.LINE_FEED_HTML +
|
||
'6789');
|
||
});
|
||
|
||
test('text length with tabs', function() {
|
||
assert.equal(builder._textLength('12345', 4), 5);
|
||
assert.equal(builder._textLength('\t\t12', 4), 10);
|
||
});
|
||
|
||
test('tab wrapper insertion', function() {
|
||
var html = 'abc\tdef';
|
||
var wrapper = builder._getTabWrapper(
|
||
builder._prefs.tab_size,
|
||
builder._prefs.show_tabs);
|
||
assert.ok(wrapper);
|
||
assert.isAbove(wrapper.length, 0);
|
||
assert.equal(builder._addTabWrappers(html), 'abc' + wrapper + 'def');
|
||
assert.throws(builder._getTabWrapper.bind(
|
||
builder,
|
||
'"><img src="/" onerror="alert(1);"><span class="',
|
||
true));
|
||
});
|
||
|
||
test('comments', function() {
|
||
var line = new GrDiffLine(GrDiffLine.Type.BOTH);
|
||
line.beforeNumber = 3;
|
||
line.afterNumber = 5;
|
||
|
||
var comments = {left: [], right: []};
|
||
assert.deepEqual(builder._getCommentsForLine(comments, line), []);
|
||
assert.deepEqual(builder._getCommentsForLine(comments, line,
|
||
GrDiffBuilder.Side.LEFT), []);
|
||
assert.deepEqual(builder._getCommentsForLine(comments, line,
|
||
GrDiffBuilder.Side.RIGHT), []);
|
||
|
||
comments = {
|
||
left: [
|
||
{id: 'l3', line: 3},
|
||
{id: 'l5', line: 5},
|
||
],
|
||
right: [
|
||
{id: 'r3', line: 3},
|
||
{id: 'r5', line: 5},
|
||
],
|
||
};
|
||
assert.deepEqual(builder._getCommentsForLine(comments, line),
|
||
[{id: 'l3', line: 3}, {id: 'r5', line: 5}]);
|
||
assert.deepEqual(builder._getCommentsForLine(comments, line,
|
||
GrDiffBuilder.Side.LEFT), [{id: 'l3', line: 3}]);
|
||
assert.deepEqual(builder._getCommentsForLine(comments, line,
|
||
GrDiffBuilder.Side.RIGHT), [{id: 'r5', line: 5}]);
|
||
});
|
||
|
||
test('comment thread creation', function() {
|
||
builder._comments = {
|
||
meta: {
|
||
changeNum: '42',
|
||
patchRange: {
|
||
basePatchNum: 'PARENT',
|
||
patchNum: '3',
|
||
},
|
||
path: '/path/to/foo',
|
||
projectConfig: {foo: 'bar'},
|
||
},
|
||
left: [
|
||
{id: 'l3', line: 3},
|
||
{id: 'l5', line: 5},
|
||
],
|
||
right: [
|
||
{id: 'r5', line: 5},
|
||
],
|
||
};
|
||
|
||
function checkThreadProps(threadEl, patchNum, side, comments) {
|
||
assert.equal(threadEl.changeNum, '42');
|
||
assert.equal(threadEl.patchNum, patchNum);
|
||
assert.equal(threadEl.path, '/path/to/foo');
|
||
assert.equal(threadEl.side, side);
|
||
assert.deepEqual(threadEl.projectConfig, {foo: 'bar'});
|
||
assert.deepEqual(threadEl.comments, comments);
|
||
}
|
||
|
||
var line = new GrDiffLine(GrDiffLine.Type.BOTH);
|
||
line.beforeNumber = 5;
|
||
line.afterNumber = 5;
|
||
var threadEl = builder._commentThreadForLine(line);
|
||
checkThreadProps(threadEl, '3', 'REVISION',
|
||
[{id: 'l5', line: 5}, {id: 'r5', line: 5}]);
|
||
|
||
threadEl = builder._commentThreadForLine(line, GrDiffBuilder.Side.RIGHT);
|
||
checkThreadProps(threadEl, '3', 'REVISION', [{id: 'r5', line: 5}]);
|
||
|
||
threadEl = builder._commentThreadForLine(line, GrDiffBuilder.Side.LEFT);
|
||
checkThreadProps(threadEl, '3', 'PARENT', [{id: 'l5', line: 5}]);
|
||
|
||
builder._comments.meta.patchRange.basePatchNum = '1';
|
||
|
||
threadEl = builder._commentThreadForLine(line);
|
||
checkThreadProps(threadEl, '3', 'REVISION',
|
||
[{id: 'l5', line: 5}, {id: 'r5', line: 5}]);
|
||
|
||
threadEl = builder._commentThreadForLine(line, GrDiffBuilder.Side.LEFT);
|
||
checkThreadProps(threadEl, '1', 'REVISION', [{id: 'l5', line: 5}]);
|
||
|
||
threadEl = builder._commentThreadForLine(line, GrDiffBuilder.Side.RIGHT);
|
||
checkThreadProps(threadEl, '3', 'REVISION', [{id: 'r5', line: 5}]);
|
||
|
||
builder._comments.meta.patchRange.basePatchNum = 'PARENT';
|
||
|
||
line = new GrDiffLine(GrDiffLine.Type.REMOVE);
|
||
line.beforeNumber = 5;
|
||
line.afterNumber = 5;
|
||
threadEl = builder._commentThreadForLine(line);
|
||
checkThreadProps(threadEl, '3', 'PARENT',
|
||
[{id: 'l5', line: 5}, {id: 'r5', line: 5}]);
|
||
|
||
line = new GrDiffLine(GrDiffLine.Type.ADD);
|
||
line.beforeNumber = 3;
|
||
line.afterNumber = 5;
|
||
threadEl = builder._commentThreadForLine(line);
|
||
checkThreadProps(threadEl, '3', 'REVISION',
|
||
[{id: 'l3', line: 3}, {id: 'r5', line: 5}]);
|
||
});
|
||
|
||
test('break up common diff chunks', function() {
|
||
builder._commentLocations = {
|
||
left: {1: true},
|
||
right: {10: true},
|
||
};
|
||
var lineNums = {
|
||
left: 0,
|
||
right: 0,
|
||
};
|
||
var content = [
|
||
{
|
||
ab: [
|
||
'Copyright (C) 2015 The Android Open Source Project',
|
||
'',
|
||
'Licensed under the Apache License, Version 2.0 (the "License");',
|
||
'you may not use this file except in compliance with the License.',
|
||
'You may obtain a copy of the License at',
|
||
'',
|
||
'http://www.apache.org/licenses/LICENSE-2.0',
|
||
'',
|
||
'Unless required by applicable law or agreed to in writing, ',
|
||
'software distributed under the License is distributed on an ',
|
||
'"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, ',
|
||
'either express or implied. See the License for the specific ',
|
||
'language governing permissions and limitations under the License.',
|
||
]
|
||
}
|
||
];
|
||
var result = builder._splitCommonGroupsWithComments(content, lineNums);
|
||
assert.deepEqual(result, [
|
||
{
|
||
ab: ['Copyright (C) 2015 The Android Open Source Project'],
|
||
},
|
||
{
|
||
ab: [
|
||
'',
|
||
'Licensed under the Apache License, Version 2.0 (the "License");',
|
||
'you may not use this file except in compliance with the License.',
|
||
'You may obtain a copy of the License at',
|
||
'',
|
||
'http://www.apache.org/licenses/LICENSE-2.0',
|
||
'',
|
||
'Unless required by applicable law or agreed to in writing, ',
|
||
]
|
||
},
|
||
{
|
||
ab: ['software distributed under the License is distributed on an '],
|
||
},
|
||
{
|
||
ab: [
|
||
'"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, ',
|
||
'either express or implied. See the License for the specific ',
|
||
'language governing permissions and limitations under the License.',
|
||
]
|
||
}
|
||
]);
|
||
});
|
||
|
||
test('intraline normalization', function() {
|
||
// The content and highlights are in the format returned by the Gerrit
|
||
// REST API.
|
||
var content = [
|
||
' <section class="summary">',
|
||
' <gr-linked-text content="' +
|
||
'[[_computeCurrentRevisionMessage(change)]]"></gr-linked-text>',
|
||
' </section>',
|
||
];
|
||
var highlights = [
|
||
[31, 34], [42, 26]
|
||
];
|
||
var results = GrDiffBuilder.prototype._normalizeIntralineHighlights(
|
||
content, highlights);
|
||
assert.deepEqual(results, [
|
||
{
|
||
contentIndex: 0,
|
||
startIndex: 31,
|
||
},
|
||
{
|
||
contentIndex: 1,
|
||
startIndex: 0,
|
||
endIndex: 33,
|
||
},
|
||
{
|
||
contentIndex: 1,
|
||
startIndex: 75,
|
||
},
|
||
{
|
||
contentIndex: 2,
|
||
startIndex: 0,
|
||
endIndex: 6,
|
||
}
|
||
]);
|
||
|
||
content = [
|
||
' this._path = value.path;',
|
||
'',
|
||
' // When navigating away from the page, there is a possibility that the',
|
||
' // patch number is no longer a part of the URL (say when navigating to',
|
||
' // the top-level change info view) and therefore undefined in `params`.',
|
||
' if (!this._patchRange.patchNum) {',
|
||
];
|
||
highlights = [
|
||
[14, 17],
|
||
[11, 70],
|
||
[12, 67],
|
||
[12, 67],
|
||
[14, 29],
|
||
];
|
||
results = GrDiffBuilder.prototype._normalizeIntralineHighlights(content,
|
||
highlights);
|
||
assert.deepEqual(results, [
|
||
{
|
||
contentIndex: 0,
|
||
startIndex: 14,
|
||
endIndex: 31,
|
||
},
|
||
{
|
||
contentIndex: 2,
|
||
startIndex: 8,
|
||
endIndex: 78,
|
||
},
|
||
{
|
||
contentIndex: 3,
|
||
startIndex: 11,
|
||
endIndex: 78,
|
||
},
|
||
{
|
||
contentIndex: 4,
|
||
startIndex: 11,
|
||
endIndex: 78,
|
||
},
|
||
{
|
||
contentIndex: 5,
|
||
startIndex: 12,
|
||
endIndex: 41,
|
||
}
|
||
]);
|
||
});
|
||
|
||
suite('rendering', function() {
|
||
var content;
|
||
var outputEl;
|
||
|
||
setup(function() {
|
||
var prefs = {
|
||
line_length: 10,
|
||
show_tabs: true,
|
||
tab_size: 4,
|
||
context: -1
|
||
};
|
||
content = [
|
||
{
|
||
a: ['all work and no play make andybons a dull boy'],
|
||
b: ['elgoog elgoog elgoog']
|
||
},
|
||
{
|
||
ab: [
|
||
'Non eram nescius, Brute, cum, quae summis ingeniis ',
|
||
'exquisitaque doctrina philosophi Graeco sermone tractavissent',
|
||
]
|
||
},
|
||
];
|
||
outputEl = document.createElement('out');
|
||
builder =
|
||
new GrDiffBuilder(
|
||
{content: content}, {left: [], right: []}, prefs, outputEl);
|
||
builder.buildSectionElement = function(group) {
|
||
var section = document.createElement('stub');
|
||
section.textContent = group.lines.reduce(function(acc, line) {
|
||
return acc + line.text;
|
||
}, '');
|
||
return section;
|
||
};
|
||
builder.emitDiff();
|
||
});
|
||
|
||
test('renderSection', function() {
|
||
var section = outputEl.querySelector('stub:nth-of-type(2)');
|
||
var prevInnerHTML = section.innerHTML;
|
||
section.innerHTML = 'wiped';
|
||
builder.renderSection(section);
|
||
section = outputEl.querySelector('stub:nth-of-type(2)');
|
||
assert.equal(section.innerHTML, prevInnerHTML);
|
||
});
|
||
|
||
test('getSectionsByLineRange one line', function() {
|
||
var section = outputEl.querySelector('stub:nth-of-type(2)');
|
||
var sections = builder.getSectionsByLineRange(1, 1, 'left');
|
||
assert.equal(sections.length, 1);
|
||
assert.strictEqual(sections[0], section);
|
||
});
|
||
|
||
test('getSectionsByLineRange over diff', function() {
|
||
var section = [
|
||
outputEl.querySelector('stub:nth-of-type(2)'),
|
||
outputEl.querySelector('stub:nth-of-type(3)'),
|
||
];
|
||
var sections = builder.getSectionsByLineRange(1, 2, 'left');
|
||
assert.equal(sections.length, 2);
|
||
assert.strictEqual(sections[0], section[0]);
|
||
assert.strictEqual(sections[1], section[1]);
|
||
});
|
||
});
|
||
});
|
||
</script>
|