test(shared): add test case for escapeHtmlComment (#8065)

packages/shared/__tests__/escapeHtml.spec.ts

@@ -1,11 +1,31 @@
-import { escapeHtml } from '../src'
+import { escapeHtml, escapeHtmlComment } from '../src'
 
-test('ssr: escapeHTML', () => {
-  expect(escapeHtml(`foo`)).toBe(`foo`)
-  expect(escapeHtml(true)).toBe(`true`)
-  expect(escapeHtml(false)).toBe(`false`)
-  expect(escapeHtml(`a && b`)).toBe(`a && b`)
-  expect(escapeHtml(`"foo"`)).toBe(`"foo"`)
-  expect(escapeHtml(`'bar'`)).toBe(`'bar'`)
-  expect(escapeHtml(`<div>`)).toBe(`&lt;div&gt;`)
+describe('escapeHtml', () => {
+  test('ssr: escapeHTML', () => {
+    expect(escapeHtml(`foo`)).toBe(`foo`)
+    expect(escapeHtml(true)).toBe(`true`)
+    expect(escapeHtml(false)).toBe(`false`)
+    expect(escapeHtml(`a && b`)).toBe(`a &amp;&amp; b`)
+    expect(escapeHtml(`"foo"`)).toBe(`&quot;foo&quot;`)
+    expect(escapeHtml(`'bar'`)).toBe(`&#39;bar&#39;`)
+    expect(escapeHtml(`<div>`)).toBe(`&lt;div&gt;`)
+  })
+
+  test('ssr: escapeHTMLComment', () => {
+    const input = '<!-- Hello --><!-- World! -->'
+    const result = escapeHtmlComment(input)
+    expect(result).toEqual(' Hello  World! ')
+  })
+
+  test('ssr: escapeHTMLComment', () => {
+    const input = '<!-- Comment 1 --> Hello <!--! Comment 2 --> World!'
+    const result = escapeHtmlComment(input)
+    expect(result).toEqual(' Comment 1  Hello ! Comment 2  World!')
+  })
+
+  test('should not affect non-comment strings', () => {
+    const input = 'Hello World'
+    const result = escapeHtmlComment(input)
+    expect(result).toEqual(input)
+  })
 })