html: Tests for field-sizing (#44346)

This includes tests to confirm size/cols/rows are not presentational hints. Issue: whatwg/html#6807
web-platform-tests · Feb 23, 2024 · 9b06312 · 9b06312
1 parent 5ed137d
commit 9b06312
Show file tree

Hide file tree

Showing 6 changed files with 15 additions and 2 deletions.
diff --git a/.../field-sizing-input-number.tentative.html → ...ng/widgets/field-sizing-input-number.html b/.../field-sizing-input-number.tentative.html → ...ng/widgets/field-sizing-input-number.html
diff --git a/...ts/field-sizing-input-text.tentative.html → ...ring/widgets/field-sizing-input-text.html b/...ts/field-sizing-input-text.tentative.html → ...ring/widgets/field-sizing-input-text.html
diff --git a/...idgets/field-sizing-select.tentative.html → ...endering/widgets/field-sizing-select.html b/...idgets/field-sizing-select.tentative.html → ...endering/widgets/field-sizing-select.html
diff --git a/...gets/field-sizing-textarea.tentative.html → ...dering/widgets/field-sizing-textarea.html b/...gets/field-sizing-textarea.tentative.html → ...dering/widgets/field-sizing-textarea.html
diff --git a/html/rendering/widgets/input-text-size.html b/html/rendering/widgets/input-text-size.html
@@ -13,6 +13,7 @@
 <input id="size20" size="20">
 <input id="size21" size="21">
 <input id="computed" style="border:none; padding:0;" size="19">
+<input id="computedNone" style="display:none" size="17">
 
 <script>
 test(() => {
@@ -34,6 +35,11 @@
   const computedString = getComputedStyle(computed).width;
   assert_equals(computed.offsetWidth,
       parseInt(computedString.substring(0, computedString.length - 2)));
-}, 'Size attribute value affects computed style');
+}, 'Size attribute value affects layout-dependent computed style');
+
+test(() => {
+  const computedString = getComputedStyle(computedNone).width;
+  assert_equals(computedString, 'auto');
+}, 'Size attribute value is not a presentational hint');
 </script>
 
diff --git a/html/rendering/widgets/textarea-cols-rows.html b/html/rendering/widgets/textarea-cols-rows.html
@@ -8,6 +8,7 @@
 <textarea id="missing"></textarea>
 <textarea id="invalid" cols="-1" rows="-1"></textarea>
 <textarea id="computed" style="border:none; padding:0;" cols="19" rows="5"></textarea>
+<textarea id="computedNone" style="display:none" cols="17" rows="7"></textarea>
 
 <textarea id="cols0" cols="0"></textarea>
 <textarea id="cols1" cols="1"></textarea>
@@ -52,6 +53,12 @@
   const computedHeight = getComputedStyle(computed).height;
   assert_equals(computed.offsetHeight,
       parseInt(computedHeight.substring(0, computedHeight.length - 2)));
-}, 'Cols/rows attribute values affect computed style');
+}, 'Cols/rows attribute values affect layout-dependent computed style');
+
+test(() => {
+  const computedNoneStyle = getComputedStyle(computedNone);
+  assert_equals(computedNoneStyle.width, 'auto');
+  assert_equals(computedNoneStyle.height, 'auto');
+}, 'Cols/rows attribute values are not presentational hints');
 </script>