<!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-line.js"></script>
<script src="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 = '&lt;span class=&quot;thumbsup&quot;&gt;👍&lt;&#x2F;span&gt;';
      assert.equal(builder._addNewlines(text, html),
          '&lt;span clas' +
          GrDiffBuilder.LINE_FEED_HTML +
          's=&quot;thumbsu' +
          GrDiffBuilder.LINE_FEED_HTML +
          'p&quot;&gt;👍&lt;&#x2F;spa' +
          GrDiffBuilder.LINE_FEED_HTML +
          'n&gt;');

      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 = [
          {ab: []},
          {a: ['all work and no play make andybons a dull boy']},
          {ab: []},
          {b: ['elgoog elgoog elgoog']},
          {ab: []},
        ];
        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', 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);
      });
    });
  });
</script>