Bug 1483807 [wpt PR 12519] - HTML: test fieldset rendering with vertical writing-mode, a=testonly
authorSimon Pieters <zcorpan@gmail.com>
Wed, 29 Aug 2018 22:44:25 +0000
changeset 482573 e27b26eeaa12ac3589b4cd32ff1736d3949f1f6e
parent 482572 8eecc181d27aaa07ad427358835c2b42eff97cf9
child 482574 438c1f6cc9e03f3018198f211568c89a06172866
push id232
push userfmarier@mozilla.com
push dateWed, 05 Sep 2018 20:45:54 +0000
reviewerstestonly
bugs1483807, 12519, 7583968, 476234
milestone63.0a1
Bug 1483807 [wpt PR 12519] - HTML: test fieldset rendering with vertical writing-mode, a=testonly Automatic update from web-platform-testsHTML: test fieldset rendering with vertical writing-mode Bugs: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/7583968/ https://bugs.chromium.org/p/chromium/issues/detail?id=476234 -- wpt-commits: 76894623a2501f8a38540f9b174cadcf56a8d79d wpt-pr: 12519
testing/web-platform/meta/MANIFEST.json
testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical-ref.html
testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical.html
testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-element-0/resources/fieldset-vertical.css
--- a/testing/web-platform/meta/MANIFEST.json
+++ b/testing/web-platform/meta/MANIFEST.json
@@ -184982,16 +184982,28 @@
       [
        "/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-transform-translatez-ref.html",
        "=="
       ]
      ],
      {}
     ]
    ],
