Test passes if the following paragraphs are identical:
-
６月19日
-
６月19日
+
６月19日
+
６月19日
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/html/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
index 7d85bdfc727..0542e59be23 100644
--- a/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
+++ b/tests/wpt/css-tests/css-text-3_dev/implementation-report-TEMPLATE.data
@@ -1129,10 +1129,10 @@ html/css3-text-line-break-opclns-268.htm 82c31bafaec3a5cb4f8b668d6ec3940449f32c2
xhtml1/css3-text-line-break-opclns-268.xht 82c31bafaec3a5cb4f8b668d6ec3940449f32c21 ?
html/css3-text-line-break-opclns-269.htm f598089f05a90c726f621577541bab8532dd7b52 ?
xhtml1/css3-text-line-break-opclns-269.xht f598089f05a90c726f621577541bab8532dd7b52 ?
-html/full-width-002.htm d3899bb9aac8c47ec60d90d6ece293c343e3d978 ?
-xhtml1/full-width-002.xht d3899bb9aac8c47ec60d90d6ece293c343e3d978 ?
-html/full-width-003.htm f6deaece33b7947dfe97c6514dab6a11d4718efa ?
-xhtml1/full-width-003.xht f6deaece33b7947dfe97c6514dab6a11d4718efa ?
+html/full-width-002.htm 278f5bab05df634ec6d6f57f8ee0357906367eaa ?
+xhtml1/full-width-002.xht 278f5bab05df634ec6d6f57f8ee0357906367eaa ?
+html/full-width-003.htm 743911d25fbd1f8dab1eaca4460682cb5a899307 ?
+xhtml1/full-width-003.xht 743911d25fbd1f8dab1eaca4460682cb5a899307 ?
html/hanging-punctuation-allow-end-001.htm f64dd2497338e856daf7d7cb3a84dfd3ebf5c948 ?
xhtml1/hanging-punctuation-allow-end-001.xht f64dd2497338e856daf7d7cb3a84dfd3ebf5c948 ?
html/hanging-punctuation-first-001.htm 5bee9960854e4c3c5e3b50acf25a0977fdf4952a ?
diff --git a/tests/wpt/css-tests/css-text-3_dev/testinfo.data b/tests/wpt/css-tests/css-text-3_dev/testinfo.data
index ea8164d1afa..7c7ff68447a 100644
--- a/tests/wpt/css-tests/css-text-3_dev/testinfo.data
+++ b/tests/wpt/css-tests/css-text-3_dev/testinfo.data
@@ -562,8 +562,8 @@ css3-text-line-break-opclns-266 reference/css3-text-line-break-opclns-266-ref CS
css3-text-line-break-opclns-267 reference/css3-text-line-break-opclns-267-ref CSS3 Text, linebreaks: 30E5 KATAKANA LETTER SMALL YU font https://drafts.csswg.org/css-text-3/#line-breaking b8a5e9ef653da701f28c8376ce95a60e1b2e7c78 `Richard Ishida` The browser will not allow the small kana character 30E5 KATAKANA LETTER SMALL YU (which has the NS Non-Starter property) at the beginning of a line.
css3-text-line-break-opclns-268 reference/css3-text-line-break-opclns-268-ref CSS3 Text, linebreaks: 30E7 KATAKANA LETTER SMALL YO font https://drafts.csswg.org/css-text-3/#line-breaking 82c31bafaec3a5cb4f8b668d6ec3940449f32c21 `Richard Ishida` The browser will not allow the small kana character 30E7 KATAKANA LETTER SMALL YO (which has the NS Non-Starter property) at the beginning of a line.
css3-text-line-break-opclns-269 reference/css3-text-line-break-opclns-269-ref CSS3 Text, linebreaks: 30EE KATAKANA LETTER SMALL WA font https://drafts.csswg.org/css-text-3/#line-breaking f598089f05a90c726f621577541bab8532dd7b52 `Richard Ishida` The browser will not allow the small kana character 30EE KATAKANA LETTER SMALL WA (which has the NS Non-Starter property) at the beginning of a line.
-full-width-002 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width d3899bb9aac8c47ec60d90d6ece293c343e3d978 `Masataka Yakura` When two or more full-width characters are combined, they are first converted to non-full-width characters.
-full-width-003 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width f6deaece33b7947dfe97c6514dab6a11d4718efa `Masataka Yakura` When two or more full-width characters are combined, they are first converted to non-full-width characters.
+full-width-002 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width 278f5bab05df634ec6d6f57f8ee0357906367eaa `Masataka Yakura` When two or more full-width characters are combined, they are first converted to non-full-width characters.
+full-width-003 reference/full-width-ref,!reference/full-width-notcu-notref,!reference/full-width-horizontal-notref CSS Writing Modes: text-combine-upright on full-width characters http://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth,http://www.w3.org/TR/css-text-3/#full-width 743911d25fbd1f8dab1eaca4460682cb5a899307 `Masataka Yakura` When two or more full-width characters are combined, they are first converted to non-full-width characters.
hanging-punctuation-allow-end-001 reference/hanging-punctuation-allow-end-001-ref hanging-punctuation - allow-end - basic cases font http://www.w3.org/TR/css-text-3/#hanging-punctuation f64dd2497338e856daf7d7cb3a84dfd3ebf5c948 `Satoshi Umehara` This property determines whether a punctuation mark, if one is present, may be placed outside the line box (or in the indent) at the start or at the end of a full line of text.
hanging-punctuation-first-001 reference/hanging-punctuation-first-001-ref hanging-punctuation - first - basic cases font http://www.w3.org/TR/css-text-3/#hanging-punctuation 5bee9960854e4c3c5e3b50acf25a0977fdf4952a `Satoshi Umehara` This property determines whether a punctuation mark, if one is present, may be placed outside the line box (or in the indent) at the start or at the end of a full line of text.
hanging-punctuation-force-end-001 reference/hanging-punctuation-force-end-001-ref hanging-punctuation - force-end - basic cases font http://www.w3.org/TR/css-text-3/#hanging-punctuation d2e8c955987d49cad1abf22c9a61e5c977eb1d81 `Satoshi Umehara` This property determines whether a punctuation mark, if one is present, may be placed outside the line box (or in the indent) at the start or at the end of a full line of text.
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/full-width-horizontal-notref.xht
index a03d8b8e5e7..917e3ed141e 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/full-width-horizontal-notref.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/full-width-horizontal-notref.xht
@@ -3,19 +3,14 @@
CSS Test Reference
-
Test passes if the following paragraphs are identical:
-
６月19日
-
６月19日
+
６月19日
+
６月19日
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht
index a03d8b8e5e7..917e3ed141e 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht
@@ -3,19 +3,14 @@
CSS Test Reference
-
Test passes if the following paragraphs are identical:
-
６月19日
-
６月19日
+
６月19日
+
６月19日
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-slr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-srl.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-vlr.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm
similarity index 83%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm
index 9628ce9b170..09dc086491f 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-001.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-htb-001.htm
@@ -13,7 +13,10 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-043.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-047.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-048.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-050.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-054.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-055.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-056.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-058.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-060.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-062.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-063.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-slr-066.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-042.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-045.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-046.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-049.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-051.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-052.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-053.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-057.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-059.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-061.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-064.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-srl-065.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-003.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-003.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-007.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-007.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-008.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-008.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-010.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-010.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-014.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-014.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-015.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-015.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-016.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-016.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-018.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-018.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-020.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-020.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-022.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-022.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-023.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vlr-023.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-002.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-002.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-005.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-005.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-006.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-006.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-009.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-009.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-011.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-011.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-012.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-012.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-013.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-013.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-017.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-017.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-019.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-019.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-021.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-021.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-024.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-024.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-025.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-025.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-vrl-025.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm
index 999193872a3..a445739f4db 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-2.htm
@@ -13,7 +13,7 @@
This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
horizontal-tb - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...
vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
horizontal-tb - block flow direction of block-level boxes
-
This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+
This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
position absolute and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
position absolute and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-cell and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-caption and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
list and vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
list and vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
writing mode of document - horizontal position of first block
-
-
This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
sideways-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
list and sideways-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
writing mode (sideways-lr) of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
list and sideways-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
sideways-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
position absolute and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-cell and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-caption and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
list and vertical-lr - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
vertical-lr - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
list and vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
writing mode of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
order, orientation and layout of form controls in 'sideways-lr' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90° counter-clockwise and c) the block flow direction must be from left to right.
order, orientation and layout of form controls in 'sideways-rl' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left.
order, orientation and layout of form controls in 'vertical-lr' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from left to right.
order, orientation and layout of form controls in 'vertical-rl' writing-mode
-
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1.
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'.
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
+
This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
inline-block and 'sideways-lr' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.
list and 'sideways-lr' - ordering direction of line boxes
+
+
This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'sideways-rl' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.
list and 'sideways-rl' - ordering direction of line boxes
+
+
This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'vertical-rl' - ordering direction of line boxes
-
-
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
list and 'vertical-rl' - ordering direction of line boxes
-
-
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'vertical-rl' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
list and 'vertical-rl' - ordering direction of line boxes
+
+
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
'writing-mode: sideways-lr' - default page flow (progression) direction
+
+
This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.
'writing-mode: sideways-rl' - default page flow (progression) direction
+
+
This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.
This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
+
This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...
+
This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
text baseline alignment - central alignment with vertical layout
+
text baseline alignment - alphabetical alignment with vertical layout
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
-
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
-
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
The test passes if you see a green rectangle and no red.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-004.htm
new file mode 100644
index 00000000000..76e980046f9
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-004.htm
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-005.htm
new file mode 100644
index 00000000000..50ba89fe4dc
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-slr-005.htm
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'sideways-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° counter-clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-004.htm
new file mode 100644
index 00000000000..98268bc7723
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-004.htm
@@ -0,0 +1,57 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-rl' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-005.htm
new file mode 100644
index 00000000000..da2236d3cff
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-srl-005.htm
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'sideways-rl' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-004.htm
new file mode 100644
index 00000000000..164cc0aac6a
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-004.htm
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-005.htm
new file mode 100644
index 00000000000..bd1fc95c3cf
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vlr-005.htm
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'vertical-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-004.htm
similarity index 76%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-004.htm
index e557fc3ed85..9fd41dafb42 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vert-rl-004.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/form-controls-vrl-004.htm
@@ -10,7 +10,7 @@
-
+
-
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-htb-001.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-001.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-htb-001.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm
new file mode 100644
index 00000000000..9f3326c60aa
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-043.htm
@@ -0,0 +1,37 @@
+
+
+
+
+
+ CSS Writing Modes Test: sideways-lr - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm
new file mode 100644
index 00000000000..627b97dbcfd
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-047.htm
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm
new file mode 100644
index 00000000000..5bbf37cf958
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-048.htm
@@ -0,0 +1,67 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ a bbbb c d e f g h jjjj k
+
+
+
+
+
+ N QQQQ R S T U V W XXXX Y
+
+
+
+
+
+ GGGGGGG H J K L MMMMMMM
+
+
+
+
+
+ AAAAAAA B C D E FFFF
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm
new file mode 100644
index 00000000000..f2a1d08ef89
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-050.htm
@@ -0,0 +1,39 @@
+
+
+
+
+
+ CSS Writing Modes Test: position absolute and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm
new file mode 100644
index 00000000000..3596665b51b
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-053.htm
@@ -0,0 +1,59 @@
+
+
+
+
+
+ CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ AAAAAAA B C D E FFFF
+
+ GGGGGGG H J K L MMMMMMM
+
+ N QQQQ R S T U V W XXXX Y
+
+ a bbbb c d e f g h jjjj k
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm
new file mode 100644
index 00000000000..fdfd2cdcfe7
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-054.htm
@@ -0,0 +1,100 @@
+
+
+
+
+
+ CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ AAAAAAA
+
+ B C
+
+ D E
+
+ FFFF
+
+
+
+ GGGGGGG
+
+ H J
+
+ K L
+
+ MMMMMMM
+
+
+
+ N QQQQ
+
+ R S T
+
+ U V W
+
+ XXXX Y
+
+
+
+ a bbbb
+
+ c d e
+
+ f g h
+
+ jjjj k
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm
new file mode 100644
index 00000000000..8594da00388
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-056.htm
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: table-cell and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm
new file mode 100644
index 00000000000..a9622623a50
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-058.htm
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: table-caption and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm
new file mode 100644
index 00000000000..96b7f4a882e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-slr-060.htm
@@ -0,0 +1,40 @@
+
+
+
+
+
+ CSS Writing Modes Test: list and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm
new file mode 100644
index 00000000000..7a2dc263daf
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-042.htm
@@ -0,0 +1,37 @@
+
+
+
+
+
+ CSS Writing Modes Test: sideways-rl - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm
new file mode 100644
index 00000000000..012fc521ed1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-045.htm
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm
new file mode 100644
index 00000000000..8f6e8ba2321
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-046.htm
@@ -0,0 +1,68 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ eeee f g h j kkkkkkk
+
+
+
+
+
+ YYYYYYY Z a b c ddddddd
+
+
+
+
+
+ L MMMM Q R S T U V WWWW X
+
+
+
+
+
+ A BBBB C D E F G H JJJJ K
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm
new file mode 100644
index 00000000000..340b63d8a8e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-049.htm
@@ -0,0 +1,39 @@
+
+
+
+
+
+ CSS Writing Modes Test: position absolute and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm
new file mode 100644
index 00000000000..f4261a2d7ba
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-051.htm
@@ -0,0 +1,66 @@
+
+
+
+
+
+ CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ A BBBB C D E F G H JJJJ K
+
+ L MMMM Q R S T U V WWWW X
+
+ YYYYYYY Z a b c ddddddd
+
+ eeee f g h j kkkkkkk
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm
new file mode 100644
index 00000000000..ccba2b76e3a
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-052.htm
@@ -0,0 +1,100 @@
+
+
+
+
+
+ CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ eeee
+
+ f g
+
+ h j
+
+ kkkkkkk
+
+
+
+ YYYYYYY
+
+ Z a
+
+ b c
+
+ ddddddd
+
+
+
+ L MMMM
+
+ Q R S
+
+ T U V
+
+ WWWW X
+
+
+
+ A BBBB
+
+ C D E
+
+ F G H
+
+ JJJJ K
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm
new file mode 100644
index 00000000000..3493abb8421
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-055.htm
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: table-cell and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm
new file mode 100644
index 00000000000..977df6d14c8
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-057.htm
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: table-caption and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm
new file mode 100644
index 00000000000..f7deabec1e1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-srl-059.htm
@@ -0,0 +1,40 @@
+
+
+
+
+
+ CSS Writing Modes Test: list and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm
similarity index 72%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-003.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm
index ac21dd13829..2ae9fdb398e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-003.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-003.htm
@@ -14,24 +14,24 @@
-
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm
similarity index 83%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-007.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm
index a0adf46169e..60bdf1e3408 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-007.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-007.htm
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm
similarity index 77%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-008.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm
index 61acc96a6f7..c102967e885 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-008.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-008.htm
@@ -14,23 +14,26 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm
similarity index 81%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-010.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm
index 30dbadb4405..df067f48c2e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-010.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-010.htm
@@ -14,20 +14,20 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm
similarity index 78%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-013.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm
index 61e02e8a6fb..88a9d89bd01 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-013.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-013.htm
@@ -14,26 +14,26 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-014.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm
similarity index 86%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-014.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm
index 6234c9b7451..1766d100e39 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-014.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-014.htm
@@ -14,31 +14,37 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-016.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm
similarity index 82%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-016.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm
index 5f452af3467..258f262f65f 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-016.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-016.htm
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-018.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm
similarity index 82%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-018.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm
index f6a3b3b0fa7..3d988314a3f 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-018.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-018.htm
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-020.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm
similarity index 80%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-020.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm
index 4aa15b58eac..ed4a3be5b11 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-020.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vlr-020.htm
@@ -14,21 +14,21 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm
similarity index 86%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-002.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm
index 6f762709abb..c655cce4790 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-002.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-002.htm
@@ -14,18 +14,18 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm
similarity index 83%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-005.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm
index 2476699af97..f1df182f476 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-005.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-005.htm
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm
similarity index 74%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-006.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm
index f4f0d4c8b9f..bb50aefd68c 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-006.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-006.htm
@@ -10,27 +10,30 @@
-
+
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm
similarity index 81%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-009.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm
index 6d9b46abe0b..6badac3b30f 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-009.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-009.htm
@@ -14,20 +14,20 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm
similarity index 78%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-011.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm
index 5ac6a3766cc..720043926af 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-011.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-011.htm
@@ -14,33 +14,33 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm
similarity index 86%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-012.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm
index a4b55885268..183651138ad 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-012.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-012.htm
@@ -14,31 +14,37 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-015.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm
similarity index 82%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-015.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm
index 632fced1453..69659e93ec8 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-015.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-015.htm
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-017.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm
similarity index 82%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-017.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm
index 974c58e51c4..2fbf4679937 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-017.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-017.htm
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-019.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm
similarity index 80%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-019.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm
index 1fd39e4189c..01d190c05c4 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-019.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/line-box-direction-vrl-019.htm
@@ -14,21 +14,21 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm
index 98925b13a0a..f31a4d7ee34 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-002.htm
@@ -13,15 +13,15 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm
index 3ffd6e5743f..eee6d3f81ca 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-003.htm
@@ -13,15 +13,15 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-slr-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-slr-005.htm
new file mode 100644
index 00000000000..475c7e28e26
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-slr-005.htm
@@ -0,0 +1,39 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'writing-mode: sideways-lr' - default page flow (progression) direction
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-srl-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-srl-004.htm
new file mode 100644
index 00000000000..6e280c152ea
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/page-flow-direction-srl-004.htm
@@ -0,0 +1,39 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'writing-mode: sideways-rl' - default page flow (progression) direction
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm
index a5fdf2bb202..0aad7d404eb 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm
@@ -7,14 +7,17 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm
index 1fe0c5bc271..7d66a1bad78 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm
@@ -10,17 +10,23 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm
new file mode 100644
index 00000000000..0d30595c766
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/flexbox_align-items-stretch-writing-modes-ref.htm
@@ -0,0 +1,18 @@
+
+
+ Reference file
+
+
+
+
+
The test passes if you see a green rectangle and no red.
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm
index 80f3a878338..608f17837f1 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/full-width-horizontal-notref.htm
@@ -3,19 +3,14 @@
CSS Test Reference
-
Test passes if the following paragraphs are identical:
-
６月19日
-
６月19日
+
６月19日
+
６月19日
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm
new file mode 100644
index 00000000000..ecf06a8ac9e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/table-progression-slr-001-ref.htm
@@ -0,0 +1,95 @@
+
+CSS Reference
+
+
+
+
+
+
Test passes if the following three tables look identical.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm
new file mode 100644
index 00000000000..bceedf8749e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-slr-009-ref.htm
@@ -0,0 +1,35 @@
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
Test passes if the right edge of an irregular polygon is straight and unbroken.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-002-ref.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-002-ref.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-006-ref.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/text-baseline-vrl-006-ref.htm
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm
index cd9b2712c55..e299a09b2e8 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest-toc.htm
@@ -3048,30 +3048,6 @@
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-003.htm
similarity index 81%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-003.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-003.htm
index 8c520a5a011..84867afeb09 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-003.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-003.htm
@@ -14,29 +14,32 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-005.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-005.htm
similarity index 78%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-005.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-005.htm
index 2378ce03adf..1cc987105c4 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-005.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-005.htm
@@ -14,29 +14,32 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-007.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-007.htm
similarity index 78%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-007.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-007.htm
index 9020433629e..2ffefb448fd 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-007.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-007.htm
@@ -14,29 +14,32 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-009.htm
similarity index 75%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-009.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-009.htm
index 39d52dae9ea..1069cb74352 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-009.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vlr-009.htm
@@ -10,33 +10,36 @@
-
+
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-002.htm
similarity index 81%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-002.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-002.htm
index d06f5ebb372..ddeab315d40 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-002.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-002.htm
@@ -14,29 +14,32 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-004.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-004.htm
similarity index 78%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-004.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-004.htm
index 66d31789631..5d106f6cab1 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-004.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-004.htm
@@ -14,29 +14,32 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-006.htm
similarity index 78%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-006.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-006.htm
index 2b650dec83b..1493d5b733e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-006.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-006.htm
@@ -14,29 +14,32 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-008.htm
similarity index 82%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-008.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-008.htm
index 8e0b1ded432..670572e7812 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-008.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/row-progression-vrl-008.htm
@@ -14,29 +14,32 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm
new file mode 100644
index 00000000000..ff0723c536e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-001.htm
@@ -0,0 +1,134 @@
+
+CSS Test: sideways-lr Table Row/Rowgroup/Cell Ordering
+
+
+
+
+
+
+
+
+
+
Test passes if the following three tables look identical.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-002.htm
new file mode 100644
index 00000000000..2c511d645ed
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-slr-002.htm
@@ -0,0 +1,86 @@
+
+CSS Test: sideways-lr Table Column/Colgroup Ordering
+
+
+
+
+
+
+
+
+
Test passes if the following patterned boxes all look identical.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm
new file mode 100644
index 00000000000..2f2cb4dd105
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-001.htm
@@ -0,0 +1,132 @@
+
+CSS Test: sideways-rl Table Row/Rowgroup/Cell Ordering
+
+
+
+
+
+
+
+
+
+
Test passes if the following three tables look identical.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm
new file mode 100644
index 00000000000..8e3f1f5b381
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/table-progression-srl-002.htm
@@ -0,0 +1,86 @@
+
+CSS Test: sideways-rl Table Column/Colgroup Ordering
+
+
+
+
+
+
+
+
+
+
Test passes if the following patterned boxes all look identical.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-009.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-009.htm
new file mode 100644
index 00000000000..8929effea0f
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-009.htm
@@ -0,0 +1,39 @@
+
+
+
+ CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the right edge of an irregular polygon is straight and unbroken.
+
+
ÉÉÉ
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-011.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-011.htm
new file mode 100644
index 00000000000..6e13e961ac7
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-011.htm
@@ -0,0 +1,39 @@
+
+
+
+ CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the right edge of an irregular polygon is straight and unbroken.
+
+
ÉÉÉ
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-013.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-013.htm
new file mode 100644
index 00000000000..0b739c853b1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-slr-013.htm
@@ -0,0 +1,39 @@
+
+
+
+ CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the right edge of an irregular polygon is straight and unbroken.
+
+
ÉÉÉ
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-008.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-008.htm
new file mode 100644
index 00000000000..b0a049411af
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-008.htm
@@ -0,0 +1,39 @@
+
+
+
+ CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the left edge of an irregular polygon is straight and unbroken.
+
+
ÉÉÉ
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-010.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-010.htm
new file mode 100644
index 00000000000..2e1a0af99cc
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-010.htm
@@ -0,0 +1,39 @@
+
+
+
+ CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the left edge of an irregular polygon is straight and unbroken.
+
+
ÉÉÉ
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-012.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-012.htm
new file mode 100644
index 00000000000..2be27a5063e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-srl-012.htm
@@ -0,0 +1,39 @@
+
+
+
+ CSS Writing Modes Test: text baseline alignment - alphabetical alignment with vertical layout
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the left edge of an irregular polygon is straight and unbroken.
+
+
ÉÉÉ
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm
similarity index 95%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm
rename to tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm
index e03a5257f29..fd60854557a 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-003.htm
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/text-baseline-vlr-003.htm
@@ -5,7 +5,7 @@
-
+
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-043.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-043.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-047.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-047.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-048.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-048.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-050.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-050.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-054.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-054.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-055.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-055.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-056.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-056.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-058.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-058.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-060.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-060.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-062.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-062.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-063.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-063.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-slr-066.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-042.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-042.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-045.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-045.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-046.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-046.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-049.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-049.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-051.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-051.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-052.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-052.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-053.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-053.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-057.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-057.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-059.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-059.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-061.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-061.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-064.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-064.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-srl-065.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-003.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-003.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-003.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-007.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-007.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-007.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-008.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-008.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-008.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-010.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-010.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-010.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-014.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-014.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-014.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-015.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-015.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-015.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-016.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-016.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-016.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-018.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-018.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-018.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-020.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-020.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-020.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-022.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-022.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-022.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-023.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-023.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vlr-023.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-002.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-002.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-002.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-005.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-005.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-005.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-006.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-006.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-006.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-009.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-009.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-009.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-011.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-011.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-011.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-012.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-012.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-012.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-013.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-013.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-013.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-017.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-017.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-017.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-019.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-019.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-019.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-021.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-021.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-021.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-024.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-024.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-024.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-vrl-025.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht
index 4a5ee64b548..311217e4f02 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-2.xht
@@ -13,7 +13,7 @@
This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
horizontal-tb - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...
vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
horizontal-tb - block flow direction of block-level boxes
-
This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+
This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
position absolute and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
position absolute and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-cell and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-caption and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
list and vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
list and vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
writing mode of document - horizontal position of first block
-
-
This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
sideways-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
list and sideways-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
writing mode (sideways-lr) of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
list and sideways-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
sideways-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
position absolute and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-cell and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-caption and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
list and vertical-lr - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
vertical-lr - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
list and vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
writing mode of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
order, orientation and layout of form controls in 'sideways-lr' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90° counter-clockwise and c) the block flow direction must be from left to right.
order, orientation and layout of form controls in 'sideways-rl' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left.
order, orientation and layout of form controls in 'vertical-lr' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from left to right.
order, orientation and layout of form controls in 'vertical-rl' writing-mode
-
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1.
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'.
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
+
This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
inline-block and 'sideways-lr' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.
list and 'sideways-lr' - ordering direction of line boxes
+
+
This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'sideways-rl' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.
list and 'sideways-rl' - ordering direction of line boxes
+
+
This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'vertical-rl' - ordering direction of line boxes
-
-
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
list and 'vertical-rl' - ordering direction of line boxes
-
-
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'vertical-rl' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
list and 'vertical-rl' - ordering direction of line boxes
+
+
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
'writing-mode: sideways-lr' - default page flow (progression) direction
+
+
This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.
'writing-mode: sideways-rl' - default page flow (progression) direction
+
+
This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.
This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
+
This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...
+
This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
text baseline alignment - central alignment with vertical layout
+
text baseline alignment - alphabetical alignment with vertical layout
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
-
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
-
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
The test passes if you see a green rectangle and no red.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht
new file mode 100644
index 00000000000..92b64b72c75
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-004.xht
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht
new file mode 100644
index 00000000000..15a2c4a2a37
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-slr-005.xht
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'sideways-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° counter-clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht
new file mode 100644
index 00000000000..606f0f9bb3e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-004.xht
@@ -0,0 +1,57 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-rl' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht
new file mode 100644
index 00000000000..3239f434b0b
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-srl-005.xht
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'sideways-rl' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht
new file mode 100644
index 00000000000..3f5f0cfb3bc
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-004.xht
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht
new file mode 100644
index 00000000000..9496bb1a393
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vlr-005.xht
@@ -0,0 +1,56 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'vertical-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-004.xht
similarity index 77%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-004.xht
index 49b0ca63397..1b93e01b751 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vert-rl-004.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/form-controls-vrl-004.xht
@@ -10,7 +10,7 @@
-
+
-
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-001.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-htb-001.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-001.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-htb-001.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht
new file mode 100644
index 00000000000..9c81f321ad3
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-043.xht
@@ -0,0 +1,37 @@
+
+
+
+
+
+ CSS Writing Modes Test: sideways-lr - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht
new file mode 100644
index 00000000000..669749a7e12
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-047.xht
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht
new file mode 100644
index 00000000000..39e919fff3b
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-048.xht
@@ -0,0 +1,67 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'float: right' and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ a bbbb c d e f g h jjjj k
+
+
+
+
+
+ N QQQQ R S T U V W XXXX Y
+
+
+
+
+
+ GGGGGGG H J K L MMMMMMM
+
+
+
+
+
+ AAAAAAA B C D E FFFF
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht
new file mode 100644
index 00000000000..ac10c48d4c2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-050.xht
@@ -0,0 +1,39 @@
+
+
+
+
+
+ CSS Writing Modes Test: position absolute and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht
new file mode 100644
index 00000000000..31def67d4df
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-053.xht
@@ -0,0 +1,59 @@
+
+
+
+
+
+ CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ AAAAAAA B C D E FFFF
+
+ GGGGGGG H J K L MMMMMMM
+
+ N QQQQ R S T U V W XXXX Y
+
+ a bbbb c d e f g h jjjj k
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht
new file mode 100644
index 00000000000..feb55517d7b
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-054.xht
@@ -0,0 +1,100 @@
+
+
+
+
+
+ CSS Writing Modes Test: inline-block and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ AAAAAAA
+
+ B C
+
+ D E
+
+ FFFF
+
+
+
+ GGGGGGG
+
+ H J
+
+ K L
+
+ MMMMMMM
+
+
+
+ N QQQQ
+
+ R S T
+
+ U V W
+
+ XXXX Y
+
+
+
+ a bbbb
+
+ c d e
+
+ f g h
+
+ jjjj k
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht
new file mode 100644
index 00000000000..4e4909e8731
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-056.xht
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: table-cell and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht
new file mode 100644
index 00000000000..778aba92b94
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-058.xht
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: table-caption and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht
new file mode 100644
index 00000000000..bbdb50cabe2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-slr-060.xht
@@ -0,0 +1,40 @@
+
+
+
+
+
+ CSS Writing Modes Test: list and 'sideways-lr' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM N QQQQ R S T U V W XXXX Y a bbbb c d e f g h jjjj k
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht
new file mode 100644
index 00000000000..2a197c22cb8
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-042.xht
@@ -0,0 +1,37 @@
+
+
+
+
+
+ CSS Writing Modes Test: sideways-rl - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht
new file mode 100644
index 00000000000..d02bbadb994
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-045.xht
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht
new file mode 100644
index 00000000000..a944244bdc1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-046.xht
@@ -0,0 +1,68 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'float: left' and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ eeee f g h j kkkkkkk
+
+
+
+
+
+ YYYYYYY Z a b c ddddddd
+
+
+
+
+
+ L MMMM Q R S T U V WWWW X
+
+
+
+
+
+ A BBBB C D E F G H JJJJ K
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht
new file mode 100644
index 00000000000..1066daf5da0
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-049.xht
@@ -0,0 +1,39 @@
+
+
+
+
+
+ CSS Writing Modes Test: position absolute and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht
new file mode 100644
index 00000000000..a851d63e7a2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-051.xht
@@ -0,0 +1,66 @@
+
+
+
+
+
+ CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ A BBBB C D E F G H JJJJ K
+
+ L MMMM Q R S T U V WWWW X
+
+ YYYYYYY Z a b c ddddddd
+
+ eeee f g h j kkkkkkk
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht
new file mode 100644
index 00000000000..c6a8bc7f03c
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-052.xht
@@ -0,0 +1,100 @@
+
+
+
+
+
+ CSS Writing Modes Test: inline-block and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ eeee
+
+ f g
+
+ h j
+
+ kkkkkkk
+
+
+
+ YYYYYYY
+
+ Z a
+
+ b c
+
+ ddddddd
+
+
+
+ L MMMM
+
+ Q R S
+
+ T U V
+
+ WWWW X
+
+
+
+ A BBBB
+
+ C D E
+
+ F G H
+
+ JJJJ K
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht
new file mode 100644
index 00000000000..a24473c9812
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-055.xht
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: table-cell and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht
new file mode 100644
index 00000000000..3df975332c6
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-057.xht
@@ -0,0 +1,38 @@
+
+
+
+
+
+ CSS Writing Modes Test: table-caption and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht
new file mode 100644
index 00000000000..a4c2a46ff2d
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-srl-059.xht
@@ -0,0 +1,40 @@
+
+
+
+
+
+ CSS Writing Modes Test: list and 'sideways-rl' - ordering direction of line boxes
+
+
+
+
+
+
+
+
+
+
+
+
+
+
A BBBB C D E F G H JJJJ K L MMMM Q R S T U V WWWW X YYYYYYY Z a b c ddddddd eeee f g h j kkkkkkk
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-003.xht
similarity index 74%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-003.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-003.xht
index 60f3e20e7b7..50685d30b83 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-003.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-003.xht
@@ -14,24 +14,24 @@
-
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk
+
AAAAAAA B C D E FFFF GGGGGGG H J K L MMMMMMM NNNN Q R S T U V W X YYYY aaaa b c d e f g h j kkkk
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-007.xht
similarity index 84%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-007.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-007.xht
index 3ac46c67c27..519e19a0976 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-007.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-007.xht
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-008.xht
similarity index 79%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-008.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-008.xht
index d7966f23404..5633f22db99 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-008.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-008.xht
@@ -14,23 +14,26 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-010.xht
similarity index 83%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-010.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-010.xht
index 1d96cecb6a0..5002a7b745b 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-010.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-010.xht
@@ -14,20 +14,20 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-013.xht
similarity index 80%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-013.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-013.xht
index b15c154a6df..b1a2af8c5c7 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-013.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-013.xht
@@ -14,26 +14,26 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-014.xht
similarity index 86%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-014.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-014.xht
index 65150832469..4ac5a1efbd2 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-014.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-014.xht
@@ -14,31 +14,37 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-016.xht
similarity index 84%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-016.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-016.xht
index 7fb58cd7486..b029d4cd00e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-016.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-016.xht
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-018.xht
similarity index 84%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-018.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-018.xht
index ce729f70fdf..ef621ca6d23 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-018.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-018.xht
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-020.xht
similarity index 81%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-020.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-020.xht
index 48dcd801c0a..52eb02e6d39 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-020.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vlr-020.xht
@@ -14,21 +14,21 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-002.xht
similarity index 87%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-002.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-002.xht
index efc13247eb8..c942aea8f50 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-002.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-002.xht
@@ -14,18 +14,18 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-005.xht
similarity index 84%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-005.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-005.xht
index 6662116cb61..ed31569c254 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-005.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-005.xht
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-006.xht
similarity index 76%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-006.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-006.xht
index 1ff27f7be91..7bebde1c8c7 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-006.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-006.xht
@@ -10,27 +10,30 @@
-
+
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-009.xht
similarity index 83%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-009.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-009.xht
index 8ac208edace..2a74eeb09e8 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-009.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-009.xht
@@ -14,20 +14,20 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-011.xht
similarity index 80%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-011.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-011.xht
index 729d5137726..260820d78f7 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-011.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-011.xht
@@ -14,33 +14,33 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-012.xht
similarity index 86%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-012.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-012.xht
index f1a0b336209..7fb18176c35 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-012.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-012.xht
@@ -14,31 +14,37 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-015.xht
similarity index 84%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-015.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-015.xht
index 5e1e247def0..6fd22a26234 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-015.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-015.xht
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-017.xht
similarity index 84%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-017.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-017.xht
index 8636701cda7..a58a72d7c86 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-017.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-017.xht
@@ -14,19 +14,19 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-019.xht
similarity index 81%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-019.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-019.xht
index f47d7fd3b6b..6902c5283a4 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-019.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/line-box-direction-vrl-019.xht
@@ -14,21 +14,21 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht
index 90267cb0621..6bdb98c650e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-002.xht
@@ -13,15 +13,15 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht
index 7bcf9e16e66..41ca69774ce 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-003.xht
@@ -13,15 +13,15 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht
new file mode 100644
index 00000000000..a52d80d53cf
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-slr-005.xht
@@ -0,0 +1,39 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'writing-mode: sideways-lr' - default page flow (progression) direction
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht
new file mode 100644
index 00000000000..cfaff1376ff
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/page-flow-direction-srl-004.xht
@@ -0,0 +1,39 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'writing-mode: sideways-rl' - default page flow (progression) direction
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht
index d67a4bf2b06..81114d697aa 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-001-ref.xht
@@ -7,14 +7,17 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht
index fdbf60ce326..cfbcc87b5a7 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-002-ref.xht
@@ -10,17 +10,23 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht
new file mode 100644
index 00000000000..25f3929942a
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/flexbox_align-items-stretch-writing-modes-ref.xht
@@ -0,0 +1,18 @@
+
+
+ Reference file
+
+
+
+
+
The test passes if you see a green rectangle and no red.
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht
index a03d8b8e5e7..917e3ed141e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/full-width-horizontal-notref.xht
@@ -3,19 +3,14 @@
CSS Test Reference
-
Test passes if the following paragraphs are identical:
-
６月19日
-
６月19日
+
６月19日
+
６月19日
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht
new file mode 100644
index 00000000000..0e5f9dd5376
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/table-progression-slr-001-ref.xht
@@ -0,0 +1,95 @@
+
+CSS Reference
+
+
+
+
+
+
Test passes if the following three tables look identical.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht
new file mode 100644
index 00000000000..73969a9bcbd
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-slr-009-ref.xht
@@ -0,0 +1,35 @@
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
Test passes if the right edge of an irregular polygon is straight and unbroken.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-002-ref.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-002-ref.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht
similarity index 100%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-006-ref.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/text-baseline-vrl-006-ref.xht
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht
index 6517366139c..684e0ef6892 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest-toc.xht
@@ -3048,30 +3048,6 @@
This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
horizontal-tb - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...
vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
horizontal-tb - block flow direction of block-level boxes
-
This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
+
This test checks that block-level boxes in a 'horizontal-tb' writing mode are laid out one after the other, vertically, with the first beginning at the top of a containing block; they are ordered from top to bottom meaning that the 1st block box is the topmost one, then the 2nd block is juxtaposed at its bottom, then the 3rd block is juxtaposed to the 2nd block at its bottom, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
position absolute and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
position absolute and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-cell and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-caption and 'vertical-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'vertical-lr' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
list and vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
list and vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
vertical-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
writing mode of document - horizontal position of first block
-
-
This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
sideways-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'sideways-rl' - block flow direction of block-level boxes
-
-
This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
list and sideways-rl - block flow direction of block-level boxes
-
-
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
writing mode (sideways-lr) of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a left-floated box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that left-floated boxes with 'writing-mode' set to 'sideways-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'sideways-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'sideways-rl' establishes a block formating context with a right-to-left block flow direction.
list and sideways-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
sideways-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'sideways-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
vertical-lr - block flow direction of block-level boxes
-
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-lr', then its block boxes are laid out rightwardedly (from left to right) one after the other beginning at its lefthand side. Also, the inline flow direction is 'topwardedly', that is inline boxes in the line box flow from the bottom toward the top; inline boxes are laid out vertically, one after the other, starting at the physical bottom side of its containing block.
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a right-floated box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that right-floated boxes with 'writing-mode' set to 'vertical-lr' establish block formating contexts with a left-to-right block flow direction.
position absolute and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-cell and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
table-caption and 'vertical-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'vertical-lr' establishes a block formating context with a left-to-right block flow direction.
list and vertical-lr - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and then the 2nd block is juxtaposed to the right-hand side of 1st block, the 3rd block is juxtaposed to the 2nd block on its right-hand side, etc...
vertical-lr - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-lr' are laid out one after the other with the first beginning at the left-hand side of its containing block; they are ordered from left to right meaning that the 1st block box is the leftmost one and, then the 2nd block is juxtaposed at the right-hand side of 1st block, then the 3rd block is juxtaposed at the 2nd block on its right-hand side, etc...
vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a left-floated box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
'float: left' and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that left-floated boxes with 'writing-mode' set to 'vertical-rl' establish block formating contexts with a right-to-left block flow direction.
position absolute and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
inline-block and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-cell and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
table-caption and 'vertical-rl' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'vertical-rl' establishes a block formating context with a right-to-left block flow direction.
list and vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one and then the 2nd block is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd block on its left-hand side, etc...
vertical-rl - block flow direction of block-level boxes
+
+
This test checks that block-level boxes in a block formating context with 'writing-mode' set to 'vertical-rl' are laid out one after the other with the first beginning at the right-hand side of its containing block; they are ordered from right to left meaning that the 1st block box is the rightmost one, then the 2nd block is juxtaposed at its left-hand side, then the 3rd block is juxtaposed at the 2nd block on its left-hand side, etc...
writing mode of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'vertical-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side.
order, orientation and layout of form controls in 'sideways-lr' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-lr'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from bottom to top, b) the glyphs must be rotated 90° counter-clockwise and c) the block flow direction must be from left to right.
order, orientation and layout of form controls in 'sideways-rl' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'sideways-rl'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'sideways-rl' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from right to left.
order, orientation and layout of form controls in 'vertical-lr' writing-mode
+
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-lr'.
This test checks the rendering of various form controls (select, optgroup, options, various types of input and buttons) written with latin text in 'vertical-lr' writing mode. The text of replaced content should match the replaced element's writing mode and line orientation; therefore, in this test, a) the text's inline base direction must be from top to bottom, b) the glyphs must be rotated 90° clockwise and c) the block flow direction must be from left to right.
order, orientation and layout of form controls in 'vertical-rl' writing-mode
-
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1.
+
This test checks the order, the flow, the orientation and layout of form controls used in Example 4 of section 3.1 when the 'writing-mode' of the whole form element is set to 'vertical-rl'.
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
+
This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
inline-block and 'sideways-lr' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-lr' are ordered from left to right.
list and 'sideways-lr' - ordering direction of line boxes
+
+
This test checks that line boxes in a block box with 'writing-mode' set to 'sideways-lr' are laid out one after the other with the first beginning at the left-hand side of the block box; they are ordered from left to right meaning that the 1st line box is the leftmost one and then the 2nd line box is juxtaposed to the right-hand side of 1st line box, the 3rd line box is juxtaposed to the 2nd line box on its right-hand side, etc...
This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'sideways-rl' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'sideways-rl' are ordered from right to left.
list and 'sideways-rl' - ordering direction of line boxes
+
+
This test checks that line boxes of a block box in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'vertical-rl' - ordering direction of line boxes
-
-
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
list and 'vertical-rl' - ordering direction of line boxes
-
-
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
inline-block and 'vertical-rl' - ordering direction of line boxes
+
+
This test checks that lines boxes of descendant block boxes of an inline-block with its 'writing-mode' set to 'vertical-rl' are ordered from right to left.
list and 'vertical-rl' - ordering direction of line boxes
+
+
This test checks that line boxes of a block box in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost line of the block box; they are ordered from right to left meaning that the 1st line box is the rightmost one and then the 2nd line box is juxtaposed to its left-hand side, the 3rd block is juxtaposed to the 2nd line box on its left-hand side, etc...
'writing-mode: sideways-lr' - default page flow (progression) direction
+
+
This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is left-to-right.
'writing-mode: sideways-rl' - default page flow (progression) direction
+
+
This test checks that when 'writing-mode' is set on the root element, then it determines the default page flow (or progression) direction. In this test, the page flow (or progression) direction is right-to-left.
This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
+
This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'sideways-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells and table columns in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'sideways-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc... Table cells in a table with writing-mode set to 'sideways-lr' are ordered according to inline flow direction, which is from bottom to top.
This test checks that rows of a table element with in a 'vertical-rl' writing mode are laid out one after the other, leftwardedly, with the first beginning at the rightmost side of the table box; table rows are ordered from right to left meaning that the 1st row is the rightmost one and then the 2nd row is juxtaposed to its left-hand side, the 3rd row is juxtaposed to the 2nd row on its left-hand side, etc...
This test checks that rows of a table element with in a 'vertical-lr' writing mode are laid out one after the other, rightwardedly, with the first beginning at the leftmost side of the table box; table rows are ordered from left to right meaning that the 1st row is the leftmost one and then the 2nd row is juxtaposed to its right-hand side, the 3rd row is juxtaposed to the 2nd row on its right-hand side, etc...
+
This test checks that sideways-lr tables order rows/rowgroups left to right and cells bottom-to-top (LTR) or top-to-bottom (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-lr tables order columns bottom-to-top (LTR) or top-to-bottom (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
This test checks that sideways-rl tables order rows/rowgroups right to left and cells top-to-bottom (LTR) or bottom-to-top (RTL) per 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table rows and row groups.
This test checks that sideways-rl tables order columns top-to-bottom (LTR) or bottom-to-top (RTL) per the table's 'direction'. This test also checks that 'writing-mode' and 'direction' do not apply to table columns and column groups.
text baseline alignment - central alignment with vertical layout
+
text baseline alignment - alphabetical alignment with vertical layout
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-lr' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'mixed', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'upright', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'sideways-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
-
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
-
-
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'mixed', then the central baseline is used as the dominant baseline.
text baseline alignment - central alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'upright', then the central baseline is used as the dominant baseline.
text baseline alignment - alphabetical alignment with vertical layout
+
+
This test checks the generation of text baseline. When 'writing-mode' is 'vertical-rl' and when 'text-orientation' is 'sideways', then the alphabetical baseline is used as the dominant baseline.
The test passes if you see a green rectangle and no red.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-004.xht
new file mode 100644
index 00000000000..267ae904f4e
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-004.xht
@@ -0,0 +1,65 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-005.xht
new file mode 100644
index 00000000000..10cecd7a1ee
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-slr-005.xht
@@ -0,0 +1,65 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'sideways-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° counter-clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-004.xht
new file mode 100644
index 00000000000..4798a878ecd
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-004.xht
@@ -0,0 +1,66 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'sideways-rl' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-005.xht
new file mode 100644
index 00000000000..b2f415c10c8
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-srl-005.xht
@@ -0,0 +1,65 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'sideways-rl' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-004.xht
new file mode 100644
index 00000000000..dc02a5a30fe
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-004.xht
@@ -0,0 +1,65 @@
+
+
+
+
+
+ CSS Writing Modes Test: order, orientation and layout of form controls in 'vertical-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if the characters and form controls of the form above have the same order, the same orientation and the same layout as the ones of the form below:
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-005.xht
new file mode 100644
index 00000000000..ef8b5da5994
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vlr-005.xht
@@ -0,0 +1,65 @@
+
+
+
+
+
+ CSS Writing Modes Test: form controls in 'vertical-lr' writing-mode
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-004.xht
similarity index 77%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-004.xht
index 90e5a6fc0b3..1c61d6fd5b9 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vert-rl-004.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/form-controls-vrl-004.xht
@@ -9,7 +9,7 @@
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
- @top-right { content: "Test form-controls-vert-rl-004"; }
+ @top-right { content: "Test form-controls-vrl-004"; }
@bottom-right { content: counter(page); }
}
@@ -19,7 +19,7 @@
-
+
@@ -23,44 +23,42 @@
-
Test passes if a) the form controls are appearing with Text sample1 on the left of the page and with Text sample10 on the right and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
Test passes if a) the form controls are appearing with Text sample1 on the right of the page and with Text sample10 on the left and if b) each of the 10 "Text sample" in the form controls are rotated 90° clockwise.
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-srl-004.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-srl-004.xht
new file mode 100644
index 00000000000..58826aeb9f1
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/page-flow-direction-srl-004.xht
@@ -0,0 +1,48 @@
+
+
+
+
+
+ CSS Writing Modes Test: 'writing-mode: sideways-rl' - default page flow (progression) direction
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-001-ref.xht
index cc523539d30..5a68b1a1bbc 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-001-ref.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-001-ref.xht
@@ -16,14 +16,17 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-002-ref.xht
index e3211ed1431..3a406c1c64b 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-002-ref.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-002-ref.xht
@@ -19,17 +19,23 @@
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht
new file mode 100644
index 00000000000..25f3929942a
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/flexbox_align-items-stretch-writing-modes-ref.xht
@@ -0,0 +1,18 @@
+
+
+ Reference file
+
+
+
+
+
The test passes if you see a green rectangle and no red.
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht
index a03d8b8e5e7..917e3ed141e 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/full-width-horizontal-notref.xht
@@ -3,19 +3,14 @@
CSS Test Reference
-
Test passes if the following paragraphs are identical:
-
６月19日
-
６月19日
+
６月19日
+
６月19日
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-slr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-slr.png
new file mode 100644
index 00000000000..ac9b2a30725
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-slr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-srl.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-srl.png
new file mode 100644
index 00000000000..da9d401f917
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-srl.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-vlr.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-vlr.png
new file mode 100644
index 00000000000..5abc22e9ee7
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/form-controls-vlr.png differ
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-slr-001-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-slr-001-ref.xht
new file mode 100644
index 00000000000..0e5f9dd5376
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/table-progression-slr-001-ref.xht
@@ -0,0 +1,95 @@
+
+CSS Reference
+
+
+
+
+
+
Test passes if the following three tables look identical.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht
new file mode 100644
index 00000000000..e041a9ec6f6
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-slr-009-ref.xht
@@ -0,0 +1,44 @@
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
+
Test passes if the right edge of an irregular polygon is straight and unbroken.
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht
similarity index 95%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht
index 91fa43f1413..6fc6c292c96 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-002-ref.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-002-ref.xht
@@ -7,7 +7,7 @@
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
- @top-right { content: "Test text-baseline-002-ref"; }
+ @top-right { content: "Test text-baseline-vrl-002-ref"; }
@bottom-right { content: counter(page); }
}
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht
similarity index 95%
rename from tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht
rename to tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht
index 64bac7ff355..e8bec15f607 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-006-ref.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/text-baseline-vrl-006-ref.xht
@@ -7,7 +7,7 @@
margin: 7%;
counter-increment: page;
@top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; }
- @top-right { content: "Test text-baseline-006-ref"; }
+ @top-right { content: "Test text-baseline-vrl-006-ref"; }
@bottom-right { content: counter(page); }
}
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht
index 6517366139c..684e0ef6892 100644
--- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest-toc.xht
@@ -3048,30 +3048,6 @@
+
+ 
+
+ 
+
+ 
