fix(format/html): fix mangling of embedded language tags if whitespaceSensitivity is strict (#6673)

Author: dyc3

.changeset/clean-pumas-care.md

@@ -0,0 +1,5 @@
+---
+"@biomejs/biome": patch
+---
+
+Fixed a case where the HTML formatter would mangle embedded language tags if `whitespaceSensitivity` was set to `strict`

crates/biome_html_formatter/src/html/auxiliary/element.rs

@@ -80,10 +80,14 @@ impl FormatNodeRule<HtmlElement> for FormatHtmlElement {
         // to borrow, while the child formatters are responsible for actually printing
         // the tokens. `HtmlElementList` prints them if they are borrowed, otherwise
         // they are printed by their original formatter.
-        let should_borrow_opening_r_angle =
-            is_whitespace_sensitive && !children.is_empty() && !content_has_leading_whitespace;
-        let should_borrow_closing_tag =
-            is_whitespace_sensitive && !children.is_empty() && !content_has_trailing_whitespace;
+        let should_borrow_opening_r_angle = is_whitespace_sensitive
+            && !children.is_empty()
+            && !content_has_leading_whitespace
+            && !should_be_verbatim;
+        let should_borrow_closing_tag = is_whitespace_sensitive
+            && !children.is_empty()
+            && !content_has_trailing_whitespace
+            && !should_be_verbatim;
 
         let borrowed_r_angle = if should_borrow_opening_r_angle {
             opening_element.r_angle_token().ok()

crates/biome_html_formatter/tests/specs/html/embedded/strict-whitespace-sensitivity/options.json

@@ -0,0 +1,8 @@
+{
+  "$schema": "../../../../../../../packages/@biomejs/biome/configuration_schema.json",
+  "html": {
+    "formatter": {
+      "whitespaceSensitivity": "strict"
+    }
+  }
+}

crates/biome_html_formatter/tests/specs/html/embedded/strict-whitespace-sensitivity/sensitive-style.html

@@ -0,0 +1,5 @@
+<style>
+body {
+  background-color: seagreen;
+}
+</style>

crates/biome_html_formatter/tests/specs/html/embedded/strict-whitespace-sensitivity/sensitive-style.html.snap

@@ -0,0 +1,62 @@
+---
+source: crates/biome_formatter_test/src/snapshot_builder.rs
+info: embedded/strict-whitespace-sensitivity/sensitive-style.html
+---
+# Input
+
+```html
+<style>
+body {
+  background-color: seagreen;
+}
+</style>
+```
+
+
+=============================
+
+# Outputs
+
+## Output 1
+
+-----
+Indent style: Tab
+Indent width: 2
+Line ending: LF
+Line width: 80
+Attribute Position: Auto
+Bracket same line: false
+Whitespace sensitivity: css
+Indent script and style: false
+Self close void elements: never
+-----
+
+```html
+<style>
+body {
+  background-color: seagreen;
+}
+</style>
+```
+
+## Output 1
+
+-----
+Indent style: Tab
+Indent width: 2
+Line ending: LF
+Line width: 80
+Attribute Position: Auto
+Bracket same line: false
+Whitespace sensitivity: strict
+Indent script and style: false
+Self close void elements: never
+-----
+
+```html
+<style>
+body {
+  background-color: seagreen;
+}
+</style>
+```