feat(html/formatter): self close tag add slash char (#3984)

biomejs · Sep 20, 2024 · 44b0d16 · 44b0d16
1 parent 26a7aae
commit 44b0d16
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 7 deletions.
diff --git a/crates/biome_html_formatter/src/html/auxiliary/self_closing_element.rs b/crates/biome_html_formatter/src/html/auxiliary/self_closing_element.rs
@@ -21,9 +21,15 @@ impl FormatNodeRule<HtmlSelfClosingElement> for FormatHtmlSelfClosingElement {
  space(),
  attributes.format(),
  space(),
- slash_token.format(),
- r_angle_token.format()
  ]
- )
+ )?;
+
+ if slash_token.is_some() {
+ write!(f, [slash_token.format()])?;
+ } else {
+ write!(f, [text("/")])?;
+ }
+
+ write!(f, [r_angle_token.format()])
  }
 }
diff --git a/crates/biome_html_formatter/tests/specs/html/self-closing.html b/crates/biome_html_formatter/tests/specs/html/self-closing.html
@@ -1 +1,4 @@
-<br />
+<div>
+<br>
+<img>
+</div>
diff --git a/crates/biome_html_formatter/tests/specs/html/self-closing.html.snap b/crates/biome_html_formatter/tests/specs/html/self-closing.html.snap
@@ -5,8 +5,10 @@ info: self-closing.html
 # Input
 
 ```html
-<br />
-
+<div>
+<br>
+<img>
+</div>
 ```
 
 
@@ -25,4 +27,7 @@ Attribute Position: Auto
 -----
 
 ```html
-<br />```
+<div>
+ <br />
+ <img />
+</div>```