@createiq/htmldiff 1.0.5-beta.1 → 1.0.5-beta.3

package/test/HtmlDiff.tables.spec.ts

@@ -1268,6 +1268,45 @@ describe('HtmlDiff — tables', () => {
       )
     })
 
+    it('handles column-add alongside content edit in the SAME row (cell-level fuzzy matching)', () => {
+      // Real-world scenario: a column was inserted at position 1 AND
+      // one of the existing cells got new content appended. Without
+      // cell-level fuzzy matching, the cell-LCS exact-match misses the
+      // "IRS Forms…" pairing, producing a 5-cell row (phantom delete +
+      // two inserts) instead of 4 cells with one inline content edit.
+      const oldHtml =
+        '<table>' +
+        '<tr><th>Party</th><th>Form</th><th>Date</th></tr>' +
+        '<tr><td>Party A</td><td>IRS Forms W-8BEN-E and W-8ECI (or any successors thereto).</td><td>Upon execution.</td></tr>' +
+        '<tr><td>Party B</td><td>IRS Form W-9, as applicable.</td><td>Upon execution.</td></tr>' +
+        '</table>'
+      const newHtml =
+        '<table>' +
+        '<tr><th>Party</th><th>Extra column</th><th>Form</th><th>Date</th></tr>' +
+        "<tr><td>Party A</td><td>Yes</td><td>IRS Forms W-8BEN-E and W-8ECI (or any successors thereto). Here's some extra content</td><td>Upon execution.</td></tr>" +
+        '<tr><td>Party B</td><td>A</td><td>IRS Form W-9, as applicable.</td><td>Upon execution.</td></tr>' +
+        '</table>'
+
+      expect(HtmlDiff.execute(oldHtml, newHtml)).toEqual(
+        '<table>' +
+          // Header row: extra column inserted at position 1
+          '<tr><th>Party</th>' +
+          "<th class='diffins'><ins class='diffins'>Extra column</ins></th>" +
+          '<th>Form</th><th>Date</th></tr>' +
+          // Party A row: extra column cell + content edit on the IRS Forms cell
+          '<tr><td>Party A</td>' +
+          "<td class='diffins'><ins class='diffins'>Yes</ins></td>" +
+          "<td>IRS Forms W-8BEN-E and W-8ECI (or any successors thereto).<ins class='diffins'>&nbsp;Here's some extra content</ins></td>" +
+          '<td>Upon execution.</td></tr>' +
+          // Party B row: extra column cell, IRS Form W-9 cell unchanged
+          '<tr><td>Party B</td>' +
+          "<td class='diffins'><ins class='diffins'>A</ins></td>" +
+          '<td>IRS Form W-9, as applicable.</td>' +
+          '<td>Upon execution.</td></tr>' +
+          '</table>'
+      )
+    })
+
     it('handles a rowspan cell sharing a row with normal cells (column-add adjacency)', () => {
       // The rowspan'd cell occupies row 0 col 0 and row 1's col 0 slot
       // (absorbed). Old has rowspan=2 in col 0 + col 1 in row 0 + col