chore: sync html prettier tests

benchmark/package.json

@@ -15,6 +15,6 @@
     "@typescript-eslint/parser": "8.46.4",
     "dprint": "0.50.2",
     "eslint": "9.39.1",
-    "prettier": "3.6.2"
+    "prettier": "3.7.4"
   }
 }

crates/biome_formatter_test/src/prettier/package.json

@@ -4,7 +4,7 @@
 		"start": "node prepare_tests"
 	},
 	"dependencies": {
-		"prettier": "3.6.2"
+		"prettier": "3.7.1"
 	},
   "private": true
 }

crates/biome_html_formatter/tests/specs/prettier/html/attributes/event-attributes.html

@@ -0,0 +1,37 @@
+<button onclick="alert(    '1')">click me!</button>
+
+<div onclick="handleClick(  event  )" onmouseover="showTooltip( this )" onmouseout="hideTooltip(  )">Hover me</div>
+
+<img onerror='handleError(  this  )' onload="imageLoaded(  event  )" />
+
+<button onclick="(event) =>   {  console.log('clicked');  handleClick(  event  );  }">Modern JS</button>
+
+<div onclick="processData(  { id: 123, name: 'test'  },  [ 1,  2, 3 ]  )">Data</div>
+
+<button onclick="api.user.get(  123  ).then(  data =>   updateUI( data )  )">API Call</button>
+
+<input onfocus="highlightField(  this  )" onblur="validateField( this.value )" />
+<select onchange="filterResults(  this.value,  this.selectedIndex  )">
+  <option>Option 1</option>
+</select>
+
+<button onclick="
+   alert(1);           alert(2);
+ ">Click</button>
+
+<button onclick="
+    return false
+  ">Click</button>
+
+<button onclick="
+  console.log(arguments)
+  ">Click</button>
+
+<button onclick="
+  console.log(onclick)
+  ">Click</button>
+
+<button onclick="
+  'use strict'
+  console.log(onclick)
+  ">Click</button>

crates/biome_html_formatter/tests/specs/prettier/html/attributes/event-attributes.html.prettier-snap

@@ -0,0 +1,57 @@
+<button onclick="alert('1')">click me!</button>
+
+<div
+  onclick="handleClick(event)"
+  onmouseover="showTooltip(this)"
+  onmouseout="hideTooltip()"
+>
+  Hover me
+</div>
+
+<img onerror="handleError(this)" onload="imageLoaded(event)" />
+
+<button
+  onclick="
+    (event) => {
+      console.log('clicked');
+      handleClick(event);
+    }
+  "
+>
+  Modern JS
+</button>
+
+<div onclick="processData({ id: 123, name: 'test' }, [1, 2, 3])">Data</div>
+
+<button onclick="api.user.get(123).then((data) => updateUI(data))">
+  API Call
+</button>
+
+<input onfocus="highlightField(this)" onblur="validateField(this.value)" />
+<select onchange="filterResults(this.value, this.selectedIndex)">
+  <option>Option 1</option>
+</select>
+
+<button
+  onclick="
+    alert(1);
+    alert(2);
+  "
+>
+  Click
+</button>
+
+<button onclick="return false;">Click</button>
+
+<button onclick="console.log(arguments)">Click</button>
+
+<button onclick="console.log(onclick)">Click</button>
+
+<button
+  onclick='
+    "use strict";
+    console.log(onclick);
+  '
+>
+  Click
+</button>

crates/biome_html_formatter/tests/specs/prettier/html/attributes/event-attributes.html.prettier-snap-original

@@ -0,0 +1,57 @@
+<button onclick="alert('1')">click me!</button>
+
+<div
+  onclick="handleClick(event)"
+  onmouseover="showTooltip(this)"
+  onmouseout="hideTooltip()"
+>
+  Hover me
+</div>
+
+<img onerror="handleError(this)" onload="imageLoaded(event)" />
+
+<button
+  onclick="
+    (event) => {
+      console.log('clicked');
+      handleClick(event);
+    }
+  "
+>
+  Modern JS
+</button>
+
+<div onclick="processData({ id: 123, name: 'test' }, [1, 2, 3])">Data</div>
+
+<button onclick="api.user.get(123).then((data) => updateUI(data))">
+  API Call
+</button>
+
+<input onfocus="highlightField(this)" onblur="validateField(this.value)" />
+<select onchange="filterResults(this.value, this.selectedIndex)">
+  <option>Option 1</option>
+</select>
+
+<button
+  onclick="
+    alert(1);
+    alert(2);
+  "
+>
+  Click
+</button>
+
+<button onclick="return false;">Click</button>
+
+<button onclick="console.log(arguments)">Click</button>
+
+<button onclick="console.log(onclick)">Click</button>
+
+<button
+  onclick="
+    &quot;use strict&quot;;
+    console.log(onclick);
+  "
+>
+  Click
+</button>