HTML: test fieldset's legend and painting order
Part of https://github.com/whatwg/html/pull/3934
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
new file mode 100644
index 0000000..13b262a
--- /dev/null
+++ 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
new file mode 100644
index 0000000..7bd2ced
--- /dev/null
+++ 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>
