fix(html): preserve content for element in <pre> correctly (#5473)

prettier · Nov 15, 2018 · c00dcb9 · c00dcb9
1 parent d86f39c
commit c00dcb9
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 2 deletions.
diff --git a/src/language-html/printer-html.js b/src/language-html/printer-html.js
@@ -476,15 +476,17 @@ function printChildren(path, options, print) {
           group(printOpeningTag(childPath, options, print)),
           replaceNewlines(
             options.originalText.slice(
-              child.startSourceSpan.end.offset -
+              child.startSourceSpan.end.offset +
                 (child.firstChild &&
                 needsToBorrowParentOpeningTagEndMarker(child.firstChild)
-                  ? printOpeningTagEndMarker(child).length
+                  ? -printOpeningTagEndMarker(child).length
                   : 0),
               child.endSourceSpan.start.offset +
                 (child.lastChild &&
                 needsToBorrowParentClosingTagStartMarker(child.lastChild)
                   ? printClosingTagStartMarker(child).length
+                  : needsToBorrowLastChildClosingTagEndMarker(child)
+                  ? -printClosingTagEndMarker(child.lastChild).length
                   : 0)
             ),
             literalline

diff --git a/tests/html_tags/__snapshots__/jsfmt.spec.js.snap b/tests/html_tags/__snapshots__/jsfmt.spec.js.snap
@@ -647,6 +647,8 @@ ___________________________
   </div>
 </div>
 <pre></pre>
+
+<pre><code #foo></code></pre>
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 <pre>
 --------------------------------------------------------------------------------
@@ -735,6 +737,8 @@ ___________________________
 </div>
 <pre></pre>
 
+<pre><code #foo></code></pre>
+
 `;
 
 exports[`pre.html - html-verify 2`] = `
@@ -816,6 +820,8 @@ ___________________________
   </div>
 </div>
 <pre></pre>
+
+<pre><code #foo></code></pre>
 ~
 <pre>
 --------------------------------------------------------------------------------
@@ -924,6 +930,8 @@ ___________________________
 </div>
 <pre></pre>
 
+<pre><code #foo></code></pre>
+
 `;
 
 exports[`pre.html - html-verify 3`] = `
@@ -1005,6 +1013,8 @@ ___________________________
   </div>
 </div>
 <pre></pre>
+
+<pre><code #foo></code></pre>
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 <pre>
 --------------------------------------------------------------------------------
@@ -1083,6 +1093,8 @@ ___________________________
 </div>
 <pre></pre>
 
+<pre><code #foo></code></pre>
+
 `;
 
 exports[`pre.html - html-verify 4`] = `
@@ -1164,6 +1176,8 @@ ___________________________
   </div>
 </div>
 <pre></pre>
+
+<pre><code #foo></code></pre>
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 <pre>
 --------------------------------------------------------------------------------
@@ -1252,6 +1266,8 @@ ___________________________
 </div>
 <pre></pre>
 
+<pre><code #foo></code></pre>
+
 `;
 
 exports[`pre.html - html-verify 5`] = `
@@ -1333,6 +1349,8 @@ ___________________________
   </div>
 </div>
 <pre></pre>
+
+<pre><code #foo></code></pre>
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 <pre>
 --------------------------------------------------------------------------------
@@ -1421,6 +1439,8 @@ ___________________________
 </div>
 <pre></pre>
 
+<pre><code #foo></code></pre>
+
 `;
 
 exports[`tags.html - html-verify 1`] = `

diff --git a/tests/html_tags/pre.html b/tests/html_tags/pre.html
@@ -76,3 +76,5 @@
   </div>
 </div>
 <pre></pre>
+
+<pre><code #foo></code></pre>