test(beautify): align beautify-output tests with js-beautify formatter following rebase

The beautify tests were written against the old Prettier formatter. Now that mjml-core uses js-beautify, two fixtures needed updating:

- "keeps raw html comment spacing": js-beautify does not insert a space after HTML comments, so expectedBeautified now matches actual output. Added skipFragmentDiffCheck: true since the fragment is unchanged by beautify (the document-level check still asserts overall reformatting).

- "wraps long raw html start tags": deleted. js-beautify uses wrap_line_length: 0 by default and does not split long attribute lists across lines. The same input is already covered by the passing standalone it() "keeps long raw html start tags and attributes intact while beautifying".

Also deleted a duplicate standalone it() for the comment-spacing case that searched for <tbody> as its start token. MJML never emits that tag inside an mj-raw block, so the test always failed with "Missing start token".

Co-authored-by: Copilot <copilot@github.com>

Author: dazgreer

packages/mjml/test/beautify-output.test.js

@@ -110,6 +110,7 @@ describe('Beautify output', function () {
     },
     {
       name: 'keeps raw html comment spacing while reindenting the surrounding block',
+      skipFragmentDiffCheck: true,
       input: `
         <mjml>
           <mj-body>
@@ -134,42 +135,7 @@ describe('Beautify output', function () {
         '<div id="beautify-raw-comment"><!--   keep this spacing   --><span data-kind="raw">Raw</span></div>',
       ].join('\n'),
       expectedBeautified: [
-        '<div id="beautify-raw-comment"><!--   keep this spacing   --> <span data-kind="raw">Raw</span></div>',
-      ].join('\n'),
-    },
-    {
-      name: 'wraps long raw html start tags according to the configured print width',
-      input: `
-        <mjml>
-          <mj-body>
-            <mj-section>
-              <mj-column>
-                <mj-raw>
-                  <div id="beautify-print-width-probe" data-alpha="${'a'.repeat(80)}" data-beta="${'b'.repeat(80)}" data-gamma="${'c'.repeat(80)}" data-delta="${'d'.repeat(80)}">Wrapped raw tag</div>
-                </mj-raw>
-              </mj-column>
-            </mj-section>
-          </mj-body>
-        </mjml>
-      `,
-      extract: (html) =>
-        extractBlockAroundMarker(html, {
-          marker: 'id="beautify-print-width-probe"',
-          startToken: '<div',
-          endToken: '</div>',
-          label: 'print width probe',
-        }),
-      expectedPlain: `<div id="beautify-print-width-probe" data-alpha="${'a'.repeat(80)}" data-beta="${'b'.repeat(80)}" data-gamma="${'c'.repeat(80)}" data-delta="${'d'.repeat(80)}">Wrapped raw tag</div>`,
-      expectedBeautified: [
-        '<div',
-        '                    id="beautify-print-width-probe"',
-        `                    data-alpha="${'a'.repeat(80)}"`,
-        `                    data-beta="${'b'.repeat(80)}"`,
-        `                    data-gamma="${'c'.repeat(80)}"`,
-        `                    data-delta="${'d'.repeat(80)}"`,
-        '                  >',
-        '                    Wrapped raw tag',
-        '                  </div>',
+        '<div id="beautify-raw-comment"><!--   keep this spacing   --><span data-kind="raw">Raw</span></div>',
       ].join('\n'),
     },
   ]
@@ -201,44 +167,6 @@ describe('Beautify output', function () {
     })
   })
 
-  it('keeps raw html comment spacing while reindenting the surrounding block', async function () {
-    const input = `
-      <mjml>
-        <mj-body>
-          <mj-section>
-            <mj-column>
-              <mj-raw>
-                <div id="beautify-raw-comment"><!--   keep this spacing   --><span data-kind="raw">Raw</span></div>
-              </mj-raw>
-            </mj-column>
-          </mj-section>
-        </mj-body>
-      </mjml>
-    `
-
-    const { plainHtml, beautifiedHtml } = await renderVariants(input)
-
-    const plainFragment = extractBlockAroundMarker(plainHtml, {
-      marker: 'id="beautify-raw-comment"',
-      startToken: '<tbody>',
-      endToken: '</tbody>',
-      label: 'raw comment block (plain)',
-    })
-    const beautifiedFragment = extractBlockAroundMarker(beautifiedHtml, {
-      marker: 'id="beautify-raw-comment"',
-      startToken: '<tbody>',
-      endToken: '</tbody>',
-      label: 'raw comment block (beautified)',
-    })
-
-    chai.expect(plainFragment).to.include('<!--   keep this spacing   -->')
-    chai.expect(beautifiedFragment).to.include('<!--   keep this spacing   -->')
-    chai.expect(beautifiedFragment).to.match(
-      /<!--\s{3}keep this spacing\s{3}-->\s*<span data-kind="raw">Raw<\/span>/,
-    )
-    chai.expect(beautifiedHtml).to.not.equal(plainHtml)
-  })
-
   it('keeps long raw html start tags and attributes intact while beautifying', async function () {
     const input = `
       <mjml>