djlint 1.28.0 → 1.30.0

package/tests/test_html/test_bracket_same_line.py

@@ -0,0 +1,177 @@
+"""Test bracket on same line flag.
+
+poetry run pytest tests/test_html/test_bracket_same_line.py
+"""
+import pytest
+
+from src.djlint.reformat import formatter
+from tests.conftest import printer
+
+test_data = [
+    pytest.param(
+        (
+            '<div long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "text\n"
+            "</div>\n"
+            '<div long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"></div>\n'
+            '<div class="a">\n'
+            "text\n"
+            "</div>\n"
+            '<div class="a">text</div>\n'
+        ),
+        (
+            '<div long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">text</div>\n'
+            '<div long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"></div>\n'
+            '<div class="a">text</div>\n'
+            '<div class="a">text</div>\n'
+        ),
+        id="block",
+    ),
+    pytest.param(
+        (
+            '<div long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "text\n"
+            "</div>\n"
+            '<div long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"></div>\n'
+            '<div class="a">\n'
+            "text\n"
+            "</div>\n"
+            '<div class="a">text</div>\n'
+        ),
+        (
+            '<div long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">text</div>\n'
+            '<div long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"></div>\n'
+            '<div class="a">text</div>\n'
+            '<div class="a">text</div>\n'
+        ),
+        id="block_bracket_same_line",
+    ),
+    pytest.param(
+        (
+            '<script long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "alert(1)</script>\n"
+            '<style long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            ".a{color: #f00}</style>\n"
+            "<script>\n"
+            "alert(1)</script>\n"
+            "<style>\n"
+            ".a{color: #f00}</style>\n"
+        ),
+        (
+            '<script long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">alert(1)</script>\n'
+            '<style long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">.a{color: #f00}</style>\n'
+            "<script>alert(1)</script>\n"
+            "<style>.a{color: #f00}</style>\n"
+        ),
+        id="embed",
+    ),
+    pytest.param(
+        (
+            '<script long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "alert(1)</script>\n"
+            '<style long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            ".a{color: #f00}</style>\n"
+            "<script>\n"
+            "alert(1)</script>\n"
+            "<style>\n"
+            ".a{color: #f00}</style>\n"
+        ),
+        (
+            '<script long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">alert(1)</script>\n'
+            '<style long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">.a{color: #f00}</style>\n'
+            "<script>alert(1)</script>\n"
+            "<style>.a{color: #f00}</style>\n"
+        ),
+        id="embed_bracket_same_line",
+    ),
+    pytest.param(
+        (
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "text\n"
+            "</span>\n"
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"></span>\n'
+            '<span  class="a">text</span>\n'
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "text\n"
+            "</span>\n"
+            '<span  class="a">text</span><span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "text\n"
+            "</span>\n"
+            '<span  class="a">text</span><span  class="a">text</span><span  class="a">text</span><span  class="a">text</span><span  class="a">text</span>\n'
+        ),
+        (
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">text</span>\n'
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"></span>\n'
+            '<span class="a">text</span>\n'
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">text</span>\n'
+            '<span class="a">text</span><span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">text</span>\n'
+            '<span class="a">text</span><span class="a">text</span><span class="a">text</span><span class="a">text</span><span class="a">text</span>\n'
+        ),
+        id="inline",
+    ),
+    pytest.param(
+        (
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "text\n"
+            "</span>\n"
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"></span>\n'
+            '<span  class="a">text</span>\n'
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "text\n"
+            "</span>\n"
+            '<span  class="a">text</span><span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">\n'
+            "text\n"
+            "</span>\n"
+            '<span  class="a">text</span><span  class="a">text</span><span  class="a">text</span><span  class="a">text</span><span  class="a">text</span>\n'
+        ),
+        (
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">text</span>\n'
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"></span>\n'
+            '<span class="a">text</span>\n'
+            '<span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">text</span>\n'
+            '<span class="a">text</span><span long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value">text</span>\n'
+            '<span class="a">text</span><span class="a">text</span><span class="a">text</span><span class="a">text</span><span class="a">text</span>\n'
+        ),
+        id="inline_bracket_same_line",
+    ),
+    pytest.param(
+        (
+            '<img long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value" src="./1.jpg"/>\n'
+            '<img src="./1.jpg"/><img src="./1.jpg"/><img src="./1.jpg"/><img src="./1.jpg"/><img src="./1.jpg"/>\n'
+        ),
+        (
+            '<img long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"\n'
+            '     src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+        ),
+        id="void",
+    ),
+    pytest.param(
+        (
+            '<img long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value" src="./1.jpg"/>\n'
+            '<img src="./1.jpg"/><img src="./1.jpg"/><img src="./1.jpg"/><img src="./1.jpg"/><img src="./1.jpg"/>\n'
+        ),
+        (
+            '<img long_long_attribute="long_long_long_long_long_long_long_long_long_long_long_value"\n'
+            '     src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+            '<img src="./1.jpg" />\n'
+        ),
+        id="void_braket_same_line",
+    ),
+]
+
+
+@pytest.mark.parametrize(("source", "expected"), test_data)
+def test_base(source, expected, basic_config):
+    output = formatter(basic_config, source)
+
+    printer(expected, source, output)
+    assert expected == output

package/tests/test_html/test_case.py

@@ -0,0 +1,81 @@
+"""Test case.
+
+poetry run pytest tests/test_html/test_case.py
+"""
+import pytest
+
+from src.djlint.reformat import formatter
+from src.djlint.settings import Config
+from tests.conftest import printer
+
+test_data = [
+    pytest.param(
+        (
+            "<!DOCTYPE html>\n"
+            '<HTML CLASS="no-js mY-ClAsS">\n'
+            "  <HEAD>\n"
+            '    <META CHARSET="utf-8">\n'
+            "    <TITLE>My tITlE</TITLE>\n"
+            '    <META NAME="description" content="My CoNtEnT">\n'
+            "  </HEAD>\n"
+            "  <body>\n"
+            "    <P>Hello world!<BR> This is HTML5 Boilerplate.</P>\n"
+            "    <SCRIPT>\n"
+            "      window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;\n"
+            "      ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview')\n"
+            "    </SCRIPT>\n"
+            '    <SCRIPT src="https://www.google-analytics.com/analytics.js" ASYNC DEFER> </SCRIPT>\n'
+            "  </body>\n"
+            "</HTML>\n"
+        ),
+        (
+            "<!DOCTYPE html>\n"
+            '<html CLASS="no-js mY-ClAsS">\n'
+            "    <head>\n"
+            '        <meta CHARSET="utf-8">\n'
+            "        <title>My tITlE</title>\n"
+            '        <meta NAME="description" content="My CoNtEnT">\n'
+            "    </head>\n"
+            "    <body>\n"
+            "        <p>\n"
+            "            Hello world!\n"
+            "            <br>\n"
+            "            This is HTML5 Boilerplate.\n"
+            "        </p>\n"
+            "        <script>\n"
+            "      window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;\n"
+            "      ga('create', 'UA-XXXXX-Y', 'auto'); ga('send', 'pageview')\n"
+            "        </script>\n"
+            '        <script src="https://www.google-analytics.com/analytics.js" ASYNC DEFER> </script>\n'
+            "    </body>\n"
+            "</html>\n"
+        ),
+        id="case",
+    )
+]
+
+
+@pytest.mark.parametrize(("source", "expected"), test_data)
+def test_base(source, expected, basic_config):
+    output = formatter(basic_config, source)
+
+    printer(expected, source, output)
+    assert expected == output
+
+
+test_data_two = [
+    pytest.param(
+        ("<dIV></Div>\n" "<bR>\n" "<Br />\n" "<MeTa class='asdf' />\n"),
+        ("<dIV></Div>\n" "<bR>\n" "<Br />\n" "<MeTa class='asdf' />\n"),
+        id="preserve_case",
+    )
+]
+
+
+@pytest.mark.parametrize(("source", "expected"), test_data_two)
+def test_base_two(source, expected):
+    config = Config("dummy/source.html", ignore_case=True)
+    output = formatter(config, source)
+
+    printer(expected, source, output)
+    assert expected == output

package/tests/test_html/test_cdata.py

@@ -0,0 +1,34 @@
+"""Test cdata.
+
+poetry run pytest tests/test_html/test_cdata.py
+"""
+import pytest
+
+from src.djlint.reformat import formatter
+from tests.conftest import printer
+
+test_data = [
+    pytest.param(
+        (
+            "<span><![CDATA[<sender>John Smith</sender>]]></span>\n"
+            "<span><![CDATA[1]]> a <![CDATA[2]]></span>\n"
+            "<span><![CDATA[1]]> <br> <![CDATA[2]]></span>\n"
+        ),
+        (
+            "<span><![CDATA[<sender>John Smith</sender>]]></span>\n"
+            "<span><![CDATA[1]]> a <![CDATA[2]]></span>\n"
+            "<span><![CDATA[1]]>\n"
+            "    <br>\n"
+            "<![CDATA[2]]></span>\n"
+        ),
+        id="cdata",
+    ),
+]
+
+
+@pytest.mark.parametrize(("source", "expected"), test_data)
+def test_base(source, expected, basic_config):
+    output = formatter(basic_config, source)
+
+    printer(expected, source, output)
+    assert expected == output

package/tests/test_html/test_comments.py

@@ -0,0 +1,333 @@
+"""Test for comments.
+
+poetry run pytest tests/test_html/test_comments.py
+"""
+import pytest
+
+from src.djlint.reformat import formatter
+from tests.conftest import printer
+
+test_data = [
+    pytest.param(
+        ("<div>\n" "    <!-- asdf--><!--\n" " multi\n" "line\n" "comment--></div>"),
+        (
+            "<div>\n"
+            "    <!-- asdf--><!--\n"
+            " multi\n"
+            "line\n"
+            "comment-->\n"
+            "</div>\n"
+        ),
+        id="comments_tag",
+    ),
+    pytest.param(
+        ("<!-- hello -->\n" "123\n"),
+        ("<!-- hello -->\n" "123\n"),
+        id="before_text",
+    ),
+    pytest.param(
+        ("<? hello ?>\n" "<!- world ->\n"),
+        ("<? hello ?>\n" "<!- world ->\n"),
+        id="bogus",
+    ),
+    pytest.param(
+        (
+            "<!DOCTYPE html>\n"
+            "<html>\n"
+            "  <body>\n"
+            "    <!--[if IE 5]>This is IE 5<br><![endif]-->\n"
+            "    <!--[if IE 6]>This is IE 6<br><![endif]-->\n"
+            "    <!--[if IE 7]>This is IE 7<br><![endif]-->\n"
+            "    <!--[if IE 8]>This is IE 8<br><![endif]-->\n"
+            "    <!--[if IE 9]>This is IE 9<br><![endif]-->\n"
+            "  </body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html lang="zh-CN"><![endif]-->\n'
+            '<html lang="zh-CN">\n'
+            "  <head></head>\n"
+            "  <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html lang="zh-CN"><div><![endif]-->\n'
+            '<html lang="zh-CN">\n'
+            "  <head></head>\n"
+            "  <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html lang="zh-CN"><div></div><![endif]-->\n'
+            '<html lang="zh-CN">\n'
+            "  <head></head>\n"
+            "  <body></body>\n"
+            "</html>\n"
+            '<body width="100%" align="center">\n'
+            "  <center  >\n"
+            '    <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center"><tr><td><![endif]-->\n'
+            "    <div>  </div>\n"
+            "    <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->\n"
+            "  </center  >\n"
+            "</body>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html class="legacy-ie"><![endif]-->\n'
+            "<!--[if gte IE 9]><!--><html><!--<![endif]-->\n"
+            "  <head></head>\n"
+            "  <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html class="legacy-ie"><![endif]-->\n'
+            "<!--[if gte IE 9]><!--><html hello><!--<![endif]-->\n"
+            "  <head></head>\n"
+            "  <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html class="legacy-ie"><head><![endif]-->\n'
+            "<!--[if gte IE 9]><!--><html><head><!--<![endif]-->\n"
+            "  </head>\n"
+            "  <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html class="legacy-ie"><![endif]-->\n'
+            "<!--[if gte IE 9\n"
+            "]><!--><html><!--<![endif]-->\n"
+            "  <head></head>\n"
+            "  <body></body>\n"
+            "</html>\n"
+        ),
+        (
+            "<!DOCTYPE html>\n"
+            "<html>\n"
+            "    <body>\n"
+            "        <!--[if IE 5]>This is IE 5<br><![endif]-->\n"
+            "        <!--[if IE 6]>This is IE 6<br><![endif]-->\n"
+            "        <!--[if IE 7]>This is IE 7<br><![endif]-->\n"
+            "        <!--[if IE 8]>This is IE 8<br><![endif]-->\n"
+            "        <!--[if IE 9]>This is IE 9<br><![endif]-->\n"
+            "    </body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html lang="zh-CN"><![endif]-->\n'
+            '<html lang="zh-CN">\n'
+            "    <head></head>\n"
+            "    <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html lang="zh-CN"><div><![endif]-->\n'
+            '<html lang="zh-CN">\n'
+            "    <head></head>\n"
+            "    <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html lang="zh-CN"><div></div><![endif]-->\n'
+            '<html lang="zh-CN">\n'
+            "    <head></head>\n"
+            "    <body></body>\n"
+            "</html>\n"
+            '<body width="100%" align="center">\n'
+            "    <center>\n"
+            '        <!--[if (gte mso 9)|(IE)]><table cellpadding="0" cellspacing="0" border="0" width="600" align="center"><tr><td><![endif]-->\n'
+            "        <div></div>\n"
+            "        <!--[if (gte mso 9)|(IE)]></td></tr></table><![endif]-->\n"
+            "    </center>\n"
+            "</body>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html class="legacy-ie"><![endif]-->\n'
+            "<!--[if gte IE 9]><!-->\n"
+            "<html>\n"
+            "    <!--<![endif]-->\n"
+            "    <head></head>\n"
+            "    <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html class="legacy-ie"><![endif]-->\n'
+            "<!--[if gte IE 9]><!-->\n"
+            "<html hello>\n"
+            "    <!--<![endif]-->\n"
+            "    <head></head>\n"
+            "    <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html class="legacy-ie"><head><![endif]-->\n'
+            "<!--[if gte IE 9]><!-->\n"
+            "<html>\n"
+            "    <head>\n"
+            "        <!--<![endif]-->\n"
+            "    </head>\n"
+            "    <body></body>\n"
+            "</html>\n"
+            "<!DOCTYPE html>\n"
+            '<!--[if lt IE 9]><html class="legacy-ie"><![endif]-->\n'
+            "<!--[if gte IE 9\n"
+            "]><!--><html><!--<![endif]-->\n"
+            "<head></head>\n"
+            "<body></body>\n"
+            "</html>\n"
+        ),
+        id="conditional",
+    ),
+    # opened https://github.com/Riverside-Healthcare/djLint/issues/247
+    pytest.param(
+        (
+            "<!DOCTYPE html>\n"
+            "<html>\n"
+            "  <body>\n"
+            "<!-- Do not display this at the moment\n"
+            '<img border="0" src="pic_trulli.jpg" alt="Trulli">\n'
+            "-->\n"
+            "  <!-- Do not display this at the moment\n"
+            '  <img border="0" src="pic_trulli.jpg" alt="Trulli">\n'
+            "  -->\n"
+            "    <!-- Do not display this at the moment\n"
+            '    <img border="0" src="pic_trulli.jpg" alt="Trulli">\n'
+            "    -->\n"
+            "  </body>\n"
+            "</html>\n"
+        ),
+        (
+            "<!DOCTYPE html>\n"
+            "<html>\n"
+            "    <body>\n"
+            "        <!-- Do not display this at the moment\n"
+            '<img border="0" src="pic_trulli.jpg" alt="Trulli">\n'
+            "-->\n"
+            "        <!-- Do not display this at the moment\n"
+            '  <img border="0" src="pic_trulli.jpg" alt="Trulli">\n'
+            "  -->\n"
+            "        <!-- Do not display this at the moment\n"
+            '    <img border="0" src="pic_trulli.jpg" alt="Trulli">\n'
+            "    -->\n"
+            "    </body>\n"
+            "</html>\n"
+        ),
+        id="debugging",
+    ),
+    pytest.param(
+        (
+            "<!DOCTYPE html>\n"
+            "<html>\n"
+            "    <body>\n"
+            "        <!--This is a comment-->\n"
+            "        <!-- This is a comment -->\n"
+            "        <!--  This is a comment  -->\n"
+            "        <!--   This   is   a   comment   -->\n"
+            "        <p>This is a paragraph.</p>\n"
+            "        <!-- Comments are not displayed in the browser -->\n"
+            "    </body>\n"
+            "</html>\n"
+        ),
+        (
+            "<!DOCTYPE html>\n"
+            "<html>\n"
+            "    <body>\n"
+            "        <!--This is a comment-->\n"
+            "        <!-- This is a comment -->\n"
+            "        <!--  This is a comment  -->\n"
+            "        <!--   This   is   a   comment   -->\n"
+            "        <p>This is a paragraph.</p>\n"
+            "        <!-- Comments are not displayed in the browser -->\n"
+            "    </body>\n"
+            "</html>\n"
+        ),
+        id="hidden",
+    ),
+    pytest.param(
+        (
+            "<ul><!-- 123\n"
+            "--><li>First</li><!-- 123\n"
+            "456\n"
+            "   789\n"
+            "--><li>Second</li><!--\n"
+            "    123\n"
+            "       456\n"
+            "          789\n"
+            "--><li>Second</li><!--\n"
+            "           123\n"
+            "        456\n"
+            "    789\n"
+            "--></ul>\n"
+            "<span><!--\n"
+            "--><span>a</span><!--\n"
+            "--><span>b</span><!--\n"
+            "--></span>\n"
+            "<span><!-- 1\n"
+            "--><span>a</span><!-- 2\n"
+            "--><span>b</span><!-- 3\n"
+            "--></span>\n"
+            "<span><!--\n"
+            "1 --><span>a</span><!--\n"
+            "2 --><span>b</span><!--\n"
+            "3 --></span>\n"
+            "123<!---->456\n"
+            "123<!--x-->456\n"
+            "<!-- A\n"
+            "     B -->\n"
+            "<!--\n"
+            "The null hero's name is {{nullHero.name}}\n"
+            "See console log:\n"
+            "  TypeError: Cannot read property 'name' of null in [null]\n"
+            "-->\n"
+            "<!--\n"
+            "    The null hero's name is {{nullHero.name}}\n"
+            "    See console log:\n"
+            "    TypeError: Cannot read property 'name' of null in [null]\n"
+            "-->\n"
+        ),
+        (
+            "<ul>\n"
+            "    <!-- 123\n"
+            "-->\n"
+            "    <li>First</li>\n"
+            "    <!-- 123\n"
+            "456\n"
+            "   789\n"
+            "-->\n"
+            "    <li>Second</li>\n"
+            "    <!--\n"
+            "    123\n"
+            "       456\n"
+            "          789\n"
+            "-->\n"
+            "    <li>Second</li>\n"
+            "    <!--\n"
+            "           123\n"
+            "        456\n"
+            "    789\n"
+            "-->\n"
+            "</ul>\n"
+            "<span><!--\n"
+            "--><span>a</span><!--\n"
+            "--><span>b</span><!--\n"
+            "--></span>\n"
+            "<span><!-- 1\n"
+            "--><span>a</span><!-- 2\n"
+            "--><span>b</span><!-- 3\n"
+            "--></span>\n"
+            "<span><!--\n"
+            "1 --><span>a</span><!--\n"
+            "2 --><span>b</span><!--\n"
+            "3 --></span>\n"
+            "123<!---->456\n"
+            "123<!--x-->456\n"
+            "<!-- A\n"
+            "     B -->\n"
+            "<!--\n"
+            "The null hero's name is {{nullHero.name}}\n"
+            "See console log:\n"
+            "  TypeError: Cannot read property 'name' of null in [null]\n"
+            "-->\n"
+            "<!--\n"
+            "    The null hero's name is {{nullHero.name}}\n"
+            "    See console log:\n"
+            "    TypeError: Cannot read property 'name' of null in [null]\n"
+            "-->\n"
+        ),
+        id="surrounding_empty_line",
+    ),
+]
+
+
+@pytest.mark.parametrize(("source", "expected"), test_data)
+def test_base(source, expected, basic_config):
+    output = formatter(basic_config, source)
+
+    printer(expected, source, output)
+    assert expected == output