+   "html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical.html": [
+    [
+     "/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical.html",
+     [
+      [
+       "/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical-ref.html",
+       "=="
+      ]
+     ],
+     {}
+    ]
+   ],
    "html/rendering/non-replaced-elements/the-fieldset-element-0/legend-float.html": [
     [
      "/html/rendering/non-replaced-elements/the-fieldset-element-0/legend-float.html",
      [
       [
        "/html/rendering/non-replaced-elements/the-fieldset-element-0/legend-float-ref.html",
        "=="
       ]
@@ -285643,31 +285655,41 @@
      {}
     ]
    ],
    "html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-transform-translatez-ref.html": [
     [
      {}
     ]
    ],
+   "html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical-ref.html": [
+    [
+     {}
+    ]
+   ],
    "html/rendering/non-replaced-elements/the-fieldset-element-0/legend-dynamic-update.html": [
     [
      {}
     ]
    ],
    "html/rendering/non-replaced-elements/the-fieldset-element-0/legend-float-ref.html": [
     [
      {}
     ]
    ],
    "html/rendering/non-replaced-elements/the-fieldset-element-0/legend-position-relative-ref.html": [
     [
      {}
     ]
    ],
+   "html/rendering/non-replaced-elements/the-fieldset-element-0/resources/fieldset-vertical.css": [
+    [
+     {}
+    ]
+   ],
    "html/rendering/non-replaced-elements/the-hr-element-0/align-ref.html": [
     [
      {}
     ]
    ],
    "html/rendering/non-replaced-elements/the-hr-element-0/color-ref.html": [
     [
      {}
@@ -599122,16 +599144,24 @@
   "html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-transform-translatez-ref.html": [
    "8200e671944bc74644b1d9d540f9ce7496f86a63",
    "support"
   ],
   "html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-transform-translatez.html": [
    "df30468b0041323667946739369ec7d42bf47742",
    "reftest"
   ],
+  "html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical-ref.html": [
+   "29c28ea5f89f49cbf8d35961cd29580a0bd42256",
+   "support"
+  ],
+  "html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical.html": [
+   "c11b466669665a29fc4f33b4bbc14c6b5598d545",
+   "reftest"
+  ],
   "html/rendering/non-replaced-elements/the-fieldset-element-0/legend-align.html": [
    "f7511c9e4c91dbd2cb11db502789d8792f038a29",
    "testharness"
   ],
   "html/rendering/non-replaced-elements/the-fieldset-element-0/legend-block-formatting-context.html": [
    "4e9539179739a3690aab276f2ba98c25bd4dfe9b",
    "testharness"
   ],
@@ -599174,16 +599204,20 @@
   "html/rendering/non-replaced-elements/the-fieldset-element-0/legend.html": [
    "1cda91f32baf119b8dd827275a3ba8b10c484084",
    "testharness"
   ],
   "html/rendering/non-replaced-elements/the-fieldset-element-0/min-inline-size.html": [
    "92c33029701b41678f4f514d28c6260338bd8e77",
    "testharness"
   ],
+  "html/rendering/non-replaced-elements/the-fieldset-element-0/resources/fieldset-vertical.css": [
+   "b358d925a76fb571eda42292e2abbf7c1c75062f",
+   "support"
+  ],
   "html/rendering/non-replaced-elements/the-hr-element-0/align-ref.html": [
    "9e4283e208e17e4f2cfed05882bb1aff276028ad",
    "support"
   ],
   "html/rendering/non-replaced-elements/the-hr-element-0/align.html": [
    "1657f2458d0f606fb787b6d809309dd5192b1a2a",
    "reftest"
   ],
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical-ref.html
@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<title>Reference for fieldset vertical</title>
+<link rel=stylesheet href=resources/fieldset-vertical.css>
+<p>vertical-lr
+<div style="writing-mode: vertical-lr">
+ <div class=fieldset><div class="legend top">foo bar</div>normal</div>
+ <div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl</div>
+ <div class="fieldset rtl"><div class="legend top">foo bar</div>dir=rtl align=left</div>
+ <div class="fieldset rtl"><div class="legend center">foo bar</div>dir=rtl align=center</div>
+ <div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl align=right</div>
+ <div class=fieldset><div class="legend top">foo bar</div>align=left</div>
+ <div class=fieldset><div class="legend center">foo bar</div>align=center</div>
+ <div class=fieldset><div class="legend bottom">foo bar</div>align=right</div>
+</div>
+<hr>
+<p>vertical-rl
+<div style="writing-mode: vertical-rl">
+ <div class=fieldset><div class="legend top">foo bar</div>normal</div>
+ <div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl</div>
+ <div class="fieldset rtl"><div class="legend top">foo bar</div>dir=rtl align=left</div>
+ <div class="fieldset rtl"><div class="legend center">foo bar</div>dir=rtl align=center</div>
+ <div class="fieldset rtl"><div class="legend bottom">foo bar</div>dir=rtl align=right</div>
+ <div class=fieldset><div class="legend top">foo bar</div>align=left</div>
+ <div class=fieldset><div class="legend center">foo bar</div>align=center</div>
+ <div class=fieldset><div class="legend bottom">foo bar</div>align=right</div></div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-element-0/fieldset-vertical.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<title>fieldset vertical</title>
+<link rel=stylesheet href=resources/fieldset-vertical.css>
+<link rel=match href=fieldset-vertical-ref.html>
+<p>vertical-lr
+<div style="writing-mode: vertical-lr">
+ <fieldset><legend>foo bar</legend>normal</fieldset>
+ <fieldset dir=rtl><legend>foo bar</legend>dir=rtl</fieldset>
+ <fieldset dir=rtl><legend align=left>foo bar</legend>dir=rtl align=left</fieldset>
+ <fieldset dir=rtl><legend align=center>foo bar</legend>dir=rtl align=center</fieldset>
+ <fieldset dir=rtl><legend align=right>foo bar</legend>dir=rtl align=right</fieldset>
+ <fieldset><legend align=left>foo bar</legend>align=left</fieldset>
+ <fieldset><legend align=center>foo bar</legend>align=center</fieldset>
+ <fieldset><legend align=right>foo bar</legend>align=right</fieldset>
+</div>
+<hr>
+<p>vertical-rl
+<div style="writing-mode: vertical-rl">
+ <fieldset><legend>foo bar</legend>normal</fieldset>
+ <fieldset dir=rtl><legend>foo bar</legend>dir=rtl</fieldset>
+ <fieldset dir=rtl><legend align=left>foo bar</legend>dir=rtl align=left</fieldset>
+ <fieldset dir=rtl><legend align=center>foo bar</legend>dir=rtl align=center</fieldset>
+ <fieldset dir=rtl><legend align=right>foo bar</legend>dir=rtl align=right</fieldset>
+ <fieldset><legend align=left>foo bar</legend>align=left</fieldset>
+ <fieldset><legend align=center>foo bar</legend>align=center</fieldset>
+ <fieldset><legend align=right>foo bar</legend>align=right</fieldset>
+</div>
new file mode 100644
--- /dev/null
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/the-fieldset-element-0/resources/fieldset-vertical.css
@@ -0,0 +1,18 @@
+body > div { display: inline-block }
+fieldset, .fieldset { padding: 0; height:10em; width:2em; border:1em groove; margin: 0em; line-height:1 }
+legend, .legend { padding: 0; width: 1em }
+.legend {
+  background: white; /* overlap the border to emulate the border not being painted */
+  display: table; /* shrink-wrap */
+}
+
+[style="writing-mode: vertical-lr"] .legend {
+  margin-left: -1em;
+}
+[style="writing-mode: vertical-rl"] .legend {
+  margin-right: -1em;
+}
+.top { margin-bottom: auto }
+.center { margin-top: auto; margin-bottom: auto }
+.bottom { margin-top: auto }
+.rtl { direction: rtl }