fix(html): do not add extra indent for js template in script (#5527)

prettier · Nov 23, 2018 · 228a8b0 · 228a8b0
1 parent cdac955
commit 228a8b0
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 1 deletion.
diff --git a/src/language-html/printer-html.js b/src/language-html/printer-html.js
@@ -68,7 +68,7 @@ function embed(path, print, textToDoc, options) {
             concat([
               breakParent,
               printOpeningTagPrefix(node, options),
-              markAsRoot(stripTrailingHardline(textToDoc(value, { parser }))),
+              stripTrailingHardline(textToDoc(value, { parser })),
               printClosingTagSuffix(node, options)
             ])
           ]);

diff --git a/tests/html_js/__snapshots__/jsfmt.spec.js.snap b/tests/html_js/__snapshots__/jsfmt.spec.js.snap
@@ -127,6 +127,42 @@ exports[`something-else.html - html-verify 1`] = `
 
 `;
 
+exports[`template-literal.html - html-verify 1`] = `
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+    </head>
+    <body>
+        <script>
+            function foo() {
+                return \`
+                    <div>
+                        <p>Text</p>
+                    </div>
+                \`;
+            }
+        </script>
+    </body>
+</html>
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+<!DOCTYPE html>
+<html lang="en">
+  <head> </head>
+  <body>
+    <script>
+      function foo() {
+        return \`
+                    <div>
+                        <p>Text</p>
+                    </div>
+                \`;
+      }
+    </script>
+  </body>
+</html>
+
+`;
+
 exports[`typescript.html - html-verify 1`] = `
 <script type="application/x-typescript">
   class Student {

diff --git a/tests/html_js/template-literal.html b/tests/html_js/template-literal.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+    </head>
+    <body>
+        <script>
+            function foo() {
+                return `
+                    <div>
+                        <p>Text</p>
+                    </div>
+                `;
+            }
+        </script>
+    </body>
+</html>