diff2html/src/__tests__/diff2html-tests.js

const Diff2Html = require("../diff2html.js").Diff2Html;

const diffExample1 =
  "diff --git a/sample b/sample\n" +
  "index 0000001..0ddf2ba\n" +
  "--- a/sample\n" +
  "+++ b/sample\n" +
  "@@ -1 +1 @@\n" +
  "-test\n" +
  "+test1\n";

const jsonExample1 = [
  {
    blocks: [
      {
        lines: [
          {
            content: "-test",
            type: "d2h-del",
            oldNumber: 1,
            newNumber: null
          },
          {
            content: "+test1",
            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
  }
];

const filesExample1 =
  '<div class="d2h-file-list-wrapper">\n' +
  '    <div class="d2h-file-list-header">\n' +
  '        <span class="d2h-file-list-title">Files changed (1)</span>\n' +
  '        <a class="d2h-file-switch d2h-hide">hide</a>\n' +
  '        <a class="d2h-file-switch d2h-show">show</a>\n' +
  "    </div>\n" +
  '    <ol class="d2h-file-list">\n' +
  '    <li class="d2h-file-list-line">\n' +
  '    <span class="d2h-file-name-wrapper">\n' +
  '      <svg aria-hidden="true" class="d2h-icon d2h-changed" height="16" title="modified" version="1.1"\n' +
  '           viewBox="0 0 14 16" width="14">\n' +
  '          <path d="M13 1H1C0.45 1 0 1.45 0 2v12c0 0.55 0.45 1 1 1h12c0.55 0 1-0.45 1-1V2c0-0.55-0.45-1-1-1z m0 13H1V2h12v12zM4 8c0-1.66 1.34-3 3-3s3 1.34 3 3-1.34 3-3 3-3-1.34-3-3z"></path>\n' +
  '      </svg>      <a href="#d2h-675094" class="d2h-file-name">sample</a>\n' +
  '      <span class="d2h-file-stats">\n' +
  '          <span class="d2h-lines-added">+1</span>\n' +
  '          <span class="d2h-lines-deleted">-1</span>\n' +
  "      </span>\n" +
  "    </span>\n" +
  "</li>\n" +
  "    </ol>\n" +
  "</div>";

const htmlLineExample1 =
  '<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-name-wrapper">\n' +
  '    <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12">\n' +
  '        <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path>\n' +
  '    </svg>    <span class="d2h-file-name">sample</span>\n' +
  '    <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></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">@@ -1 +1 @@</div>\n' +
  "    </td>\n" +
  "</tr><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-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">1</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>test1</ins></span>\n' +
  "        </div>\n" +
  "    </td>\n" +
  "</tr>\n" +
  "                </tbody>\n" +
  "            </table>\n" +
  "        </div>\n" +
  "    </div>\n" +
  "</div>\n" +
  "</div>";

const htmlLineExample1WithFilesSummary = filesExample1 + htmlLineExample1;

const htmlSideExample1 =
  '<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-name-wrapper">\n' +
  '    <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12">\n' +
  '        <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path>\n' +
  '    </svg>    <span class="d2h-file-name">sample</span>\n' +
  '    <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></span>\n' +
  "    </div>\n" +
  '    <div class="d2h-files-diff">\n' +
  '        <div class="d2h-file-side-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-side-linenumber d2h-info"></td>\n' +
  '    <td class="d2h-info">\n' +
  '        <div class="d2h-code-side-line d2h-info">@@ -1 +1 @@</div>\n' +
  "    </td>\n" +
  "</tr><tr>\n" +
  '    <td class="d2h-code-side-linenumber d2h-del">\n' +
  "      1\n" +
  "    </td>\n" +
  '    <td class="d2h-del">\n' +
  '        <div class="d2h-code-side-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>\n" +
  "                    </tbody>\n" +
  "                </table>\n" +
  "            </div>\n" +
  "        </div>\n" +
  '        <div class="d2h-file-side-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-side-linenumber d2h-info"></td>\n' +
  '    <td class="d2h-info">\n' +
  '        <div class="d2h-code-side-line d2h-info"></div>\n' +
  "    </td>\n" +
  "</tr><tr>\n" +
  '    <td class="d2h-code-side-linenumber d2h-ins">\n' +
  "      1\n" +
  "    </td>\n" +
  '    <td class="d2h-ins">\n' +
  '        <div class="d2h-code-side-line d2h-ins">\n' +
  '            <span class="d2h-code-line-prefix">+</span>\n' +
  '            <span class="d2h-code-line-ctn"><ins>test1</ins></span>\n' +
  "        </div>\n" +
  "    </td>\n" +
  "</tr>\n" +
  "                    </tbody>\n" +
  "                </table>\n" +
  "            </div>\n" +
  "        </div>\n" +
  "    </div>\n" +
  "</div>\n" +
  "</div>";

const htmlSideExample1WithFilesSummary = filesExample1 + htmlSideExample1;

describe("Diff2Html", function() {
  describe("getJsonFromDiff", function() {
    it("should parse simple diff to json", function() {
      const diff =
        "diff --git a/sample b/sample\n" +
        "index 0000001..0ddf2ba\n" +
        "--- a/sample\n" +
        "+++ b/sample\n" +
        "@@ -1 +1 @@\n" +
        "-test\n" +
        "+test1\n";
      const result = Diff2Html.getJsonFromDiff(diff);

      const file1 = result[0];
      expect(1).toEqual(result.length);
      expect(1).toEqual(file1.addedLines);
      expect(1).toEqual(file1.deletedLines);
      expect("sample").toEqual(file1.oldName);
      expect("sample").toEqual(file1.newName);
      expect(1).toEqual(file1.blocks.length);
    });

    // Test case for issue #49
    it("should parse diff with added EOF", function() {
      const diff =
        "diff --git a/sample.scala b/sample.scala\n" +
        "index b583263..8b2fc3e 100644\n" +
        "--- a/b583263..8b2fc3e\n" +
        "+++ b/8b2fc3e\n" +
        "@@ -50,5 +50,7 @@ case class Response[+A](value: Option[A],\n" +
        " object ResponseErrorCode extends JsonEnumeration {\n" +
        "  val NoError, ServiceError, JsonError,\n" +
        "  InvalidPermissions, MissingPermissions, GenericError,\n" +
        "-  TokenRevoked, MissingToken = Value\n" +
        "-}\n" +
        "\\ No newline at end of file\n" +
        "+  TokenRevoked, MissingToken,\n" +
        "+  IndexLock, RepositoryError, NotValidRepo, PullRequestNotMergeable, BranchError,\n" +
        "+  PluginError, CodeParserError, EngineError = Value\n" +
        "+}\n";
      const result = Diff2Html.getJsonFromDiff(diff);

      expect(50).toEqual(result[0].blocks[0].lines[0].oldNumber);
      expect(50).toEqual(result[0].blocks[0].lines[0].newNumber);

      expect(51).toEqual(result[0].blocks[0].lines[1].oldNumber);
      expect(51).toEqual(result[0].blocks[0].lines[1].newNumber);

      expect(52).toEqual(result[0].blocks[0].lines[2].oldNumber);
      expect(52).toEqual(result[0].blocks[0].lines[2].newNumber);

      expect(53).toEqual(result[0].blocks[0].lines[3].oldNumber);
      expect(null).toEqual(result[0].blocks[0].lines[3].newNumber);

      expect(54).toEqual(result[0].blocks[0].lines[4].oldNumber);
      expect(null).toEqual(result[0].blocks[0].lines[4].newNumber);

      expect(null).toEqual(result[0].blocks[0].lines[5].oldNumber);
      expect(53).toEqual(result[0].blocks[0].lines[5].newNumber);

      expect(null).toEqual(result[0].blocks[0].lines[6].oldNumber);
      expect(54).toEqual(result[0].blocks[0].lines[6].newNumber);

      expect(null).toEqual(result[0].blocks[0].lines[7].oldNumber);
      expect(55).toEqual(result[0].blocks[0].lines[7].newNumber);

      expect(null).toEqual(result[0].blocks[0].lines[8].oldNumber);
      expect(56).toEqual(result[0].blocks[0].lines[8].newNumber);
    });

    it("should generate pretty line by line html from diff", function() {
      const result = Diff2Html.getPrettyHtmlFromDiff(diffExample1);
      expect(htmlLineExample1).toEqual(result);
    });

    it("should generate pretty line by line html from json", function() {
      const result = Diff2Html.getPrettyHtmlFromJson(jsonExample1);
      expect(htmlLineExample1).toEqual(result);
    });

    it("should generate pretty diff with files summary", function() {
      const result = Diff2Html.getPrettyHtmlFromDiff(diffExample1, { showFiles: true });
      expect(htmlLineExample1WithFilesSummary).toEqual(result);
    });

    it("should generate pretty side by side html from diff", function() {
      const result = Diff2Html.getPrettySideBySideHtmlFromDiff(diffExample1);
      expect(htmlSideExample1).toEqual(result);
    });

    it("should generate pretty side by side html from json", function() {
      const result = Diff2Html.getPrettySideBySideHtmlFromJson(jsonExample1);
      expect(htmlSideExample1).toEqual(result);
    });

    it("should generate pretty side by side html from diff 2", function() {
      const result = Diff2Html.getPrettySideBySideHtmlFromDiff(diffExample1, { showFiles: true });
      expect(htmlSideExample1WithFilesSummary).toEqual(result);
    });

    it("should generate pretty side by side html from diff with html on headers", function() {
      const diffExample2 =
        "diff --git a/CHANGELOG.md b/CHANGELOG.md\n" +
        "index fc3e3f4..b486d10 100644\n" +
        "--- a/CHANGELOG.md\n" +
        "+++ b/CHANGELOG.md\n" +
        "@@ -1,7 +1,6 @@\n" +
        " # Change Log\n" +
        " All notable changes to this project will be documented in this file.\n" +
        " This project adheres to [Semantic Versioning](http://semver.org/).\n" +
        '-$a="<table><tr><td>Use the following format for additions: ` - VERSION: [feature/patch (if applicable)] Short description of change. Links to relevant issues/PRs.`\n' +
        ' $a="<table><tr><td>\n' +
        " $a=\"<table><tr><td>- 1.1.9: Fix around ubuntu's inability to cache promises. [#877](https://github.com/FredrikNoren/ungit/pull/878)\n" +
        " - 1.1.8:\n" +
        "@@ -11,7 +10,7 @@ $a=\"<table><tr><td>- 1.1.9: Fix around ubuntu's inability to cache promises. [#8\n" +
        " - 1.1.7:\n" +
        "     - Fix diff flickering issue and optimization [#865](https://github.com/FredrikNoren/ungit/pull/865)\n" +
        "     - Fix credential dialog issue [#864](https://github.com/FredrikNoren/ungit/pull/864)\n" +
        "-    - Fix HEAD branch order when redraw [#858](https://github.com/FredrikNoren/ungit/issues/858)\n" +
        "+4    - Fix HEAD branch order when redraw [#858](https://github.com/FredrikNoren/ungit/issues/858)\n" +
        " - 1.1.6: Fix path auto complete [#861](https://github.com/FredrikNoren/ungit/issues/861)\n" +
        ' - 1.1.5: Update "Toggle all" button after commit or changing selected files [#859](https://github.com/FredrikNoren/ungit/issues/859)\n' +
        " - 1.1.4: [patch] Promise refactoring\n" +
        " \n";

      const htmlExample2 =
        '<div class="d2h-wrapper">\n' +
        '    <div id="d2h-211439" class="d2h-file-wrapper" data-lang="md">\n' +
        '    <div class="d2h-file-header">\n' +
        '    <span class="d2h-file-name-wrapper">\n' +
        '    <svg aria-hidden="true" class="d2h-icon" height="16" version="1.1" viewBox="0 0 12 16" width="12">\n' +
        '        <path d="M6 5H2v-1h4v1zM2 8h7v-1H2v1z m0 2h7v-1H2v1z m0 2h7v-1H2v1z m10-7.5v9.5c0 0.55-0.45 1-1 1H1c-0.55 0-1-0.45-1-1V2c0-0.55 0.45-1 1-1h7.5l3.5 3.5z m-1 0.5L8 2H1v12h10V5z"></path>\n' +
        '    </svg>    <span class="d2h-file-name">CHANGELOG.md</span>\n' +
        '    <span class="d2h-tag d2h-changed d2h-changed-tag">CHANGED</span></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">@@ -1,7 +1,6 @@</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-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn"># Change Log</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">2</div>\n' +
        '<div class="line-num2">2</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">All notable changes to this project will be documented in this file.</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">3</div>\n' +
        '<div class="line-num2">3</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">This project adheres to [Semantic Versioning](http:&#x2F;&#x2F;semver.org&#x2F;).</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-del">\n' +
        '      <div class="line-num1">4</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">$a=&quot;&lt;table&gt;&lt;tr&gt;&lt;td&gt;Use the following format for additions: ` - VERSION: [feature&#x2F;patch (if applicable)] Short description of change. Links to relevant issues&#x2F;PRs.`</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">5</div>\n' +
        '<div class="line-num2">4</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">$a=&quot;&lt;table&gt;&lt;tr&gt;&lt;td&gt;</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">6</div>\n' +
        '<div class="line-num2">5</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">$a=&quot;&lt;table&gt;&lt;tr&gt;&lt;td&gt;- 1.1.9: Fix around ubuntu&#x27;s inability to cache promises. [#877](https:&#x2F;&#x2F;github.com&#x2F;FredrikNoren&#x2F;ungit&#x2F;pull&#x2F;878)</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">7</div>\n' +
        '<div class="line-num2">6</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">- 1.1.8:</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr>\n" +
        "<tr>\n" +
        '    <td class="d2h-code-linenumber d2h-info"></td>\n' +
        '    <td class="d2h-info">\n' +
        '        <div class="d2h-code-line d2h-info">@@ -11,7 +10,7 @@ $a=&quot;&lt;table&gt;&lt;tr&gt;&lt;td&gt;- 1.1.9: Fix around ubuntu&#x27;s inability to cache promises. [#8</div>\n' +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">11</div>\n' +
        '<div class="line-num2">10</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">- 1.1.7:</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">12</div>\n' +
        '<div class="line-num2">11</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">    - Fix diff flickering issue and optimization [#865](https:&#x2F;&#x2F;github.com&#x2F;FredrikNoren&#x2F;ungit&#x2F;pull&#x2F;865)</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">13</div>\n' +
        '<div class="line-num2">12</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">    - Fix credential dialog issue [#864](https:&#x2F;&#x2F;github.com&#x2F;FredrikNoren&#x2F;ungit&#x2F;pull&#x2F;864)</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-del">\n' +
        '      <div class="line-num1">14</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">    - Fix HEAD branch order when redraw [#858](https:&#x2F;&#x2F;github.com&#x2F;FredrikNoren&#x2F;ungit&#x2F;issues&#x2F;858)</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">13</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>4</ins>    - Fix HEAD branch order when redraw [#858](https:&#x2F;&#x2F;github.com&#x2F;FredrikNoren&#x2F;ungit&#x2F;issues&#x2F;858)</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">15</div>\n' +
        '<div class="line-num2">14</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">- 1.1.6: Fix path auto complete [#861](https:&#x2F;&#x2F;github.com&#x2F;FredrikNoren&#x2F;ungit&#x2F;issues&#x2F;861)</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">16</div>\n' +
        '<div class="line-num2">15</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">- 1.1.5: Update &quot;Toggle all&quot; button after commit or changing selected files [#859](https:&#x2F;&#x2F;github.com&#x2F;FredrikNoren&#x2F;ungit&#x2F;issues&#x2F;859)</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">17</div>\n' +
        '<div class="line-num2">16</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        '            <span class="d2h-code-line-ctn">- 1.1.4: [patch] Promise refactoring</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr><tr>\n" +
        '    <td class="d2h-code-linenumber d2h-cntx">\n' +
        '      <div class="line-num1">18</div>\n' +
        '<div class="line-num2">17</div>\n' +
        "    </td>\n" +
        '    <td class="d2h-cntx">\n' +
        '        <div class="d2h-code-line d2h-cntx">\n' +
        '            <span class="d2h-code-line-prefix">&nbsp;</span>\n' +
        "        </div>\n" +
        "    </td>\n" +
        "</tr>\n" +
        "                </tbody>\n" +
        "            </table>\n" +
        "        </div>\n" +
        "    </div>\n" +
        "</div>\n" +
        "</div>";

      const result = Diff2Html.getPrettyHtmlFromDiff(diffExample2);
      expect(result).toEqual(htmlExample2);
    });
  });
});