CSS Backgrounds and Borders Module Level 3 CR Test Suite
-
Border Images (34 tests)
+
Border Images (37 tests)
@@ -142,7 +142,7 @@
Bitmaps
border-image-slice - border-style: none
-
If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.
+
If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.
CSS Backgrounds and Borders Module Level 3 CR Test Suite
-
Border Images (34 tests)
+
Border Images (37 tests)
@@ -142,7 +142,7 @@
Bitmaps
border-image-slice - border-style: none
-
If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.
+
If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.
CSS Backgrounds and Borders Module Level 3 CR Test Suite
-
Border Images (34 tests)
+
Border Images (37 tests)
@@ -142,7 +142,7 @@
Bitmaps
border-image-slice - border-style: none
-
If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0. So, we should see no red in this test.
+
If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.
CSS Image Fallbacks and Annotations: the ‘image()’ notation
+
CSS Image Fallbacks and Annotations: the 'image()' notation
-
The ‘image()’ function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.
+
The 'image()' function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations.htm
index 778a5a547ca..957f2df1ff7 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations.htm
@@ -1,6 +1,6 @@
- CSS Image Fallbacks and Annotations: the ‘image()’ notation
+ CSS Image Fallbacks and Annotations: the 'image()' notation
@@ -18,4 +18,5 @@
Test passes if background is green and no red.
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations002.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations002.htm
index 4d1a1dbe98d..58dbc6c515e 100644
--- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations002.htm
+++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations002.htm
@@ -1,10 +1,10 @@
- CSS Image Fallbacks and Annotations: the ‘image()’ notation
+ CSS Image Fallbacks and Annotations: the 'image()' notation
-
+
+
+
Test passes if the space between the words starts at zero and increases by
+ one on each subsequent line.
+
ABcDefGhij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm
index c699734d28c..6137875a045 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/reftest-toc.htm
@@ -4384,6 +4384,14 @@
Test passes if the space between the words starts at zero and increases by
+ one on each subsequent line.
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/html/toc.htm b/tests/wpt/css-tests/css-text-3_dev/html/toc.htm
index dfc85a6e3ea..edc2723756b 100644
--- a/tests/wpt/css-tests/css-text-3_dev/html/toc.htm
+++ b/tests/wpt/css-tests/css-text-3_dev/html/toc.htm
@@ -57,7 +57,7 @@
Test checks that word-spacing works with percentages.
+
+
+
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/Ahem.ttf
new file mode 100644
index 00000000000..ac81cb03165
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/Ahem.ttf differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/ahem.css
new file mode 100644
index 00000000000..82ee466791e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+ font-family: "Ahem";
+ src: url(./Ahem.ttf);
+}
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 00000000000..d325b15a4cf
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht
new file mode 100644
index 00000000000..f1e1cff5caf
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht
@@ -0,0 +1,27 @@
+
+CSS Text Test: Word Spacing
+
+
+
+
+
+
Test passes if the space between the words starts at zero and increases by
+ one on each subsequent line.
+
ABcDefGhij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
index 0eda4216819..3138a7787f1 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest-toc.xht
@@ -4384,6 +4384,14 @@
Test passes if the space between the words starts at zero and increases by
+ one on each subsequent line.
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/toc.xht
index 7c1d29b3b55..61e2afdf6cc 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/toc.xht
@@ -57,7 +57,7 @@
Test checks that word-spacing works with percentages.
+
+
+
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/Ahem.ttf
new file mode 100644
index 00000000000..ac81cb03165
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/Ahem.ttf differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/ahem.css
new file mode 100644
index 00000000000..82ee466791e
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/ahem.css
@@ -0,0 +1,4 @@
+@font-face {
+ font-family: "Ahem";
+ src: url(./Ahem.ttf);
+}
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 00000000000..d325b15a4cf
Binary files /dev/null and b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png differ
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht
new file mode 100644
index 00000000000..f1e1cff5caf
--- /dev/null
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht
@@ -0,0 +1,27 @@
+
+CSS Text Test: Word Spacing
+
+
+
+
+
+
Test passes if the space between the words starts at zero and increases by
+ one on each subsequent line.
+
ABcDefGhij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht
index 0eda4216819..3138a7787f1 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest-toc.xht
@@ -4384,6 +4384,14 @@
Test passes if the space between the words starts at zero and increases by
+ one on each subsequent line.
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
A Bc Def Ghij
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/toc.xht
index 7c1d29b3b55..61e2afdf6cc 100644
--- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/toc.xht
+++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/toc.xht
@@ -57,7 +57,7 @@
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...
sideways-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 'sideways-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 '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.
'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right 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.
position absolute and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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-cell and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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.
table-caption and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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...
list and sideways-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 'sideways-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...
sideways-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 'sideways-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...
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...
writing mode (sideways-rl) of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.
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.
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm
new file mode 100644
index 00000000000..c4341f3b810
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm
@@ -0,0 +1,33 @@
+
+CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
+
123XXX
+
12345 6XX
+
1
+
1
+
1
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm
new file mode 100644
index 00000000000..c7331ad02af
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm
@@ -0,0 +1,25 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
12345 67890
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm
new file mode 100644
index 00000000000..6d16446f9ce
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm
@@ -0,0 +1,32 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
+
1
+
12345 67890
+
1
+
1
+
1
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm
new file mode 100644
index 00000000000..225dee0ef77
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm
@@ -0,0 +1,49 @@
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm
new file mode 100644
index 00000000000..14902a702f3
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm
@@ -0,0 +1,43 @@
+
+
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm
new file mode 100644
index 00000000000..e4a2530e957
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm
@@ -0,0 +1,22 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+ 1
+ 1 2
+ 1 2 X
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm
new file mode 100644
index 00000000000..3b420df6101
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm
@@ -0,0 +1,19 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
12 34 56 78 90
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm
new file mode 100644
index 00000000000..7aaacb66f0d
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm
@@ -0,0 +1,23 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
1111
+
1
+
1
+
1
+
11111
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 00000000000..d325b15a4cf
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/block-flow-direction-066-exp-res.png differ
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 cecc3621c37..cd9b2712c55 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
@@ -3248,6 +3248,198 @@
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...
sideways-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 'sideways-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 '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.
'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right 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.
position absolute and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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-cell and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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.
table-caption and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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...
list and sideways-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 'sideways-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...
sideways-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 'sideways-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...
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...
writing mode (sideways-rl) of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.
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.
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht
new file mode 100644
index 00000000000..b631c275f64
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht
@@ -0,0 +1,33 @@
+
+CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
+
123XXX
+
12345 6XX
+
1
+
1
+
1
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht
new file mode 100644
index 00000000000..671980095c2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht
@@ -0,0 +1,25 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
12345 67890
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht
new file mode 100644
index 00000000000..7b87e25caf2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht
@@ -0,0 +1,32 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
+
1
+
12345 67890
+
1
+
1
+
1
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-043-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-043-ref.xht
new file mode 100644
index 00000000000..60978e88b17
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-043-ref.xht
@@ -0,0 +1,49 @@
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht
new file mode 100644
index 00000000000..d56b1307f48
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht
@@ -0,0 +1,43 @@
+
+
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht
new file mode 100644
index 00000000000..b5c8b7571ac
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht
@@ -0,0 +1,22 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+ 1
+ 1 2
+ 1 2 X
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht
new file mode 100644
index 00000000000..7c6bdf6b127
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht
@@ -0,0 +1,19 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
12 34 56 78 90
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht
new file mode 100644
index 00000000000..e7d697a10cf
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht
@@ -0,0 +1,23 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
1111
+
1
+
1
+
1
+
11111
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 00000000000..d325b15a4cf
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png differ
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 3b74da0e27a..6517366139c 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
@@ -3248,6 +3248,198 @@
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...
sideways-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 'sideways-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 '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.
'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a right-floated box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
'float: right' and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that right-floated boxes with 'writing-mode' set to 'sideways-lr' establish block formating contexts with a left-to-right 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.
position absolute and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an absolutely positioned box with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right block flow direction.
inline-block and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that an inline-block with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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-cell and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-cell with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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.
table-caption and 'sideways-lr' - block flow direction of block-level boxes
+
+
This test checks that a table-caption with its 'writing-mode' set to 'sideways-lr' establishes a block formating context with a left-to-right 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...
list and sideways-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 'sideways-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...
sideways-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 'sideways-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...
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...
writing mode (sideways-rl) of document - horizontal position of first block
+
+
This test checks that, when 'writing-mode' value of the root element is set to 'sideways-rl', then its block boxes are laid out leftwardedly (from right to left) one after the other beginning at its righthand side. Also, the inline flow direction is 'bottomwardedly', that is inline boxes in the line box flow from the top toward the bottom; inline boxes are laid out vertically, one after the other, starting at the physical top side of its containing block.
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.
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht
new file mode 100644
index 00000000000..b631c275f64
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht
@@ -0,0 +1,33 @@
+
+CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
+
123XXX
+
12345 6XX
+
1
+
1
+
1
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht
new file mode 100644
index 00000000000..671980095c2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht
@@ -0,0 +1,25 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
12345 67890
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht
new file mode 100644
index 00000000000..7b87e25caf2
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht
@@ -0,0 +1,32 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
+
1
+
12345 67890
+
1
+
1
+
1
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-043-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-043-ref.xht
new file mode 100644
index 00000000000..e700f86ab06
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-043-ref.xht
@@ -0,0 +1,58 @@
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht
new file mode 100644
index 00000000000..d88979ac94f
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht
@@ -0,0 +1,52 @@
+
+
+
+
+
+ CSS Reftest Reference
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht
new file mode 100644
index 00000000000..b5c8b7571ac
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht
@@ -0,0 +1,22 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+ 1
+ 1 2
+ 1 2 X
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht
new file mode 100644
index 00000000000..7c6bdf6b127
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht
@@ -0,0 +1,19 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
12 34 56 78 90
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht
new file mode 100644
index 00000000000..e7d697a10cf
--- /dev/null
+++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht
@@ -0,0 +1,23 @@
+
+CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode
+
+
+
+
Test passes if inside of blue rectangles are orange.
+
+
1111
+
1
+
1
+
1
+
11111
+
+
\ No newline at end of file
diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png
new file mode 100644
index 00000000000..d325b15a4cf
Binary files /dev/null and b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png differ
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 3b74da0e27a..6517366139c 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
@@ -3248,6 +3248,198 @@
+
+ 