HTML: test fieldset's legend and painting order

Part of whatwg/html#3934
web-platform-tests · Aug 21, 2018 · d7d5690 · d7d5690
1 parent 1202ff9
commit d7d5690
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 0 deletions.
diff --git a/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-painting-order-ref.html b/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-painting-order-ref.html
@@ -0,0 +1,10 @@
+<!doctype html>
+<title>Reference for fieldset painting order</title>
+<style>
+div { width: 200px; height: 200px; }
+#a { background: green; }
+#b { background: lime; position: relative; top: -100px; left: 100px; }
+</style>
+<p>There should be no red.</p>
+<div id=a></div>
+<div id=b></div>
diff --git a/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-painting-order.html b/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-painting-order.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<title>fieldset painting order</title>
+<link rel=match href=fieldset-painting-order-ref.html>
+<style>
+fieldset, legend { margin: 0; padding: 0; }
+fieldset {
+  border: 100px solid red;
+  width: 0;
+  min-width: 0;
+  height: 0;
+}
+legend { width: 200px; height: 200px; margin-left: -100px; background: green; }
+legend > span { float: right; margin-top: 100px; width: 100px; height: 100px; background: red; }
+fieldset > div { margin-top: -100px; background: lime; width: 200px; height: 200px; }
+</style>
+<p>There should be no red.</p>
+<fieldset><legend><span></span></legend><div></div></fieldset>