fix: equal seq

Author: Arman19941113

packages/html-diff/src/index.ts

@@ -114,7 +114,15 @@ export default class HtmlDiff {
     // no need to diff
     if (oldHtml === newHtml) {
       this.unifiedContent = oldHtml
-      this.sideBySideContents = [oldHtml, newHtml]
+      let equalSequence = 0
+      const content = oldHtml.replace(
+        /<([^\s/>]+)[^>]*>/g,
+        (match: string, name: string) => {
+          const tagNameLength = name.length + 1
+          return `${match.slice(0, tagNameLength)} data-seq="${++equalSequence}"${match.slice(tagNameLength)}`
+        },
+      )
+      this.sideBySideContents = [content, content]
       return
     }
 

packages/html-diff/tests/__snapshots__/index.spec.ts.snap

@@ -104,10 +104,10 @@ exports[`HtmlDiff > should work with equal 1`] = `
 
 exports[`HtmlDiff > should work with equal 2`] = `
 [
-  "<h1>hello world</h1>
-<p>你若安好，便是晴天</p>",
-  "<h1>hello world</h1>
-<p>你若安好，便是晴天</p>",
+  "<h1 data-seq="1">hello world</h1>
+<p data-seq="2">你若安好，便是晴天</p>",
+  "<h1 data-seq="1">hello world</h1>
+<p data-seq="2">你若安好，便是晴天</p>",
 ]
 `;