Commit 3b5f28f8 authored by Oriol Brufau's avatar Oriol Brufau Committed by moz-wptsync-bot
Browse files

Bug 1769300 [wpt PR 34061] - WebKit export of... 

Bug 1769300 [wpt PR 34061] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=240388, a=testonly

Automatic update from web-platform-tests
WebKit export of https://bugs.webkit.org/show_bug.cgi?id=240388

--

wpt-commits: 0d36077b5b5891b105e6be16e9b1561886dfb617
wpt-pr: 34061
parent b671583b

testing/web-platform/tests/html/semantics/forms/the-fieldset-element/fieldset-intrinsic-size.html

0 → 100644
+74 −0
Original line number Diff line number Diff line 
<!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>