1 files changed, 74 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-intrinsic-size.html b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-intrinsic-size.html
new file mode 100644
index 0000000000..5ff0d7db41
--- /dev/null
+++ b/testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-intrinsic-size.html
@@ -0,0 +1,74 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>Fieldset with intrinsic size</title>
+<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
+<link rel="help" href="https://html.spec.whatwg.org/multipage/#the-fieldset-element">
+<link rel="help" href="https://drafts.csswg.org/css-sizing-3/#intrinsic">
+<meta name="assert" content="A fieldset with an intrinsic size should be as big as required by the contents.">
+<style>
+fieldset {
+  height: min-content;
+  padding: 7px;
+  border: 3px solid cyan;
+}
+fieldset > div {
+  border: 3px solid orange;
+}
+.auto {
+  height: auto;
+}
+.min-content {
+  height: min-content;
+}
+.max-content {
+  height: max-content;
+}
+.content-box {
+  box-sizing: content-box;
+}
+.border-box {
+  box-sizing: border-box;
+}
+</style>
+
+<div id="log"></div>
+
+<fieldset class="auto content-box">
+  <legend>Legend</legend>
+  <div>Contents</div>
+</fieldset>
+<fieldset class="auto border-box">
+  <legend>Legend</legend>
+  <div>Contents</div>
+</fieldset>
+<fieldset class="min-content content-box">
+  <legend>Legend</legend>
+  <div>Contents</div>
+</fieldset>
+<fieldset class="min-content border-box">
+  <legend>Legend</legend>
+  <div>Contents</div>
+</fieldset>
+<fieldset class="max-content content-box">
+  <legend>Legend</legend>
+  <div>Contents</div>
+</fieldset>
+<fieldset class="max-content border-box">
+  <legend>Legend</legend>
+  <div>Contents</div>
+</fieldset>
+
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script>
+for (let fieldset of document.querySelectorAll("fieldset")) {
+  test(function() {
+    const fieldsetRect = fieldset.getBoundingClientRect();
+    const contentsRect = fieldset.querySelector("div").getBoundingClientRect();
+    const fieldsetOuterEnd = fieldsetRect.y + fieldsetRect.height;
+    const fieldsetInnerEnd = fieldsetOuterEnd - 10;
+    const contentsOuterEnd = contentsRect.y + contentsRect.height;
+    assert_equals(fieldsetInnerEnd, contentsOuterEnd);
+  }, fieldset.className);
+}
+</script>