diff options
| author | Ms2ger <Ms2ger@gmail.com> | 2015-11-23 13:14:18 +0100 |
|---|---|---|
| committer | Ms2ger <Ms2ger@gmail.com> | 2015-11-24 12:27:39 +0100 |
| commit | a00f2d6310f42d641151d8aa46aef53338e568cc (patch) | |
| tree | 9dc83d3b01b7b36edcee465a781245799e2f2f22 | |
| parent | 037cac7353910b0a8b4f1d2daf52b8b79a7cdb0f (diff) | |
| download | servo-a00f2d6310f42d641151d8aa46aef53338e568cc.tar.gz servo-a00f2d6310f42d641151d8aa46aef53338e568cc.zip | |
Update CSS tests to revision e102a993c37a2e0ebd549bc7d5548b006458ab34
479 files changed, 13747 insertions, 1729 deletions
diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm index ffa688992f5..ad3c478d786 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm +++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-pct.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm index c59a9f1a143..2ae6f7a5700 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm +++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-px.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm index f1c00034826..7197b6da943 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm +++ b/tests/wpt/css-tests/css-animations-1_dev/html/vh-interpolate-vh.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data index 417b71ee0ae..6c8df5aa646 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-animations-1_dev/implementation-report-TEMPLATE.data @@ -163,9 +163,9 @@ html/css-filters-animation-saturate.htm 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 xhtml1/css-filters-animation-saturate.xht 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 ? html/css-filters-animation-sepia.htm 36a7316bfb518ea1cdefd38151449383c02b57a0 ? xhtml1/css-filters-animation-sepia.xht 36a7316bfb518ea1cdefd38151449383c02b57a0 ? -html/vh-interpolate-pct.htm e263245c653c76da4ebf1afd5463deb31d27e365 ? -xhtml1/vh-interpolate-pct.xht e263245c653c76da4ebf1afd5463deb31d27e365 ? -html/vh-interpolate-px.htm fa83d5d77411f3c93cf7e465552f47494bfe9d7a ? -xhtml1/vh-interpolate-px.xht fa83d5d77411f3c93cf7e465552f47494bfe9d7a ? -html/vh-interpolate-vh.htm 0e224532385323bb9061d9b18c1def8c330ad6ae ? -xhtml1/vh-interpolate-vh.xht 0e224532385323bb9061d9b18c1def8c330ad6ae ? +html/vh-interpolate-pct.htm fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 ? +xhtml1/vh-interpolate-pct.xht fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 ? +html/vh-interpolate-px.htm 41a610e2dd418e47f56d88171dd0c52a57e06b5e ? +xhtml1/vh-interpolate-px.xht 41a610e2dd418e47f56d88171dd0c52a57e06b5e ? +html/vh-interpolate-vh.htm 42ccc23cc2f90272644bd0188261dacba081ccb2 ? +xhtml1/vh-interpolate-vh.xht 42ccc23cc2f90272644bd0188261dacba081ccb2 ? diff --git a/tests/wpt/css-tests/css-animations-1_dev/index.htm b/tests/wpt/css-tests/css-animations-1_dev/index.htm index 50c34daa90d..bf444d294c3 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/index.htm +++ b/tests/wpt/css-tests/css-animations-1_dev/index.htm @@ -124,7 +124,7 @@ <p>Many thanks to the following for their contributions:</p> <ul> - <li>François REMY</li> + <li>François REMY</li> <li>Gunther Brunner</li> <li>Intel</li> <li>Mihai Balan</li> diff --git a/tests/wpt/css-tests/css-animations-1_dev/index.xht b/tests/wpt/css-tests/css-animations-1_dev/index.xht index 4f003ef3b4e..cd5eceb8b7b 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/index.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/index.xht @@ -124,7 +124,7 @@ <p>Many thanks to the following for their contributions:</p> <ul> - <li>François REMY</li> + <li>François REMY</li> <li>Gunther Brunner</li> <li>Intel</li> <li>Mihai Balan</li> diff --git a/tests/wpt/css-tests/css-animations-1_dev/testinfo.data b/tests/wpt/css-tests/css-animations-1_dev/testinfo.data index a52255cccdf..029f3a94e6d 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-animations-1_dev/testinfo.data @@ -79,6 +79,6 @@ css-filters-animation-invert reference/css-filters-animation-invert-ref CSS Filt css-filters-animation-opacity reference/css-filters-animation-opacity-ref CSS Filters Animation: Opacity http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-opacity,http://www.w3.org/TR/css3-animations/#animations c280f619d6a33d5953c6bde268ba7b0813467b70 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The black square should be gray css-filters-animation-saturate reference/css-filters-animation-saturate-ref CSS Filters Animation: Saturate http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-saturate,http://www.w3.org/TR/css3-animations/#animations 1527b952f6a2421d3ff02ce50405d38d1cbb45b5 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be light-blue css-filters-animation-sepia reference/css-filters-animation-sepia-ref CSS Filters Animation: Sepia http://www.w3.org/TR/filter-effects-1/#FilterProperty,http://www.w3.org/TR/filter-effects-1/#funcdef-sepia,http://www.w3.org/TR/css3-animations/#animations 36a7316bfb518ea1cdefd38151449383c02b57a0 `Gunther Brunner`<mailto:takeshimiya@gmail.com> The blue square should be half-sepia -vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations e263245c653c76da4ebf1afd5463deb31d27e365 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) -vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations fa83d5d77411f3c93cf7e465552f47494bfe9d7a `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) -vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 0e224532385323bb9061d9b18c1def8c330ad6ae `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw) +vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) +vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 41a610e2dd418e47f56d88171dd0c52a57e06b5e `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) +vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 42ccc23cc2f90272644bd0188261dacba081ccb2 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw) diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht index 1e8c0b817bb..980d0d536f5 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-pct.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht index ec81223cbb4..da909744e7a 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-px.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht index 88aefecc347..65257a7573e 100644 --- a/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht +++ b/tests/wpt/css-tests/css-animations-1_dev/xhtml1/vh-interpolate-vh.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-content-box.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-content-box.htm index 08b9947a77e..c67e3cd0607 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-content-box.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/background-clip-content-box.htm @@ -1,11 +1,11 @@ <!DOCTYPE html> <html><head> - <title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title> + <title>CSS Background and Borders Test:background-clip_content-box</title> <link href="mailto:zhuanping123@163.com" rel="author" title="anping"> <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help"> <meta content="reference/reference.html" name="match"> - <meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert"> + <meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert"> <style> div{ @@ -26,7 +26,7 @@ </head><body> <p> - "Test passes if the backgrond color is limited to the content only and border is blue dotted without red." + "Test passes if the background color is limited to the content only and border is blue dotted without red." </p> <div id="container"> <div id="test"></div> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-repeat_repeatnegx_none_50px.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-repeat_repeatnegx_none_50px.htm index b56295d070c..d3cd016229d 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-repeat_repeatnegx_none_50px.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-repeat_repeatnegx_none_50px.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - <title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title> + <title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title> <link href="http://www.intel.com" rel="author" title="Intel"> <link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help"> <meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-003.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-003.htm index 3021811dfcc..8d9fe8b9802 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-003.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-slice-003.htm @@ -14,7 +14,7 @@ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property"> <link rel="match" href="reference/ref-if-there-is-no-red.htm"> <meta name="flags" content="image"> - <meta name="assert" content="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."> + <meta name="assert" content="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."> <style type="text/css"> div diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-005.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-005.htm new file mode 100644 index 00000000000..3dfa992dd43 --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-005.htm @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + + <meta name="flags" content="image"> + <meta content="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." name="assert"> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"> + p + { + margin-bottom: 41px; /* border-image-outset + 16px (1em) . + This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */ + } + + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */ + height: 20px; + margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */ + padding: 15px 15px 15px 15px; + width: 20px; + } + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-006.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-006.htm new file mode 100644 index 00000000000..06373101168 --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-006.htm @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + + <meta name="flags" content="image"> + <meta content="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." name="assert"> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"> + p + { + margin-bottom: 41px; /* border-image-outset + 16px (1em) . + This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */ + } + + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */ + height: 0px; + margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */ + padding: 25px 25px 25px 25px; + width: 0px; + } + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-007.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-007.htm new file mode 100644 index 00000000000..ae8f436675d --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/border-image-width-007.htm @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property"> + <link rel="match" href="reference/ref-filled-green-100px-square.htm"> + + <meta name="flags" content="image"> + <meta content="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." name="assert"> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"> + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */ + height: 0px; + margin: 66px 50px 50px 50px; + /* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */ + width: 0px; + } + </style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm index d3ed39d5093..f03efda52e7 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-3.htm @@ -1096,9 +1096,9 @@ <a href="background-clip-content-box.htm">background-clip-content-box</a></strong></td> <td></td> <td></td> - <td>backgrond-clip_content-box + <td>background-clip_content-box <ul class="assert"> - <li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li> + <li>Test passes if the background color is limited to the content only and border is blue dotted without red</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm index 621cdd15c8e..7b22a65d91a 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/chapter-6.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1> - <h2>Border Images (34 tests)</h2> + <h2>Border Images (37 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -142,7 +142,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border-image-slice - border-style: none <ul class="assert"> - <li>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.</li> + <li>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.</li> </ul> </td> </tr> @@ -234,7 +234,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.3">+</a> <a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr> - <!-- 4 tests --> + <!-- 7 tests --> <tr id="border-image-10-6.3" class="primary"> <td><strong> <a href="border-image-10.htm">border-image-10</a></strong></td> @@ -279,6 +279,39 @@ </ul> </td> </tr> + <tr id="border-image-width-005-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-005.htm">border-image-width-005</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="border-image-width-006-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-006.htm">border-image-width-006</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="border-image-width-007-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-007.htm">border-image-width-007</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.3.#auto0"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm index 614f74ea703..65c9f3cdad9 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest-toc.htm @@ -1472,6 +1472,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="border-image-width-005" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-005.htm">border-image-width-005</a></td> + <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="border-image-width-006" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-006.htm">border-image-width-006</a></td> + <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="border-image-width-007" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-007.htm">border-image-width-007</a></td> + <td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> <tbody id="border-radius-001" class=""> <tr> <td rowspan="1" title="Borders. border"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list index b9ede600a88..d1dea67c0c4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/reftest.list @@ -180,6 +180,9 @@ border-image-slice-002.htm == reference/ref-filled-green-100px-square.htm border-image-slice-003.htm == reference/ref-if-there-is-no-red.htm border-image-slice-percentage.htm == reference/border-image-slice-percentage-ref.htm border-image-space-001.htm == reference/border-image-space-001-ref.htm +border-image-width-005.htm == reference/ref-filled-green-100px-square.htm +border-image-width-006.htm == reference/ref-filled-green-100px-square.htm +border-image-width-007.htm == reference/ref-filled-green-100px-square.htm border-radius-001.htm == reference/border-radius-001-ref.htm border-radius-002.htm == reference/border-radius-002-ref.htm border-radius-003.htm == reference/border-radius-003-ref.htm diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm index ac1056b280b..bb83d38379e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/html4/toc.htm @@ -47,7 +47,7 @@ <tbody id="s6"> <tr><th><a href="chapter-6.htm">Chapter 6 - Border Images</a></th> - <td>(34 Tests)</td></tr> + <td>(37 Tests)</td></tr> </tbody> <tbody id="s7"> <tr><th><a href="chapter-7.htm">Chapter 7 - diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data index 46265983a23..1638760ff14 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/implementation-report-TEMPLATE.data @@ -127,8 +127,8 @@ html4/background-clip-010.htm 40f96f532a8862c14b7b74aff3900b454652d208 ? xhtml1/background-clip-010.xht 40f96f532a8862c14b7b74aff3900b454652d208 ? html4/background-clip-content-box-001.htm 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 ? xhtml1/background-clip-content-box-001.xht 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 ? -html4/background-clip-content-box.htm a0aae7c775f2d9f6527f7d723ecae69f30330379 ? -xhtml1/background-clip-content-box.xht a0aae7c775f2d9f6527f7d723ecae69f30330379 ? +html4/background-clip-content-box.htm 992c806e87f67434545a16f665befe9fad4129be ? +xhtml1/background-clip-content-box.xht 992c806e87f67434545a16f665befe9fad4129be ? html4/background-clip-padding-box-with-border-radius.htm 2f60b410f132cba65c5c8360403f369129deb3ab ? xhtml1/background-clip-padding-box-with-border-radius.xht 2f60b410f132cba65c5c8360403f369129deb3ab ? html4/background-clip-root.htm 7fa6b5415bc6624809f4dfd162e3eb004938f10d ? @@ -483,16 +483,16 @@ html4/border-image-9.htm 91220d234be891f0b01d1a4974f275a9f2578500 ? xhtml1/border-image-9.xht 91220d234be891f0b01d1a4974f275a9f2578500 ? html4/border-image-repeat-round.htm b836a0f6c592deacbb97c84c18d9c5ca865546f5 ? xhtml1/border-image-repeat-round.xht b836a0f6c592deacbb97c84c18d9c5ca865546f5 ? -html4/border-image-repeat_repeatnegx_none_50px.htm 74c35522b78dc93b05bbf21d4a5ee4a53f1cd964 ? -xhtml1/border-image-repeat_repeatnegx_none_50px.xht 74c35522b78dc93b05bbf21d4a5ee4a53f1cd964 ? +html4/border-image-repeat_repeatnegx_none_50px.htm 94f97e6cd1b259175ac8416a9aacc9245da46137 ? +xhtml1/border-image-repeat_repeatnegx_none_50px.xht 94f97e6cd1b259175ac8416a9aacc9245da46137 ? html4/border-image-round-and-stretch.htm 61e31f23f23594e6601a05e99de02a239dae3971 ? xhtml1/border-image-round-and-stretch.xht 61e31f23f23594e6601a05e99de02a239dae3971 ? html4/border-image-slice-001.htm 65c72cac44f48927ec95a402775c42d8f17d480d ? xhtml1/border-image-slice-001.xht 65c72cac44f48927ec95a402775c42d8f17d480d ? html4/border-image-slice-002.htm c8d317551460dd21040412489996a6c738894628 ? xhtml1/border-image-slice-002.xht c8d317551460dd21040412489996a6c738894628 ? -html4/border-image-slice-003.htm 2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2 ? -xhtml1/border-image-slice-003.xht 2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2 ? +html4/border-image-slice-003.htm a5913c6b88348d0b12a209bd71ec2c103774b023 ? +xhtml1/border-image-slice-003.xht a5913c6b88348d0b12a209bd71ec2c103774b023 ? html4/border-image-slice-005.htm c795fb86f3a99c061832e0c3f708bf7c8650a895 ? xhtml1/border-image-slice-005.xht c795fb86f3a99c061832e0c3f708bf7c8650a895 ? html4/border-image-slice-007.htm f425ef8e3feb8e574627efb81478a607bd715055 ? @@ -501,6 +501,12 @@ html4/border-image-slice-percentage.htm 96c66681062840b53a027278203512f40dc13523 xhtml1/border-image-slice-percentage.xht 96c66681062840b53a027278203512f40dc13523 ? html4/border-image-space-001.htm 7f295d8a8471c3a6127a95f0cceb6be824571926 ? xhtml1/border-image-space-001.xht 7f295d8a8471c3a6127a95f0cceb6be824571926 ? +html4/border-image-width-005.htm 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 ? +xhtml1/border-image-width-005.xht 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 ? +html4/border-image-width-006.htm 2ea7bd90dc8932a918484cc2ac561dfa2595f903 ? +xhtml1/border-image-width-006.xht 2ea7bd90dc8932a918484cc2ac561dfa2595f903 ? +html4/border-image-width-007.htm 2a85b176999c43cfbdbb6dd1676c551cc1098475 ? +xhtml1/border-image-width-007.xht 2a85b176999c43cfbdbb6dd1676c551cc1098475 ? html4/border-images.htm 4d4052e1cc45e8c09db0459361452d1b5d5fd146 ? xhtml1/border-images.xht 4d4052e1cc45e8c09db0459361452d1b5d5fd146 ? html4/border-radius-001.htm 22d31b007dbf51ddee05647a7fd69ab97913e105 ? diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data b/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data index 4ccb16dcafd..2143994ef18 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data @@ -60,7 +60,7 @@ background-clip-007 reference/ref-if-there-is-no-red background-clip: content-bo background-clip-008 reference/ref-if-there-is-no-red background-clip: padding-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 4fb20f112375611b85cb273c0080f50bcbe4adbe `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'padding-box', then the background painting area is clipped at the edges of the padding of the element. In this test, the padding box is 0px tall and as wide as the body element; therefore, red should not be visible. background-clip-009 reference/ref-filled-black-96px-square background-clip: border-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 6dfbfd7ba1adc4a2fd06435210345e875f60512e `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'border-box', then the background painting area is clipped at the edges of the borders of the element. In this test, the border box is 96px tall and 96px wide and is made from only the borders. background-clip-010 reference/ref-if-there-is-no-red background-clip - content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 40f96f532a8862c14b7b74aff3900b454652d208 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> When 'background-clip' is set to 'content-box', then the background painting area is clipped at the edges of the content of the element. In this test, height is 'auto', therefore its used value is '0px'; width is 'auto', therefore its used value is as wide as the body element. So, the content box is 0px tall and as wide as the body element; therefore, red should not be visible. -background-clip-content-box backgrond-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip a0aae7c775f2d9f6527f7d723ecae69f30330379 `anping`<mailto:zhuanping123@163.com> Test passes if the backgrond color is limited to the content only and border is blue dotted without red +background-clip-content-box background-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip 992c806e87f67434545a16f665befe9fad4129be `anping`<mailto:zhuanping123@163.com> Test passes if the background color is limited to the content only and border is blue dotted without red background-clip-content-box-001 reference/background-clip-content-box-ref background-clip Reference http://www.w3.org/TR/css3-background/#the-background-clip 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 `James Wang`<mailto:wangjian@ucweb.com> background-clip with content-box means paint the background within the content box background-clip-padding-box-with-border-radius background-clip: padding-box with border-radius http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#corner-shaping 2f60b410f132cba65c5c8360403f369129deb3ab `Lea Verou`<http://lea.verou.me> Backgrounds clipped to the padding box should follow the padding box curve, which should be equal to the outer border radius minus the corresponding border thickness. background-clip-root background-clip on root image http://www.w3.org/TR/css3-background/#the-background-clip 7fa6b5415bc6624809f4dfd162e3eb004938f10d `Lea Verou`<http://lea.verou.me> The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it. @@ -239,15 +239,18 @@ border-image-7 CSS Border and Background: border-image #7 border-image-width h border-image-8 CSS Border and Background: border-image #8 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 902b4d33531f4f22cc86b4a6072db50e9b73c351 `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Support for 2 values for the border-image-width property border-image-9 CSS Border and Background: border-image #9 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 91220d234be891f0b01d1a4974f275a9f2578500 `Jérémie Patonnier`<mailto:jeremie@patonnier.net> Support for 3 values for the border-image-width property border-image-repeat-round reference/border-image-repeat-round-ref 'border-image-repeat' set as 'round' http://www.w3.org/TR/css3-background/#border-images b836a0f6c592deacbb97c84c18d9c5ca865546f5 `Ren Jing`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side. -border-image-repeat_repeatnegx_none_50px "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div script http://www.w3.org/TR/css3-background/#the-border-image-repeat 74c35522b78dc93b05bbf21d4a5ee4a53f1cd964 `Intel`<http://www.intel.com> Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div +border-image-repeat_repeatnegx_none_50px "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div script http://www.w3.org/TR/css3-background/#the-border-image-repeat 94f97e6cd1b259175ac8416a9aacc9245da46137 `Intel`<http://www.intel.com> Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div border-image-round-and-stretch reference/border-image-round-and-stretch-ref 'border-image' set as 'round' and 'stretch' http://www.w3.org/TR/css3-background/#border-images 61e31f23f23594e6601a05e99de02a239dae3971 `Ren Jing`<mailto:reni2046@gmail.com> orange diamonds on top and bottom border should be repeated 12 times, and orange diamonds on left and right border should be stretched, diamonds in corners should be red, and other diamonds should be orange. border-image-slice-001 reference/ref-filled-green-100px-square border-image-slice - <percentage> image http://www.w3.org/TR/css3-background/#the-border-image-slice 65c72cac44f48927ec95a402775c42d8f17d480d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red. border-image-slice-002 reference/ref-filled-green-100px-square border-image-slice - <number> image http://www.w3.org/TR/css3-background/#the-border-image-slice c8d317551460dd21040412489996a6c738894628 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red. -border-image-slice-003 reference/ref-if-there-is-no-red border-image-slice - border-style: none image http://www.w3.org/TR/css3-background/#the-border-image-slice 2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +border-image-slice-003 reference/ref-if-there-is-no-red border-image-slice - border-style: none image http://www.w3.org/TR/css3-background/#the-border-image-slice a5913c6b88348d0b12a209bd71ec2c103774b023 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. border-image-slice-005 The 'border-image-slice' property with four percentage values image http://www.w3.org/TR/css3-background/#the-border-image-slice c795fb86f3a99c061832e0c3f708bf7c8650a895 `Microsoft`<http://www.microsoft.com/> This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. border-image-slice-007 The 'border-image-slice' property with the 'fill' keyword image http://www.w3.org/TR/css3-background/#the-border-image-slice f425ef8e3feb8e574627efb81478a607bd715055 `Microsoft`<http://www.microsoft.com/> This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved. border-image-slice-percentage reference/border-image-slice-percentage-ref 'border-image-slice' set by percentage http://www.w3.org/TR/css3-background/#border-images 96c66681062840b53a027278203512f40dc13523 `Ren Jing`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side. border-image-space-001 reference/border-image-space-001-ref Border Image: box with spaced repeating border image http://www.w3.org/TR/css3-background/#the-border-image-repeat 7f295d8a8471c3a6127a95f0cceb6be824571926 `Levi Weintraub`<mailto:leviw@chromium.org> border-image-repeat: space property spaces out background image that doesn't fit an even number of times. +border-image-width-005 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 47ab5e74473b7f20a1169762d5e5fcf7d3470fc3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +border-image-width-006 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 2ea7bd90dc8932a918484cc2ac561dfa2595f903 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +border-image-width-007 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 2a85b176999c43cfbdbb6dd1676c551cc1098475 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. border-images border-images with round repeat image http://www.w3.org/TR/css3-background/#the-border-image 4d4052e1cc45e8c09db0459361452d1b5d5fd146 `babyliner`<mailto:babyliner1026@gmail.com> Testing border-image-repeat:round attribute border-radius-001 reference/border-radius-001-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 22d31b007dbf51ddee05647a7fd69ab97913e105 `Nokia`<http://www.nokia.com/> To verify when border-radius property, when set to zero, works as expected. border-radius-002 reference/border-radius-002-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius e00cce42f431e13f9109bc7454ef6176b52bdd6c `Nokia`<http://www.nokia.com/> To verify border-radius property set with one length value, works as expected diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-content-box.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-content-box.xht index 254e58680b1..4d1034a8dea 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-content-box.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/background-clip-content-box.xht @@ -1,11 +1,11 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title> + <title>CSS Background and Borders Test:background-clip_content-box</title> <link href="mailto:zhuanping123@163.com" rel="author" title="anping" /> <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" /> <meta content="reference/reference.html" name="match" /> - <meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert" /> + <meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert" /> <style> div{ @@ -26,7 +26,7 @@ </head><body> <p> - "Test passes if the backgrond color is limited to the content only and border is blue dotted without red." + "Test passes if the background color is limited to the content only and border is blue dotted without red." </p> <div id="container"> <div id="test"></div> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-repeat_repeatnegx_none_50px.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-repeat_repeatnegx_none_50px.xht index a5566e74f0f..72780b298f1 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-repeat_repeatnegx_none_50px.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-repeat_repeatnegx_none_50px.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title> + <title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help" /> <meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-slice-003.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-slice-003.xht index 0fa4f6c40b6..5091c458dde 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-slice-003.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-slice-003.xht @@ -14,7 +14,7 @@ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property" /> <link rel="match" href="reference/ref-if-there-is-no-red.xht" /> <meta name="flags" content="image" /> - <meta name="assert" content="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." /> + <meta name="assert" content="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." /> <style type="text/css"><![CDATA[ div diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht new file mode 100644 index 00000000000..6a2da03fba0 --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta content="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." name="assert" /> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"><![CDATA[ + p + { + margin-bottom: 41px; /* border-image-outset + 16px (1em) . + This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */ + } + + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */ + height: 20px; + margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */ + padding: 15px 15px 15px 15px; + width: 20px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht new file mode 100644 index 00000000000..d89f80b4f52 --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht @@ -0,0 +1,54 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta content="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." name="assert" /> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"><![CDATA[ + p + { + margin-bottom: 41px; /* border-image-outset + 16px (1em) . + This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */ + } + + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */ + height: 0px; + margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */ + padding: 25px 25px 25px 25px; + width: 0px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht new file mode 100644 index 00000000000..955cc4d1bf1 --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht @@ -0,0 +1,48 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta content="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." name="assert" /> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"><![CDATA[ + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */ + height: 0px; + margin: 66px 50px 50px 50px; + /* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */ + width: 0px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht index d4c0f282ef7..f3a632ebdc4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-3.xht @@ -1096,9 +1096,9 @@ <a href="background-clip-content-box.xht">background-clip-content-box</a></strong></td> <td></td> <td></td> - <td>backgrond-clip_content-box + <td>background-clip_content-box <ul class="assert"> - <li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li> + <li>Test passes if the background color is limited to the content only and border is blue dotted without red</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-6.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-6.xht index d123aae3560..ee94ee038c3 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-6.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/chapter-6.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1> - <h2>Border Images (34 tests)</h2> + <h2>Border Images (37 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -142,7 +142,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border-image-slice - border-style: none <ul class="assert"> - <li>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.</li> + <li>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.</li> </ul> </td> </tr> @@ -234,7 +234,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.3">+</a> <a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr> - <!-- 4 tests --> + <!-- 7 tests --> <tr id="border-image-10-6.3" class="primary"> <td><strong> <a href="border-image-10.xht">border-image-10</a></strong></td> @@ -279,6 +279,39 @@ </ul> </td> </tr> + <tr id="border-image-width-005-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-005.xht">border-image-width-005</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="border-image-width-006-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-006.xht">border-image-width-006</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="border-image-width-007-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-007.xht">border-image-width-007</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.3.#auto0"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht index 9a1c4ccb30a..108a27aba1e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest-toc.xht @@ -1472,6 +1472,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="border-image-width-005" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-005.xht">border-image-width-005</a></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="border-image-width-006" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-006.xht">border-image-width-006</a></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="border-image-width-007" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-007.xht">border-image-width-007</a></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> <tbody id="border-radius-001" class=""> <tr> <td rowspan="1" title="Borders. border"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list index 0ef6ba7f06b..9097532b3fa 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/reftest.list @@ -180,6 +180,9 @@ border-image-slice-002.xht == reference/ref-filled-green-100px-square.xht border-image-slice-003.xht == reference/ref-if-there-is-no-red.xht border-image-slice-percentage.xht == reference/border-image-slice-percentage-ref.xht border-image-space-001.xht == reference/border-image-space-001-ref.xht +border-image-width-005.xht == reference/ref-filled-green-100px-square.xht +border-image-width-006.xht == reference/ref-filled-green-100px-square.xht +border-image-width-007.xht == reference/ref-filled-green-100px-square.xht border-radius-001.xht == reference/border-radius-001-ref.xht border-radius-002.xht == reference/border-radius-002-ref.xht border-radius-003.xht == reference/border-radius-003-ref.xht diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/toc.xht index 8722508d64c..6929c5ed4c3 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1/toc.xht @@ -47,7 +47,7 @@ <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - Border Images</a></th> - <td>(34 Tests)</td></tr> + <td>(37 Tests)</td></tr> </tbody> <tbody id="s7"> <tr><th><a href="chapter-7.xht">Chapter 7 - diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-content-box.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-content-box.xht index 254e58680b1..4d1034a8dea 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-content-box.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/background-clip-content-box.xht @@ -1,11 +1,11 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Backgroud and Borders Test:backgrond-clip_content-box</title> + <title>CSS Background and Borders Test:background-clip_content-box</title> <link href="mailto:zhuanping123@163.com" rel="author" title="anping" /> <link href="http://www.w3.org/TR/css3-background/#the-background-clip" rel="help" /> <meta content="reference/reference.html" name="match" /> - <meta content="Test passes if the backgrond color is limited to the content only and border is blue dotted without red" name="assert" /> + <meta content="Test passes if the background color is limited to the content only and border is blue dotted without red" name="assert" /> <style> div{ @@ -26,7 +26,7 @@ </head><body> <p> - "Test passes if the backgrond color is limited to the content only and border is blue dotted without red." + "Test passes if the background color is limited to the content only and border is blue dotted without red." </p> <div id="container"> <div id="test"></div> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-repeat_repeatnegx_none_50px.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-repeat_repeatnegx_none_50px.xht index a5566e74f0f..72780b298f1 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-repeat_repeatnegx_none_50px.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-repeat_repeatnegx_none_50px.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title> CSS Backgroud Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title> + <title> CSS Background Border Test: "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div</title> <link href="http://www.intel.com" rel="author" title="Intel" /> <link href="http://www.w3.org/TR/css3-background/#the-border-image-repeat" rel="help" /> <meta content="Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div" name="assert" /> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-slice-003.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-slice-003.xht index b92944d27e4..59e1990644e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-slice-003.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-slice-003.xht @@ -23,7 +23,7 @@ <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-slice" title="6.2. Image Slicing: the 'border-image-slice' property" /> <link rel="match" href="reference/ref-if-there-is-no-red.xht" /> <meta name="flags" content="image" /> - <meta name="assert" content="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." /> + <meta name="assert" content="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." /> <style type="text/css"><![CDATA[ div diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht new file mode 100644 index 00000000000..f856fea8a51 --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht @@ -0,0 +1,63 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; } + @top-right { content: "Test border-image-width-005"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta content="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." name="assert" /> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"><![CDATA[ + p + { + margin-bottom: 41px; /* border-image-outset + 16px (1em) . + This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */ + } + + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */ + height: 20px; + margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */ + padding: 15px 15px 15px 15px; + width: 20px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht new file mode 100644 index 00000000000..ad0dfffad0b --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht @@ -0,0 +1,63 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; } + @top-right { content: "Test border-image-width-006"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta content="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." name="assert" /> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"><![CDATA[ + p + { + margin-bottom: 41px; /* border-image-outset + 16px (1em) . + This 41px margin-bottom value is just to position the rendered layout to accurately match the reference file . */ + } + + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 25px 25px 25px 25px; /* The border-image-outset values specify the amount by which the border image area *_ extends beyond the border box_*. */ + height: 0px; + margin-left: 25px; /* == border-image-outset . This margin-left value is just to position the rendered layout to accurately match the reference file . */ + padding: 25px 25px 25px 25px; + width: 0px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht new file mode 100644 index 00000000000..3eeb60a57a3 --- /dev/null +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht @@ -0,0 +1,57 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Backgrounds and Borders Test: border image area - border-image-width</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Backgrounds and Borders Module Level 3 CR Test Suite"; } + @top-right { content: "Test border-image-width-007"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-image-width" title="6.3. Drawing Areas: the 'border-image-width' property" /> + <link rel="match" href="reference/ref-filled-green-100px-square.xht" /> + + <meta name="flags" content="image" /> + <meta content="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." name="assert" /> + + <!-- + created 2015-11-18 + [css-backgrounds] Please remove the "unless there is a border image" wording + http://lists.w3.org/Archives/Public/www-style/2015Nov/0258.html + --> + + <style type="text/css"><![CDATA[ + div + { + background-color: red; + border-color: red; + border-style: none; /* or border-style: dotted or any other 'border-style' value */ + border-width: 0px; /* so the border belt (or border area) of the element is 0px tall and 0px wide */ + border-image-source: url("support/outline-5px-10px-15px-20px-green.png"); + border-image-slice: 5% 10% 15% 20%; /* <number> Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. */ + border-image-width: 50px; /* The four values of ‘border-image-width’ specify offsets that are used to divide the border image area into nine parts. They represent inward distances from the the top, right, bottom, and left sides of the area, respectively. */ + border-image-outset: 50px 50px 50px 50px; /* The border-image-outset values specify the amount by which the border image area !_ extends beyond the border box_!. */ + height: 0px; + margin: 66px 50px 50px 50px; + /* Why 66px ? In order to take into consideration the fact that the margin-bottom (16px) of the p element will collapse with the top margin of the div element. */ + width: 0px; + } + ]]></style> + + </head> + + <body> + + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + + <div></div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht index d4c0f282ef7..f3a632ebdc4 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-3.xht @@ -1096,9 +1096,9 @@ <a href="background-clip-content-box.xht">background-clip-content-box</a></strong></td> <td></td> <td></td> - <td>backgrond-clip_content-box + <td>background-clip_content-box <ul class="assert"> - <li>Test passes if the backgrond color is limited to the content only and border is blue dotted without red</li> + <li>Test passes if the background color is limited to the content only and border is blue dotted without red</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-6.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-6.xht index d123aae3560..ee94ee038c3 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-6.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/chapter-6.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Backgrounds and Borders Module Level 3 CR Test Suite</h1> - <h2>Border Images (34 tests)</h2> + <h2>Border Images (37 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -142,7 +142,7 @@ <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> <td>border-image-slice - border-style: none <ul class="assert"> - <li>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.</li> + <li>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.</li> </ul> </td> </tr> @@ -234,7 +234,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s6.3">+</a> <a href="http://www.w3.org/TR/css3-background/#the-border-image-width">6.3 Drawing Areas: the ‘border-image-width’ property</a></th></tr> - <!-- 4 tests --> + <!-- 7 tests --> <tr id="border-image-10-6.3" class="primary"> <td><strong> <a href="border-image-10.xht">border-image-10</a></strong></td> @@ -279,6 +279,39 @@ </ul> </td> </tr> + <tr id="border-image-width-005-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-005.xht">border-image-width-005</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="border-image-width-006-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-006.xht">border-image-width-006</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="border-image-width-007-6.3" class="primary image"> + <td><strong> + <a href="border-image-width-007.xht">border-image-width-007</a></strong></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>border image area - border-image-width + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s6.3.#auto0"> <!-- 0 tests --> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht index 9a1c4ccb30a..108a27aba1e 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest-toc.xht @@ -1472,6 +1472,30 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="border-image-width-005" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-005.xht">border-image-width-005</a></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="border-image-width-006" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-006.xht">border-image-width-006</a></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="border-image-width-007" class="image"> + <tr> + <td rowspan="1" title="border image area - border-image-width"> + <a href="border-image-width-007.xht">border-image-width-007</a></td> + <td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> <tbody id="border-radius-001" class=""> <tr> <td rowspan="1" title="Borders. border"> diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list index 0ef6ba7f06b..9097532b3fa 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/reftest.list @@ -180,6 +180,9 @@ border-image-slice-002.xht == reference/ref-filled-green-100px-square.xht border-image-slice-003.xht == reference/ref-if-there-is-no-red.xht border-image-slice-percentage.xht == reference/border-image-slice-percentage-ref.xht border-image-space-001.xht == reference/border-image-space-001-ref.xht +border-image-width-005.xht == reference/ref-filled-green-100px-square.xht +border-image-width-006.xht == reference/ref-filled-green-100px-square.xht +border-image-width-007.xht == reference/ref-filled-green-100px-square.xht border-radius-001.xht == reference/border-radius-001-ref.xht border-radius-002.xht == reference/border-radius-002-ref.xht border-radius-003.xht == reference/border-radius-003-ref.xht diff --git a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/toc.xht index 8722508d64c..6929c5ed4c3 100644 --- a/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-backgrounds-3_dev/xhtml1print/toc.xht @@ -47,7 +47,7 @@ <tbody id="s6"> <tr><th><a href="chapter-6.xht">Chapter 6 - Border Images</a></th> - <td>(34 Tests)</td></tr> + <td>(37 Tests)</td></tr> </tbody> <tbody id="s7"> <tr><th><a href="chapter-7.xht">Chapter 7 - diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-034.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-034.htm index 17602f58716..2472e0236a6 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-034.htm +++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-034.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule"> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-035.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-035.htm index 15e97e0e4ba..52c1e0fe527 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-035.htm +++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-035.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule"> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-036.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-036.htm index 18615d48301..eca42e15835 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-036.htm +++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-036.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule"> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-037.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-037.htm index 8fd46f026fb..d0620cd7170 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-037.htm +++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-037.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule"> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-038.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-038.htm index 797e85ca2fb..67cdc10bf16 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-038.htm +++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-038.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule"> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-039.htm b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-039.htm index c21d2b41456..be7121172e2 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-039.htm +++ b/tests/wpt/css-tests/css-conditional-3_dev/html/at-supports-039.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot"> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule"> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-conditional-3_dev/implementation-report-TEMPLATE.data index 734e47af084..0d88cdc926b 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-conditional-3_dev/implementation-report-TEMPLATE.data @@ -75,18 +75,18 @@ html/at-supports-032.htm 3ca58122eeae5292b554484dd433137e613a310f ? xhtml1/at-supports-032.xht 3ca58122eeae5292b554484dd433137e613a310f ? html/at-supports-033.htm 8d2ee70f60d678ff84bf832955a84ee01c4be51a ? xhtml1/at-supports-033.xht 8d2ee70f60d678ff84bf832955a84ee01c4be51a ? -html/at-supports-034.htm a974e466cdb76c4f0244b928dcbd65ee5641cf93 ? -xhtml1/at-supports-034.xht a974e466cdb76c4f0244b928dcbd65ee5641cf93 ? -html/at-supports-035.htm dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0 ? -xhtml1/at-supports-035.xht dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0 ? -html/at-supports-036.htm ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564 ? -xhtml1/at-supports-036.xht ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564 ? -html/at-supports-037.htm 2d91e424d0c0730566f360c5b7be903415b21a0f ? -xhtml1/at-supports-037.xht 2d91e424d0c0730566f360c5b7be903415b21a0f ? -html/at-supports-038.htm 8649bd6d70bad29c6fdd259ee571d61b52bfcf47 ? -xhtml1/at-supports-038.xht 8649bd6d70bad29c6fdd259ee571d61b52bfcf47 ? -html/at-supports-039.htm ff9359fb25c72f40e3c064b3d1b351c442ebb6e4 ? -xhtml1/at-supports-039.xht ff9359fb25c72f40e3c064b3d1b351c442ebb6e4 ? +html/at-supports-034.htm f2a63c625890b52fbc924ef32136f81f7dea4e89 ? +xhtml1/at-supports-034.xht f2a63c625890b52fbc924ef32136f81f7dea4e89 ? +html/at-supports-035.htm a865a8384bb900031fc00554a4e8375ac3d9204f ? +xhtml1/at-supports-035.xht a865a8384bb900031fc00554a4e8375ac3d9204f ? +html/at-supports-036.htm 8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db ? +xhtml1/at-supports-036.xht 8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db ? +html/at-supports-037.htm 917ca3670ae18581d7f473f317f0be6cfc236adb ? +xhtml1/at-supports-037.xht 917ca3670ae18581d7f473f317f0be6cfc236adb ? +html/at-supports-038.htm 238dd8f60920bf71ce435e6825c5ecd7f77e6669 ? +xhtml1/at-supports-038.xht 238dd8f60920bf71ce435e6825c5ecd7f77e6669 ? +html/at-supports-039.htm ceba4affce8f475ac8ed62aad22f364b917b24e5 ? +xhtml1/at-supports-039.xht ceba4affce8f475ac8ed62aad22f364b917b24e5 ? html/css-supports-001.htm 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f ? xhtml1/css-supports-001.xht 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f ? html/css-supports-002.htm 1af686f5705d6c604eb1cfab0a39a07d8d1879da ? diff --git a/tests/wpt/css-tests/css-conditional-3_dev/index.htm b/tests/wpt/css-tests/css-conditional-3_dev/index.htm index a335fd12dd1..3cc70f10108 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/index.htm +++ b/tests/wpt/css-tests/css-conditional-3_dev/index.htm @@ -133,7 +133,7 @@ <ul> <li>Cameron McCormack</li> <li>Florian Rivoal</li> - <li>Gérard Talbot</li> + <li>Gérard Talbot</li> <li>L. David Baron</li> <li>Mozilla Corporation</li> <li>Opera Software ASA</li> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/index.xht b/tests/wpt/css-tests/css-conditional-3_dev/index.xht index 12a60790f53..4b91a8c9edf 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/index.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/index.xht @@ -133,7 +133,7 @@ <ul> <li>Cameron McCormack</li> <li>Florian Rivoal</li> - <li>Gérard Talbot</li> + <li>Gérard Talbot</li> <li>L. David Baron</li> <li>Mozilla Corporation</li> <li>Opera Software ASA</li> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/testinfo.data b/tests/wpt/css-tests/css-conditional-3_dev/testinfo.data index bc9d39caf49..e4fabde525c 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-conditional-3_dev/testinfo.data @@ -35,12 +35,12 @@ at-supports-030 reference/at-supports-001-ref Incorrect syntax in @supports reco at-supports-031 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 946ba17fdc10abbe26f2dde5ec6b4db6f21ef5ef `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com> at-supports-032 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 3ca58122eeae5292b554484dd433137e613a310f `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com> at-supports-033 reference/at-supports-001-ref Incorrect syntax in @supports recovers properly invalid http://www.w3.org/TR/css3-conditional/#at-supports 8d2ee70f60d678ff84bf832955a84ee01c4be51a `Florian Rivoal`<http://florian.rivoal.net/>,`Opera Software ASA`<http://opera.com> -at-supports-034 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports a974e466cdb76c4f0244b928dcbd65ee5641cf93 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'. -at-supports-035 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports dd51e9a36e26e05cc4a7d2e0e82c156cb4223bf0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'. -at-supports-036 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports ed58ca6eaed786ac6f90ec1e8d81c5e8e0fa2564 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'. -at-supports-037 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports 2d91e424d0c0730566f360c5b7be903415b21a0f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'. -at-supports-038 reference/at-supports-001-ref a supports condition declaration can not end with a semi-colon invalid http://www.w3.org/TR/css3-conditional/#at-supports 8649bd6d70bad29c6fdd259ee571d61b52bfcf47 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se. -at-supports-039 reference/at-supports-001-ref a supports condition declaration can not end with a semi-colon invalid http://www.w3.org/TR/css3-conditional/#at-supports ff9359fb25c72f40e3c064b3d1b351c442ebb6e4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se. +at-supports-034 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports f2a63c625890b52fbc924ef32136f81f7dea4e89 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'. +at-supports-035 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports a865a8384bb900031fc00554a4e8375ac3d9204f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'. +at-supports-036 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports 8b7bed5bff910d6a0ed19b97ddaa16ffa771c4db `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'. +at-supports-037 reference/at-supports-001-ref Incorrect syntax of supports condition invalid http://www.w3.org/TR/css3-conditional/#at-supports 917ca3670ae18581d7f473f317f0be6cfc236adb `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition must be enclosed by one opening parenthesis '(' and one closing parenthesis ')'. +at-supports-038 reference/at-supports-001-ref a supports condition declaration can not end with a semi-colon invalid http://www.w3.org/TR/css3-conditional/#at-supports 238dd8f60920bf71ce435e6825c5ecd7f77e6669 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se. +at-supports-039 reference/at-supports-001-ref a supports condition declaration can not end with a semi-colon invalid http://www.w3.org/TR/css3-conditional/#at-supports ceba4affce8f475ac8ed62aad22f364b917b24e5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> Each individual single supports condition declaration can not end up with a semi-colon ';'. A semi-colon is a punctuation separator of multiple CSS declarations and thus is not part of an individual CSS declaration per se. css-supports-001 support/pass An @supports rule with valid syntax and a passing condition must apply rules inside it http://www.w3.org/TR/css3-conditional/#at-supports 3eb2e352b9a56eb0b25c14593c3158c9a2677c1f `Cameron McCormack`<mailto:cam@mcc.id.au> An @supports rule condition with a single, valid property declaration for a supported property must cause the rules inside the @supports rule to apply. css-supports-002 support/pass An @supports rule with invalid syntax must not apply rules inside it invalid http://www.w3.org/TR/css3-conditional/#at-supports 1af686f5705d6c604eb1cfab0a39a07d8d1879da `Cameron McCormack`<mailto:cam@mcc.id.au> Property declarations in an @supports rule condition must be surrounded by parentheses. css-supports-003 support/pass An @supports rule with valid syntax and a passing condition must apply rules inside it http://www.w3.org/TR/css3-conditional/#at-supports dfff4f786fafad5eace0e3a1d3baaaf0cf7d6c9b `Cameron McCormack`<mailto:cam@mcc.id.au> Any subexpression in an @supports rule condition can be surrounded by an extra pair of parentheses. diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-034.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-034.xht index 7479ffdfd1c..467e1f11621 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-034.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-034.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-035.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-035.xht index 071ca9d7435..4711d074c77 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-035.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-035.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-036.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-036.xht index a82d86de659..cb8e2494ad1 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-036.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-036.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-037.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-037.xht index af817c9b788..84d53584f92 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-037.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-037.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-038.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-038.xht index a708e934bc8..10a84237841 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-038.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-038.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-039.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-039.xht index 19cdb06461a..69cc7697111 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-039.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1/at-supports-039.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-034.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-034.xht index 7479ffdfd1c..467e1f11621 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-034.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-034.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-035.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-035.xht index 071ca9d7435..4711d074c77 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-035.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-035.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-036.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-036.xht index a82d86de659..cb8e2494ad1 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-036.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-036.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-037.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-037.xht index af817c9b788..84d53584f92 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-037.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-037.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): Incorrect syntax of supports condition</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-038.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-038.xht index a708e934bc8..10a84237841 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-038.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-038.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-039.xht b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-039.xht index 19cdb06461a..69cc7697111 100644 --- a/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-039.xht +++ b/tests/wpt/css-tests/css-conditional-3_dev/xhtml1print/at-supports-039.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Test (Conditional Rules): a supports condition declaration can not end with a semi-colon</title> <link href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" rel="author" title="Gérard Talbot" /> <link href="http://www.w3.org/TR/css3-conditional/#at-supports" rel="help" title="6. Feature queries: the '@supports' rule" /> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm index 33572b3282f..fe222be897c 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm +++ b/tests/wpt/css-tests/css-flexbox-1_dev/html/reference/flexbox-align-self-horiz-003-ref.htm @@ -82,7 +82,7 @@ <div class="auto" style="height: 100%">auto</div> <div class="unspecified" style="height: 100%">unspec</div> <div class="initial" style="height: 100%">initial</div> - <div class="inherit" style="height: 100%">inherit</div> + <div class="inherit">inherit</div> </div> </body> </html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data index 4cb530c346f..a630533a242 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/implementation-report-TEMPLATE.data @@ -319,8 +319,8 @@ html/flexbox-align-self-horiz-001-table.htm 183f460c2e72e0bcf57e9fc6ce6e2225f911 xhtml1/flexbox-align-self-horiz-001-table.xht 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 ? html/flexbox-align-self-horiz-002.htm 8ab4c5c5d3600422c2560908ea8c809511fd8456 ? xhtml1/flexbox-align-self-horiz-002.xht 8ab4c5c5d3600422c2560908ea8c809511fd8456 ? -html/flexbox-align-self-horiz-003.htm 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c ? -xhtml1/flexbox-align-self-horiz-003.xht 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c ? +html/flexbox-align-self-horiz-003.htm a196c3b0ed8ef58efbfab036557be25c118a6007 ? +xhtml1/flexbox-align-self-horiz-003.xht a196c3b0ed8ef58efbfab036557be25c118a6007 ? html/flexbox-align-self-horiz-004.htm 10a87f5352d8eb2c448129d27aa505f3148d4534 ? xhtml1/flexbox-align-self-horiz-004.xht 10a87f5352d8eb2c448129d27aa505f3148d4534 ? html/flexbox-align-self-horiz-005.htm 47ddfa8eb08586be92297f63fb61d0b9e8899e29 ? diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data index cddb8a379a2..cf9ad9976a8 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-flexbox-1_dev/testinfo.data @@ -157,7 +157,7 @@ flexbox-align-self-baseline-horiz-005 reference/flexbox-align-self-baseline-hori flexbox-align-self-horiz-001-block reference/flexbox-align-self-horiz-001-ref Testing the behavior of 'align-self' property values on flex items that are blocks, in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#align-items-property 8ddd9e5c643399d31bc48e8a39684d98ce7f2406 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-align-self-horiz-001-table reference/flexbox-align-self-horiz-001-ref Testing the various 'align-self' property values on flex items that are tables http://www.w3.org/TR/css-flexbox-1/#align-items-property 183f460c2e72e0bcf57e9fc6ce6e2225f9115212 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-align-self-horiz-002 reference/flexbox-align-self-horiz-002-ref Testing the behavior of 'align-self' with a horizontal flex container, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property 8ab4c5c5d3600422c2560908ea8c809511fd8456 `Daniel Holbert`<mailto:dholbert@mozilla.com> -flexbox-align-self-horiz-003 reference/flexbox-align-self-horiz-003-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items http://www.w3.org/TR/css-flexbox-1/#align-items-property 8c82a3d90a6879d3371ca75d8c7d2ae768ee274c `Daniel Holbert`<mailto:dholbert@mozilla.com> +flexbox-align-self-horiz-003 reference/flexbox-align-self-horiz-003-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items http://www.w3.org/TR/css-flexbox-1/#align-items-property a196c3b0ed8ef58efbfab036557be25c118a6007 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-align-self-horiz-004 reference/flexbox-align-self-horiz-004-ref Testing the behavior of 'align-self' with a horizontal flex container that's shorter than its items, with margin/padding/border on the items http://www.w3.org/TR/css-flexbox-1/#align-items-property 10a87f5352d8eb2c448129d27aa505f3148d4534 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-align-self-horiz-005 reference/flexbox-align-self-horiz-005-ref Testing the behavior of 'align-self' with auto margins in play, in a horizontal flex container http://www.w3.org/TR/css-flexbox-1/#auto-margins 47ddfa8eb08586be92297f63fb61d0b9e8899e29 `Daniel Holbert`<mailto:dholbert@mozilla.com> flexbox-align-self-stretch-vert-001 reference/flexbox-align-self-stretch-vert-001-ref Testing the sizing of a stretched horizontal flex container in a vertical flex container http://www.w3.org/TR/css-flexbox-1/#layout-algorithm 6c777130631b607e0e1106a0bd655645cfb049e3 `Daniel Holbert`<mailto:dholbert@mozilla.com> If a stretched flex item's main size is influenced by its cross size, and the flex container has a definite cross size, then the item's cross size should be resolved early so that it can be used when determining the item's main size https://drafts.csswg.org/css-flexbox/issues-cr-2012#issue-23 diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht index c048071c997..e546c7e16e4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox-align-self-horiz-003-ref.xht @@ -81,7 +81,7 @@ <div class="auto" style="height: 100%">auto</div> <div class="unspecified" style="height: 100%">unspec</div> <div class="initial" style="height: 100%">initial</div> - <div class="inherit" style="height: 100%">inherit</div> + <div class="inherit">inherit</div> </div> </body> </html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-align-self-horiz-003-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-align-self-horiz-003-ref.xht index caba6d3048d..273d18dc5c7 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-align-self-horiz-003-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1print/reference/flexbox-align-self-horiz-003-ref.xht @@ -90,7 +90,7 @@ <div class="auto" style="height: 100%">auto</div> <div class="unspecified" style="height: 100%">unspec</div> <div class="initial" style="height: 100%">initial</div> - <div class="inherit" style="height: 100%">inherit</div> + <div class="inherit">inherit</div> </div> </body> </html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/leader-002.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/leader-002.htm index 5773d2c9edd..f6fe51e7784 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/leader-002.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/leader-002.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM String Leader</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help"> @@ -22,7 +23,7 @@ content: leader('~ '); <blockquote> -<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!�</p> +<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!”</p> <p class="source-rw">Ahab</p> </blockquote> @@ -30,4 +31,5 @@ content: leader('~ '); + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-001.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-001.htm index f9615ac1dbe..56b5d4de63a 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-001.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-001.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM string-set with string</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “hello, world� appears in the running head at the top of the page.</p> +<p>Test passes if “hello, world” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-002.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-002.htm index 6a8c685c8b0..e05c526e5ba 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-002.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-002.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM String-set with content()</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in the running head at the top of the page.</p> +<p>Test passes if “Chapter Title” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-003.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-003.htm index 99f29156cba..50991692bf6 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-003.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-003.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM String-set with content(text)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -20,7 +21,8 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if the text “Chapter Title� appears in the running head at the top of the page.</p> +<p>Test passes if the text “Chapter Title” appears in the running head at the top of the page.</p> <!--AH errors out with content(text) rather than content()--> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-004.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-004.htm index 7ee1dd81016..26229c33e39 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-004.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-004.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM String-set with content(first-letter)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “C� appears in the running head at the top of the page.</p> +<p>Test passes if “C” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-005.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-005.htm index 3af6b295f47..db83557e9b1 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-005.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-005.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM String-set with counter(page)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -20,6 +21,7 @@ </head> <body> <h1>A</h1> -<p>Test passes if “1� appears in the running head at the top of the page.</p> +<p>Test passes if “1” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-006.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-006.htm index f505653710e..188ccc6cea6 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-006.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-006.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM string-set with content(before)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -25,6 +26,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “before-� appears in the running head at the top of the page.</p> +<p>Test passes if “before-” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-007.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-007.htm index 5896a06a382..24ba7e4049b 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-007.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-007.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM string-set with content(after)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -25,6 +26,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “-after� appears in the running head at the top of the page.</p> +<p>Test passes if “-after” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-008.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-008.htm index 3e706ae96fb..df836278a7d 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-008.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-008.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM string-set with multiple assignments</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -26,6 +27,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in both the left and right running heads, and “C� appears in the center running head.</p> +<p>Test passes if “Chapter Title” appears in both the left and right running heads, and “C” appears in the center running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-009.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-009.htm index df75a2070d0..e930862e08a 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-009.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-009.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM string-set with page and pages counters</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -21,6 +22,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “1 of 1� appears in the running head.</p> +<p>Test passes if “1 of 1” appears in the running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-010.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-010.htm index 4fd1f286fe9..958225de875 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-010.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-010.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM string-set on element with display: none</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -24,6 +25,7 @@ display: none; </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in the running head.</p> +<p>Test passes if “Chapter Title” appears in the running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-011.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-011.htm index 3c5b9ddaa1a..eef8a270b78 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-011.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-011.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM string-set on element with display: none</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -30,10 +31,10 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers <p>Test passes if:</p> <ol> <li> -“Chapter One Title� appears in the running head on page one. +“Chapter One Title” appears in the running head on page one. </li> <li> -“Chapter Two Title� appears in the running head on page two. +“Chapter Two Title” appears in the running head on page two. </li> </ol> @@ -42,4 +43,5 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers <p>Second Page</p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-012.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-012.htm index 2ea269ae016..b4980da169a 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-012.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/string-set-012.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: GCPM string-set to attribute value</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help"> @@ -22,7 +23,8 @@ </head> <body> <h1 title="Hello, World">Chapter Title</h1> -<p>Test passes if running head text reads “Hello, World�. +<p>Test passes if running head text reads “Hello, World”. + diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-001.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-001.htm index f87f2c03f9b..83e218b2b92 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-001.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-001.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: using 'first' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#string-first" rel="help"> @@ -22,7 +23,7 @@ </style> </head> <body> -<p>Test passes if “Section One� is in the running head at the top of the page.</p> +<p>Test passes if “Section One” is in the running head at the top of the page.</p> <h2 id="s1">Section One</h2> <h2 id="s2">Section Two</h2> <h2 id="s3">Section Three</h2> @@ -30,4 +31,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-002.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-002.htm index 0e99e4250f6..d2fc107dd4b 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-002.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-002.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: using the 'last' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help"> @@ -27,4 +28,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-003.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-003.htm index 8f111237258..f65592fb44b 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-003.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-003.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: using 'start' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#string-start" rel="help"> @@ -30,10 +31,10 @@ On page one, the running head is empty. </li> <li> -On page two, the running head is “Section Two� +On page two, the running head is “Section Two” </li> <li> -On page three, the running head is “Section Four� +On page three, the running head is “Section Four” </li> </ol> <h2 id="s1">Section One</h2> @@ -55,4 +56,5 @@ Frankfurter prosciutto fatback beef ribs brisket, flank consectetur proident cup <h2 id="s6">Section Six</h2> <p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-004.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-004.htm index 2b2cff33b12..26a9a6e13c1 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-004.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-004.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: using 'first-except' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#string-first-except" rel="help"> @@ -22,7 +23,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if the running head is omitted on page one, and is “Chapter Title� on all other pages.</p> +<p>Test passes if the running head is omitted on page one, and is “Chapter Title” on all other pages.</p> <h2 id="s1">Section One</h2> <h2 id="s2">Section Two</h2> <h2 id="s3">Section Three</h2> @@ -30,4 +31,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-005.htm b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-005.htm index 128553518e7..40b528281ba 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-005.htm +++ b/tests/wpt/css-tests/css-gcpm-3_dev/html/using-strings-005.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> +<meta charset="utf-8"> <title>CSS Test: using 'last' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer"> <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help"> @@ -24,13 +25,13 @@ <p>Note: test has three pages. Test passes if:</p> <ol> <li> -Running head on page one is “Section One� +Running head on page one is “Section One” </li> <li> -Running head on page two is “Section Three� +Running head on page two is “Section Three” </li> <li> -Running head on page three is “Section Six� +Running head on page three is “Section Six” </li> </ol> <h2 id="s1">Section One</h2> @@ -40,4 +41,5 @@ Running head on page three is “Section Six� <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-gcpm-3_dev/implementation-report-TEMPLATE.data index 2ba5d41ec9c..81f2d8ec479 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-gcpm-3_dev/implementation-report-TEMPLATE.data @@ -5,41 +5,41 @@ testname revision result comment html/leader-001.htm 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 ? xhtml1/leader-001.xht 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 ? -html/leader-002.htm 3408bd64aa9d5c446500097c6144ebaaae5e19b8 ? -xhtml1/leader-002.xht 3408bd64aa9d5c446500097c6144ebaaae5e19b8 ? +html/leader-002.htm b2ae229381bf78e51896daabfe141b52fdf2083e ? +xhtml1/leader-002.xht b2ae229381bf78e51896daabfe141b52fdf2083e ? html/leader-003.htm 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 ? xhtml1/leader-003.xht 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 ? -html/string-set-001.htm 680a5e8ae9f9d7d12998ab864ed1f610892da6f5 ? -xhtml1/string-set-001.xht 680a5e8ae9f9d7d12998ab864ed1f610892da6f5 ? -html/string-set-002.htm 5c9b61ae8e44db9596b2b5e71cb769e980f165e4 ? -xhtml1/string-set-002.xht 5c9b61ae8e44db9596b2b5e71cb769e980f165e4 ? -html/string-set-003.htm 13ccf65c084fec03627be39ca76358a9cafddfec ? -xhtml1/string-set-003.xht 13ccf65c084fec03627be39ca76358a9cafddfec ? -html/string-set-004.htm bb2369a00d38c0db485ba469aa26e2a26c234ce8 ? -xhtml1/string-set-004.xht bb2369a00d38c0db485ba469aa26e2a26c234ce8 ? -html/string-set-005.htm 082af309d719a9a07ae67bc18ddfd3e48826dd0b ? -xhtml1/string-set-005.xht 082af309d719a9a07ae67bc18ddfd3e48826dd0b ? -html/string-set-006.htm 3cf5d803ce75252975775e19dea619c026b58d18 ? -xhtml1/string-set-006.xht 3cf5d803ce75252975775e19dea619c026b58d18 ? -html/string-set-007.htm 20864a934ff67958f4a0e16527ed5c1cd6fc7694 ? -xhtml1/string-set-007.xht 20864a934ff67958f4a0e16527ed5c1cd6fc7694 ? -html/string-set-008.htm 5711b5fd32bddd3bd8503dbfaa414a80c7964ceb ? -xhtml1/string-set-008.xht 5711b5fd32bddd3bd8503dbfaa414a80c7964ceb ? -html/string-set-009.htm fb0ecc440e9e4da9bb52d8580772b4745095b31a ? -xhtml1/string-set-009.xht fb0ecc440e9e4da9bb52d8580772b4745095b31a ? -html/string-set-010.htm cee4997f991765f9e003ab764dbe30e033cbfb06 ? -xhtml1/string-set-010.xht cee4997f991765f9e003ab764dbe30e033cbfb06 ? -html/string-set-011.htm 034447c6e02ea182dcbf8ee1a4edb2f0b9037440 ? -xhtml1/string-set-011.xht 034447c6e02ea182dcbf8ee1a4edb2f0b9037440 ? -html/string-set-012.htm 75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec ? -xhtml1/string-set-012.xht 75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec ? -html/using-strings-001.htm 53ab5c748a20173113931a32dffe866e6cfcfce8 ? -xhtml1/using-strings-001.xht 53ab5c748a20173113931a32dffe866e6cfcfce8 ? -html/using-strings-002.htm a596527550f1c9b08be3376dfd76d02604b0247f ? -xhtml1/using-strings-002.xht a596527550f1c9b08be3376dfd76d02604b0247f ? -html/using-strings-003.htm fa7164bb554555178db2076a0718762dc4d680f6 ? -xhtml1/using-strings-003.xht fa7164bb554555178db2076a0718762dc4d680f6 ? -html/using-strings-004.htm 368ab63cdc47aad2a4379fe079cd2e01090582cc ? -xhtml1/using-strings-004.xht 368ab63cdc47aad2a4379fe079cd2e01090582cc ? -html/using-strings-005.htm 0253b58c3bac8ba3c75426fc1081e91cac842d90 ? -xhtml1/using-strings-005.xht 0253b58c3bac8ba3c75426fc1081e91cac842d90 ? +html/string-set-001.htm 8443c7937861e01295136b5070b4f734ac22b9ff ? +xhtml1/string-set-001.xht 8443c7937861e01295136b5070b4f734ac22b9ff ? +html/string-set-002.htm e0cb9d8c922891c04768bea41e2b17a05274e49b ? +xhtml1/string-set-002.xht e0cb9d8c922891c04768bea41e2b17a05274e49b ? +html/string-set-003.htm 4742fcc56d586f223a6c5616bc3c40b95d5a361c ? +xhtml1/string-set-003.xht 4742fcc56d586f223a6c5616bc3c40b95d5a361c ? +html/string-set-004.htm ca3132ba877a27368769604d1aa7daab0723e33e ? +xhtml1/string-set-004.xht ca3132ba877a27368769604d1aa7daab0723e33e ? +html/string-set-005.htm 41e4ff6532306d2e3c77e4f19f5ceea664508b0d ? +xhtml1/string-set-005.xht 41e4ff6532306d2e3c77e4f19f5ceea664508b0d ? +html/string-set-006.htm c9f65d09fad97e87334bb918afc705a59108774e ? +xhtml1/string-set-006.xht c9f65d09fad97e87334bb918afc705a59108774e ? +html/string-set-007.htm 3b234ee5190bd0f1cfba08c96f11f7908019819c ? +xhtml1/string-set-007.xht 3b234ee5190bd0f1cfba08c96f11f7908019819c ? +html/string-set-008.htm 10e3881b5ca95a586063a0417c8bd8558af7405c ? +xhtml1/string-set-008.xht 10e3881b5ca95a586063a0417c8bd8558af7405c ? +html/string-set-009.htm 4ef4c74d5305f7c4ed479cf68935ea86f53311cb ? +xhtml1/string-set-009.xht 4ef4c74d5305f7c4ed479cf68935ea86f53311cb ? +html/string-set-010.htm 5c2d3344da0b6200808f52f65daa438cc7d4b586 ? +xhtml1/string-set-010.xht 5c2d3344da0b6200808f52f65daa438cc7d4b586 ? +html/string-set-011.htm 0f420f026acf246d5485347f4ced8005203f6ab4 ? +xhtml1/string-set-011.xht 0f420f026acf246d5485347f4ced8005203f6ab4 ? +html/string-set-012.htm 259ae6dbbfd0f46d136523cdb5dcd4ea03733b93 ? +xhtml1/string-set-012.xht 259ae6dbbfd0f46d136523cdb5dcd4ea03733b93 ? +html/using-strings-001.htm 75307a75ddaaf06981ea78393b741941137a4271 ? +xhtml1/using-strings-001.xht 75307a75ddaaf06981ea78393b741941137a4271 ? +html/using-strings-002.htm cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d ? +xhtml1/using-strings-002.xht cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d ? +html/using-strings-003.htm 87b30361963223503729719db9cedfa5ab3659f4 ? +xhtml1/using-strings-003.xht 87b30361963223503729719db9cedfa5ab3659f4 ? +html/using-strings-004.htm bc7e5b6ec2aed0291e68c81a468b9b52074f047e ? +xhtml1/using-strings-004.xht bc7e5b6ec2aed0291e68c81a468b9b52074f047e ? +html/using-strings-005.htm 7e2571814d868a10cd74a0990a4c90db3ad2dd5b ? +xhtml1/using-strings-005.xht 7e2571814d868a10cd74a0990a4c90db3ad2dd5b ? diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/testinfo.data b/tests/wpt/css-tests/css-gcpm-3_dev/testinfo.data index bcd55a03a65..cad2be90597 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-gcpm-3_dev/testinfo.data @@ -1,21 +1,21 @@ id references title flags links revision credits assertion leader-001 GCPM Dotted Leader paged http://www.w3.org/TR/css-gcpm-3/#dotted-leader 80f1aac0eceae86b453e71bb1e9266d7c2bd6ff0 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a basic dotted leader is implemented -leader-002 GCPM String Leader paged http://www.w3.org/TR/css-gcpm-3/#string-leader 3408bd64aa9d5c446500097c6144ebaaae5e19b8 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a custom character leader is implemented +leader-002 GCPM String Leader paged http://www.w3.org/TR/css-gcpm-3/#string-leader b2ae229381bf78e51896daabfe141b52fdf2083e `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a custom character leader is implemented leader-003 GCPM Solid Leader paged http://www.w3.org/TR/css-gcpm-3/#solid-leader 74d9b4060ebd3c475c1421affaba5e9a157b8ba2 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a basic solid leader is implemented -string-set-001 GCPM string-set with string paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 680a5e8ae9f9d7d12998ab864ed1f610892da6f5 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to a string value. -string-set-002 GCPM String-set with content() paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 5c9b61ae8e44db9596b2b5e71cb769e980f165e4 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the text value of an element, using the default content() syntax -string-set-003 GCPM String-set with content(text) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 13ccf65c084fec03627be39ca76358a9cafddfec `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the text value of an element, using the explicit content(text) syntax -string-set-004 GCPM String-set with content(first-letter) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro bb2369a00d38c0db485ba469aa26e2a26c234ce8 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the first letter of the text value of an element -string-set-005 GCPM String-set with counter(page) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 082af309d719a9a07ae67bc18ddfd3e48826dd0b `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the value of the page counter -string-set-006 GCPM string-set with content(before) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 3cf5d803ce75252975775e19dea619c026b58d18 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the content of the before pseudo-element -string-set-007 GCPM string-set with content(after) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 20864a934ff67958f4a0e16527ed5c1cd6fc7694 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the content of the after pseudo-element -string-set-008 GCPM string-set with multiple assignments paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 5711b5fd32bddd3bd8503dbfaa414a80c7964ceb `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that several named string can be set on a single element -string-set-009 GCPM string-set with page and pages counters paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro fb0ecc440e9e4da9bb52d8580772b4745095b31a `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the page and pages counters -string-set-010 GCPM string-set on element with display: none paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro cee4997f991765f9e003ab764dbe30e033cbfb06 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an element even if display is set to none -string-set-011 GCPM string-set on element with display: none paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 034447c6e02ea182dcbf8ee1a4edb2f0b9037440 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an element even if display is set to none -string-set-012 GCPM string-set to attribute value paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 75d9fe4680eb7ccb08b95c412faa23d17b5ff1ec `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an attribute -using-strings-001 using 'first' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-first 53ab5c748a20173113931a32dffe866e6cfcfce8 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the default value of the string property is first, so that the first instance of a named string on the page is used. -using-strings-002 using the 'last' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-last a596527550f1c9b08be3376dfd76d02604b0247f `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the last instance of a named string is used, when the 'last' property is applied to the string. -using-strings-003 using 'start' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-start fa7164bb554555178db2076a0718762dc4d680f6 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the string set at the beginning of a page is used when the start property is applied -using-strings-004 using 'first-except' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-first-except 368ab63cdc47aad2a4379fe079cd2e01090582cc `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that if string is set to first-except, it is omitted on the page where the string is set, but appears on subsequent pages -using-strings-005 using 'last' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-last 0253b58c3bac8ba3c75426fc1081e91cac842d90 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that if string is set to last, the last appearance of that element determines the content of the string +string-set-001 GCPM string-set with string paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 8443c7937861e01295136b5070b4f734ac22b9ff `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to a string value. +string-set-002 GCPM String-set with content() paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro e0cb9d8c922891c04768bea41e2b17a05274e49b `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the text value of an element, using the default content() syntax +string-set-003 GCPM String-set with content(text) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 4742fcc56d586f223a6c5616bc3c40b95d5a361c `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the text value of an element, using the explicit content(text) syntax +string-set-004 GCPM String-set with content(first-letter) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro ca3132ba877a27368769604d1aa7daab0723e33e `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the first letter of the text value of an element +string-set-005 GCPM String-set with counter(page) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 41e4ff6532306d2e3c77e4f19f5ceea664508b0d `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the value of the page counter +string-set-006 GCPM string-set with content(before) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro c9f65d09fad97e87334bb918afc705a59108774e `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the content of the before pseudo-element +string-set-007 GCPM string-set with content(after) paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 3b234ee5190bd0f1cfba08c96f11f7908019819c `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a named string can be set to the content of the after pseudo-element +string-set-008 GCPM string-set with multiple assignments paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 10e3881b5ca95a586063a0417c8bd8558af7405c `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that several named string can be set on a single element +string-set-009 GCPM string-set with page and pages counters paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 4ef4c74d5305f7c4ed479cf68935ea86f53311cb `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the page and pages counters +string-set-010 GCPM string-set on element with display: none paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 5c2d3344da0b6200808f52f65daa438cc7d4b586 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an element even if display is set to none +string-set-011 GCPM string-set on element with display: none paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 0f420f026acf246d5485347f4ced8005203f6ab4 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an element even if display is set to none +string-set-012 GCPM string-set to attribute value paged http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro 259ae6dbbfd0f46d136523cdb5dcd4ea03733b93 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that a string can be set to the value of an attribute +using-strings-001 using 'first' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-first 75307a75ddaaf06981ea78393b741941137a4271 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the default value of the string property is first, so that the first instance of a named string on the page is used. +using-strings-002 using the 'last' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-last cf135ea6255bbc5a19d4592dfe5e0d3c8bade18d `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the last instance of a named string is used, when the 'last' property is applied to the string. +using-strings-003 using 'start' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-start 87b30361963223503729719db9cedfa5ab3659f4 `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that the string set at the beginning of a page is used when the start property is applied +using-strings-004 using 'first-except' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-first-except bc7e5b6ec2aed0291e68c81a468b9b52074f047e `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that if string is set to first-except, it is omitted on the page where the string is set, but appears on subsequent pages +using-strings-005 using 'last' property of named strings paged http://www.w3.org/TR/css-gcpm-3/#string-last 7e2571814d868a10cd74a0990a4c90db3ad2dd5b `Dave Cramer`<mailto:dauwhe@gmail.com> Test checks that if string is set to last, the last appearance of that element determines the content of the string diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/leader-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/leader-002.xht index 82d45b68fb8..ec69e667d80 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/leader-002.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/leader-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String Leader</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help" /> @@ -22,7 +23,7 @@ content: leader('~ '); <blockquote> -<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!�</p> +<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!”</p> <p class="source-rw">Ahab</p> </blockquote> @@ -30,4 +31,5 @@ content: leader('~ '); + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-001.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-001.xht index fea02c7a775..64d802e7e16 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-001.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-001.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with string</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “hello, world� appears in the running head at the top of the page.</p> +<p>Test passes if “hello, world” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-002.xht index 71b6893d77a..92bd7528444 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-002.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String-set with content()</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in the running head at the top of the page.</p> +<p>Test passes if “Chapter Title” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-003.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-003.xht index d69cbcc9ef5..9c2bc040c3e 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-003.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-003.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String-set with content(text)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,7 +21,8 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if the text “Chapter Title� appears in the running head at the top of the page.</p> +<p>Test passes if the text “Chapter Title” appears in the running head at the top of the page.</p> <!--AH errors out with content(text) rather than content()--> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-004.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-004.xht index 6a9ff118e91..738153922c7 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-004.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-004.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String-set with content(first-letter)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “C� appears in the running head at the top of the page.</p> +<p>Test passes if “C” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-005.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-005.xht index 64d7bd0a066..18f4c69e7a5 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-005.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-005.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String-set with counter(page)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,6 +21,7 @@ </head> <body> <h1>A</h1> -<p>Test passes if “1� appears in the running head at the top of the page.</p> +<p>Test passes if “1” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-006.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-006.xht index 0f500bb232b..a44f7f90fb9 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-006.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-006.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with content(before)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -25,6 +26,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “before-� appears in the running head at the top of the page.</p> +<p>Test passes if “before-” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-007.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-007.xht index 4de7e92b902..4ebe3c7aec0 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-007.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-007.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with content(after)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -25,6 +26,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “-after� appears in the running head at the top of the page.</p> +<p>Test passes if “-after” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-008.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-008.xht index 2e8dcfe30ce..9fb9634b42c 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-008.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-008.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with multiple assignments</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -26,6 +27,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in both the left and right running heads, and “C� appears in the center running head.</p> +<p>Test passes if “Chapter Title” appears in both the left and right running heads, and “C” appears in the center running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-009.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-009.xht index cfcc93c7e49..97720174164 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-009.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-009.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with page and pages counters</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -21,6 +22,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “1 of 1� appears in the running head.</p> +<p>Test passes if “1 of 1” appears in the running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-010.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-010.xht index c3fa37dd5a8..5cca38df2f3 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-010.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-010.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set on element with display: none</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -24,6 +25,7 @@ display: none; </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in the running head.</p> +<p>Test passes if “Chapter Title” appears in the running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-011.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-011.xht index 8eb5bc7f92e..16ea462c1ac 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-011.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-011.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set on element with display: none</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -30,10 +31,10 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers <p>Test passes if:</p> <ol> <li> -“Chapter One Title� appears in the running head on page one. +“Chapter One Title” appears in the running head on page one. </li> <li> -“Chapter Two Title� appears in the running head on page two. +“Chapter Two Title” appears in the running head on page two. </li> </ol> @@ -42,4 +43,5 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers <p>Second Page</p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-012.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-012.xht index 15ab2f94735..ee74a34695a 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-012.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/string-set-012.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set to attribute value</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -22,7 +23,8 @@ </head> <body> <h1 title="Hello, World">Chapter Title</h1> -<p>Test passes if running head text reads “Hello, World�. +<p>Test passes if running head text reads “Hello, World”. + diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-001.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-001.xht index e0252df9c0f..e484efbb53e 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-001.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-001.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using 'first' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-first" rel="help" /> @@ -22,7 +23,7 @@ </style> </head> <body> -<p>Test passes if “Section One� is in the running head at the top of the page.</p> +<p>Test passes if “Section One” is in the running head at the top of the page.</p> <h2 id="s1">Section One</h2> <h2 id="s2">Section Two</h2> <h2 id="s3">Section Three</h2> @@ -30,4 +31,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-002.xht index 8975d78e093..9ca05530487 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-002.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using the 'last' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help" /> @@ -27,4 +28,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-003.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-003.xht index c175d360b0b..53f6cc8ed44 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-003.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-003.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using 'start' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-start" rel="help" /> @@ -30,10 +31,10 @@ On page one, the running head is empty. </li> <li> -On page two, the running head is “Section Two� +On page two, the running head is “Section Two” </li> <li> -On page three, the running head is “Section Four� +On page three, the running head is “Section Four” </li> </ol> <h2 id="s1">Section One</h2> @@ -55,4 +56,5 @@ Frankfurter prosciutto fatback beef ribs brisket, flank consectetur proident cup <h2 id="s6">Section Six</h2> <p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-004.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-004.xht index 4d99fe8a698..c113abda23b 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-004.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-004.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using 'first-except' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-first-except" rel="help" /> @@ -22,7 +23,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if the running head is omitted on page one, and is “Chapter Title� on all other pages.</p> +<p>Test passes if the running head is omitted on page one, and is “Chapter Title” on all other pages.</p> <h2 id="s1">Section One</h2> <h2 id="s2">Section Two</h2> <h2 id="s3">Section Three</h2> @@ -30,4 +31,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-005.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-005.xht index e9f6674a978..4aad0c4a8ca 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-005.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1/using-strings-005.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using 'last' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help" /> @@ -24,13 +25,13 @@ <p>Note: test has three pages. Test passes if:</p> <ol> <li> -Running head on page one is “Section One� +Running head on page one is “Section One” </li> <li> -Running head on page two is “Section Three� +Running head on page two is “Section Three” </li> <li> -Running head on page three is “Section Six� +Running head on page three is “Section Six” </li> </ol> <h2 id="s1">Section One</h2> @@ -40,4 +41,5 @@ Running head on page three is “Section Six� <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/leader-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/leader-002.xht index 82d45b68fb8..ec69e667d80 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/leader-002.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/leader-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String Leader</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-leader" rel="help" /> @@ -22,7 +23,7 @@ content: leader('~ '); <blockquote> -<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!�</p> +<p class="run-in">“Towards thee I roll, thou all-destroying but unconquering whale; to the last I grapple with thee; from hell’s heart I stab at thee; for hate’s sake I spit my last breath at thee. Sink all coffins and all hearses to one common pool! and since neither can be mine, let me then tow to pieces, while still chasing thee, though tied to thee, thou damned whale! THUS, I give up the spear!”</p> <p class="source-rw">Ahab</p> </blockquote> @@ -30,4 +31,5 @@ content: leader('~ '); + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-001.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-001.xht index fea02c7a775..64d802e7e16 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-001.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-001.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with string</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “hello, world� appears in the running head at the top of the page.</p> +<p>Test passes if “hello, world” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-002.xht index 71b6893d77a..92bd7528444 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-002.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String-set with content()</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in the running head at the top of the page.</p> +<p>Test passes if “Chapter Title” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-003.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-003.xht index d69cbcc9ef5..9c2bc040c3e 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-003.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-003.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String-set with content(text)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,7 +21,8 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if the text “Chapter Title� appears in the running head at the top of the page.</p> +<p>Test passes if the text “Chapter Title” appears in the running head at the top of the page.</p> <!--AH errors out with content(text) rather than content()--> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-004.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-004.xht index 6a9ff118e91..738153922c7 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-004.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-004.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String-set with content(first-letter)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,6 +21,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “C� appears in the running head at the top of the page.</p> +<p>Test passes if “C” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-005.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-005.xht index 64d7bd0a066..18f4c69e7a5 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-005.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-005.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM String-set with counter(page)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -20,6 +21,7 @@ </head> <body> <h1>A</h1> -<p>Test passes if “1� appears in the running head at the top of the page.</p> +<p>Test passes if “1” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-006.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-006.xht index 0f500bb232b..a44f7f90fb9 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-006.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-006.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with content(before)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -25,6 +26,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “before-� appears in the running head at the top of the page.</p> +<p>Test passes if “before-” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-007.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-007.xht index 4de7e92b902..4ebe3c7aec0 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-007.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-007.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with content(after)</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -25,6 +26,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “-after� appears in the running head at the top of the page.</p> +<p>Test passes if “-after” appears in the running head at the top of the page.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-008.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-008.xht index 2e8dcfe30ce..9fb9634b42c 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-008.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-008.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with multiple assignments</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -26,6 +27,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in both the left and right running heads, and “C� appears in the center running head.</p> +<p>Test passes if “Chapter Title” appears in both the left and right running heads, and “C” appears in the center running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-009.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-009.xht index cfcc93c7e49..97720174164 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-009.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-009.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set with page and pages counters</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -21,6 +22,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “1 of 1� appears in the running head.</p> +<p>Test passes if “1 of 1” appears in the running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-010.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-010.xht index c3fa37dd5a8..5cca38df2f3 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-010.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-010.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set on element with display: none</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -24,6 +25,7 @@ display: none; </head> <body> <h1>Chapter Title</h1> -<p>Test passes if “Chapter Title� appears in the running head.</p> +<p>Test passes if “Chapter Title” appears in the running head.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-011.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-011.xht index 8eb5bc7f92e..16ea462c1ac 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-011.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-011.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set on element with display: none</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -30,10 +31,10 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers <p>Test passes if:</p> <ol> <li> -“Chapter One Title� appears in the running head on page one. +“Chapter One Title” appears in the running head on page one. </li> <li> -“Chapter Two Title� appears in the running head on page two. +“Chapter Two Title” appears in the running head on page two. </li> </ol> @@ -42,4 +43,5 @@ Note this test exposes a known bug in PrinceXML 9.0 rev 2 (and all previous vers <p>Second Page</p> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-012.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-012.xht index 15ab2f94735..ee74a34695a 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-012.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/string-set-012.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: GCPM string-set to attribute value</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#setting-named-strings-the-string-set-pro" rel="help" /> @@ -22,7 +23,8 @@ </head> <body> <h1 title="Hello, World">Chapter Title</h1> -<p>Test passes if running head text reads “Hello, World�. +<p>Test passes if running head text reads “Hello, World”. + diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-001.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-001.xht index e0252df9c0f..e484efbb53e 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-001.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-001.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using 'first' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-first" rel="help" /> @@ -22,7 +23,7 @@ </style> </head> <body> -<p>Test passes if “Section One� is in the running head at the top of the page.</p> +<p>Test passes if “Section One” is in the running head at the top of the page.</p> <h2 id="s1">Section One</h2> <h2 id="s2">Section Two</h2> <h2 id="s3">Section Three</h2> @@ -30,4 +31,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-002.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-002.xht index 8975d78e093..9ca05530487 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-002.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using the 'last' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help" /> @@ -27,4 +28,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-003.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-003.xht index c175d360b0b..53f6cc8ed44 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-003.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-003.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using 'start' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-start" rel="help" /> @@ -30,10 +31,10 @@ On page one, the running head is empty. </li> <li> -On page two, the running head is “Section Two� +On page two, the running head is “Section Two” </li> <li> -On page three, the running head is “Section Four� +On page three, the running head is “Section Four” </li> </ol> <h2 id="s1">Section One</h2> @@ -55,4 +56,5 @@ Frankfurter prosciutto fatback beef ribs brisket, flank consectetur proident cup <h2 id="s6">Section Six</h2> <p>Ham hock jowl filet mignon pastrami beef turducken. Brisket pork chop pork loin drumstick capicola ground round shankle andouille leberkas tenderloin turducken chuck t-bone kevin turkey. Turkey brisket shank, cow pork belly strip steak bresaola chicken short ribs biltong. Kevin jowl meatloaf capicola t-bone ham brisket leberkas. Pork strip steak drumstick jerky, flank shankle capicola turkey spare ribs.</p> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-004.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-004.xht index 4d99fe8a698..c113abda23b 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-004.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-004.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using 'first-except' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-first-except" rel="help" /> @@ -22,7 +23,7 @@ </head> <body> <h1>Chapter Title</h1> -<p>Test passes if the running head is omitted on page one, and is “Chapter Title� on all other pages.</p> +<p>Test passes if the running head is omitted on page one, and is “Chapter Title” on all other pages.</p> <h2 id="s1">Section One</h2> <h2 id="s2">Section Two</h2> <h2 id="s3">Section Three</h2> @@ -30,4 +31,5 @@ <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-005.xht b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-005.xht index e9f6674a978..4aad0c4a8ca 100644 --- a/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-005.xht +++ b/tests/wpt/css-tests/css-gcpm-3_dev/xhtml1print/using-strings-005.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> +<meta charset="utf-8" /> <title>CSS Test: using 'last' property of named strings</title> <link href="mailto:dauwhe@gmail.com" rel="author" title="Dave Cramer" /> <link href="http://www.w3.org/TR/css-gcpm-3/#string-last" rel="help" /> @@ -24,13 +25,13 @@ <p>Note: test has three pages. Test passes if:</p> <ol> <li> -Running head on page one is “Section One� +Running head on page one is “Section One” </li> <li> -Running head on page two is “Section Three� +Running head on page two is “Section Three” </li> <li> -Running head on page three is “Section Six� +Running head on page three is “Section Six” </li> </ol> <h2 id="s1">Section One</h2> @@ -40,4 +41,5 @@ Running head on page three is “Section Six� <h2 id="s5">Section Five</h2> <h2 id="s6">Section Six</h2> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-images-3_dev/html/chapter-3.htm index 54e9b306a6c..e12991c87c7 100644 --- a/tests/wpt/css-tests/css-images-3_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-images-3_dev/html/chapter-3.htm @@ -55,7 +55,7 @@ <a href="css-image-fallbacks-and-annotations.htm">css-image-fallbacks-and-annotations</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>When the image doesn't load, the background color is still there to ensure that the white text is readable.</li> </ul> @@ -66,9 +66,9 @@ <a href="css-image-fallbacks-and-annotations002.htm">css-image-fallbacks-and-annotations002</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> - <li>The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function load the image.</li> + <li>The 'image()' function load the image.</li> </ul> </td> </tr> @@ -77,7 +77,7 @@ <a href="css-image-fallbacks-and-annotations003.htm">css-image-fallbacks-and-annotations003</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.</li> </ul> @@ -88,7 +88,7 @@ <a href="css-image-fallbacks-and-annotations004.htm">css-image-fallbacks-and-annotations004</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file.</li> </ul> @@ -99,9 +99,9 @@ <a href="css-image-fallbacks-and-annotations005.htm">css-image-fallbacks-and-annotations005</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> - <li>The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li> + <li>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.</li> </ul> </td> </tr> 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 @@ <!DOCTYPE html> <html><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira"> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help"> <link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match"> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ 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 @@ <!DOCTYPE html> <html><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira"> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help"> <link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match"> - <meta content="The ‘image()’ function load the image." name="assert"> + <meta content="The 'image()' function load the image." name="assert"> <style type="text/css"> .square{ width: 200px; @@ -19,4 +19,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm index c9bec08e787..9ae0dda6d1b 100644 --- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm +++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations003.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira"> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help"> <link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match"> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations004.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations004.htm index fe0fe648282..b54107e7124 100644 --- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations004.htm +++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations004.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira"> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help"> <link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match"> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations005.htm b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations005.htm index 4d74b373077..eabaf0684e3 100644 --- a/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations005.htm +++ b/tests/wpt/css-tests/css-images-3_dev/html/css-image-fallbacks-and-annotations005.htm @@ -1,10 +1,10 @@ <!DOCTYPE html> <html><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira"> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help"> <link href="reference/css-image-fallbacks-and-annotations-ref.htm" rel="match"> - <meta content="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." name="assert"> + <meta content="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." name="assert"> <style type="text/css"> .square{ width: 200px; @@ -18,4 +18,5 @@ <p>Test passes if background is pale green and no green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/html/reference/css-image-fallbacks-and-annotations-ref.htm b/tests/wpt/css-tests/css-images-3_dev/html/reference/css-image-fallbacks-and-annotations-ref.htm index 7e6678e00e6..33b61d7377c 100644 --- a/tests/wpt/css-tests/css-images-3_dev/html/reference/css-image-fallbacks-and-annotations-ref.htm +++ b/tests/wpt/css-tests/css-images-3_dev/html/reference/css-image-fallbacks-and-annotations-ref.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira"> <style type="text/css"> .square{ @@ -14,4 +14,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/html/reftest-toc.htm b/tests/wpt/css-tests/css-images-3_dev/html/reftest-toc.htm index 778bdb15f0a..aae1c705d45 100644 --- a/tests/wpt/css-tests/css-images-3_dev/html/reftest-toc.htm +++ b/tests/wpt/css-tests/css-images-3_dev/html/reftest-toc.htm @@ -26,7 +26,7 @@ </thead> <tbody id="css-image-fallbacks-and-annotations" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations.htm">css-image-fallbacks-and-annotations</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td rowspan="1"></td> @@ -34,7 +34,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations002" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations002.htm">css-image-fallbacks-and-annotations002</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td rowspan="1"></td> @@ -42,7 +42,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations003" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations003.htm">css-image-fallbacks-and-annotations003</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td rowspan="1"></td> @@ -50,7 +50,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations004" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations004.htm">css-image-fallbacks-and-annotations004</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td rowspan="1"></td> @@ -58,7 +58,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations005" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations005.htm">css-image-fallbacks-and-annotations005</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.htm">=</a> </td> <td rowspan="1"></td> diff --git a/tests/wpt/css-tests/css-images-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-images-3_dev/implementation-report-TEMPLATE.data index 10c37f68ad5..5f9864a1714 100644 --- a/tests/wpt/css-tests/css-images-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-images-3_dev/implementation-report-TEMPLATE.data @@ -3,16 +3,16 @@ # http://test.csswg.org/suites/css-images-3_dev/DATESTAMP/ # See http://wiki.csswg.org/test/implementation-report for instructions testname revision result comment -html/css-image-fallbacks-and-annotations.htm 61e5b1c8b8dea458b0e528f738dabb8f3b7343be ? -xhtml1/css-image-fallbacks-and-annotations.xht 61e5b1c8b8dea458b0e528f738dabb8f3b7343be ? -html/css-image-fallbacks-and-annotations002.htm 7ad78b782efed86b3f34870f69e60ef556290703 ? -xhtml1/css-image-fallbacks-and-annotations002.xht 7ad78b782efed86b3f34870f69e60ef556290703 ? -html/css-image-fallbacks-and-annotations003.htm 40350ffbf2dc34b81b19a573e6578cd6604d3df2 ? -xhtml1/css-image-fallbacks-and-annotations003.xht 40350ffbf2dc34b81b19a573e6578cd6604d3df2 ? -html/css-image-fallbacks-and-annotations004.htm 6c21c2ab99d1815e0100ba55ab338965e8c0fbc1 ? -xhtml1/css-image-fallbacks-and-annotations004.xht 6c21c2ab99d1815e0100ba55ab338965e8c0fbc1 ? -html/css-image-fallbacks-and-annotations005.htm fa3e2471dcdd0fab5a17d1c8285cfe8027b3c0a5 ? -xhtml1/css-image-fallbacks-and-annotations005.xht fa3e2471dcdd0fab5a17d1c8285cfe8027b3c0a5 ? +html/css-image-fallbacks-and-annotations.htm 97bc6f86084bb5c60a9ccd2cee1c299c10051a6f ? +xhtml1/css-image-fallbacks-and-annotations.xht 97bc6f86084bb5c60a9ccd2cee1c299c10051a6f ? +html/css-image-fallbacks-and-annotations002.htm 4798f76481c017e8146197c527c6e20131dc5058 ? +xhtml1/css-image-fallbacks-and-annotations002.xht 4798f76481c017e8146197c527c6e20131dc5058 ? +html/css-image-fallbacks-and-annotations003.htm dc6ace24f43826666e70f73407f3f9670c2a53d6 ? +xhtml1/css-image-fallbacks-and-annotations003.xht dc6ace24f43826666e70f73407f3f9670c2a53d6 ? +html/css-image-fallbacks-and-annotations004.htm 327fb06f25b4724b050775b0a555baebdb2f9b5c ? +xhtml1/css-image-fallbacks-and-annotations004.xht 327fb06f25b4724b050775b0a555baebdb2f9b5c ? +html/css-image-fallbacks-and-annotations005.htm 73decf31be6ea70772b877bbc908b5863eb0f3b9 ? +xhtml1/css-image-fallbacks-and-annotations005.xht 73decf31be6ea70772b877bbc908b5863eb0f3b9 ? html/cursor-image-005-nfs.htm 4f1a9985c6fef5ff09d3249a54ea134fee4eee3a ? xhtml1/cursor-image-005-nfs.xht 4f1a9985c6fef5ff09d3249a54ea134fee4eee3a ? html/image-fit-001.htm 868d9469f57e6013a024efa5e04ef2455d97296e ? diff --git a/tests/wpt/css-tests/css-images-3_dev/testinfo.data b/tests/wpt/css-tests/css-images-3_dev/testinfo.data index b6c0b7bb6f0..5e508bf9312 100644 --- a/tests/wpt/css-tests/css-images-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-images-3_dev/testinfo.data @@ -1,9 +1,9 @@ id references title flags links revision credits assertion -css-image-fallbacks-and-annotations reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the ‘image()’ notation http://www.w3.org/TR/css3-images/#image-notation 61e5b1c8b8dea458b0e528f738dabb8f3b7343be `Hirokazu Egashira`<mailto:yo9ega@aol.com> When the image doesn't load, the background color is still there to ensure that the white text is readable. -css-image-fallbacks-and-annotations002 reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the ‘image()’ notation http://www.w3.org/TR/css3-images/#image-notation 7ad78b782efed86b3f34870f69e60ef556290703 `Hirokazu Egashira`<mailto:yo9ega@aol.com> The ‘image()’ function load the image. -css-image-fallbacks-and-annotations003 reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the ‘image()’ notation http://www.w3.org/TR/css3-images/#image-notation 40350ffbf2dc34b81b19a573e6578cd6604d3df2 `Hirokazu Egashira`<mailto:yo9ega@aol.com> The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file. -css-image-fallbacks-and-annotations004 reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the ‘image()’ notation http://www.w3.org/TR/css3-images/#image-notation 6c21c2ab99d1815e0100ba55ab338965e8c0fbc1 `Hirokazu Egashira`<mailto:yo9ega@aol.com> The rule below would tell the UA to load The first file if it can; failing that to load The second file. -css-image-fallbacks-and-annotations005 reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the ‘image()’ notation http://www.w3.org/TR/css3-images/#image-notation fa3e2471dcdd0fab5a17d1c8285cfe8027b3c0a5 `Hirokazu Egashira`<mailto:yo9ega@aol.com> 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. +css-image-fallbacks-and-annotations reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the 'image()' notation http://www.w3.org/TR/css3-images/#image-notation 97bc6f86084bb5c60a9ccd2cee1c299c10051a6f `Hirokazu Egashira`<mailto:yo9ega@aol.com> When the image doesn't load, the background color is still there to ensure that the white text is readable. +css-image-fallbacks-and-annotations002 reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the 'image()' notation http://www.w3.org/TR/css3-images/#image-notation 4798f76481c017e8146197c527c6e20131dc5058 `Hirokazu Egashira`<mailto:yo9ega@aol.com> The 'image()' function load the image. +css-image-fallbacks-and-annotations003 reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the 'image()' notation http://www.w3.org/TR/css3-images/#image-notation dc6ace24f43826666e70f73407f3f9670c2a53d6 `Hirokazu Egashira`<mailto:yo9ega@aol.com> The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file. +css-image-fallbacks-and-annotations004 reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the 'image()' notation http://www.w3.org/TR/css3-images/#image-notation 327fb06f25b4724b050775b0a555baebdb2f9b5c `Hirokazu Egashira`<mailto:yo9ega@aol.com> The rule below would tell the UA to load The first file if it can; failing that to load The second file. +css-image-fallbacks-and-annotations005 reference/css-image-fallbacks-and-annotations-ref CSS Image Fallbacks and Annotations: the 'image()' notation http://www.w3.org/TR/css3-images/#image-notation 73decf31be6ea70772b877bbc908b5863eb0f3b9 `Hirokazu Egashira`<mailto:yo9ega@aol.com> 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. cursor-image-005-nfs Cursor property, url value interact,svg http://www.w3.org/TR/css3-ui/#cursor,http://www.w3.org/TR/css3-images/#default-object-size 4f1a9985c6fef5ff09d3249a54ea134fee4eee3a `Chris Lilley`<mailto:chris@w3.org> Test checks that an SVG image with no fixed size is supported as a custom cursor at the default object size for cursor images. image-fit-001 Object Fit - initial value http://www.w3.org/TR/css3-images/#object-fit 868d9469f57e6013a024efa5e04ef2455d97296e `Tom Clancy`<mailto:tclancy@revenution.com> The initial value of the 'object-fit' property is 'fill'. image-fit-006 Object Fit - 'fill', explicit 'height'/'width' http://www.w3.org/TR/css3-images/#object-fit 99bc4e8d703ac43594fd3ac66be4e411c5e8c09a `Tom Clancy`<mailto:tclancy@revenution.com> The 'fill' value of the 'object-fit' property does not affect the usual calculation of the used 'height' and 'width. The 'fill' value of the 'image-scaling' property scales the content height and width independently so that the edges of the content just meet the edges of the box established by the used 'height' and 'width'. diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/chapter-3.xht index 04fa0f11f9a..1ce003221ee 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/chapter-3.xht @@ -55,7 +55,7 @@ <a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>When the image doesn't load, the background color is still there to ensure that the white text is readable.</li> </ul> @@ -66,9 +66,9 @@ <a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> - <li>The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function load the image.</li> + <li>The 'image()' function load the image.</li> </ul> </td> </tr> @@ -77,7 +77,7 @@ <a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.</li> </ul> @@ -88,7 +88,7 @@ <a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file.</li> </ul> @@ -99,9 +99,9 @@ <a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> - <li>The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li> + <li>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.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations.xht index c2ed7caa82f..6ee82c2e2ca 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations002.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations002.xht index c54c83cb3ec..3d29d14fe9f 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations002.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations002.xht @@ -1,10 +1,10 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> - <meta content="The ‘image()’ function load the image." name="assert" /> + <meta content="The 'image()' function load the image." name="assert" /> <style type="text/css"> .square{ width: 200px; @@ -19,4 +19,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations003.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations003.xht index 49efb04d5d5..6c70061b04b 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations003.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations003.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations004.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations004.xht index 9cf26fc5ed4..baef79efea0 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations004.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations004.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations005.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations005.xht index 9992ddc8d1d..a3af187d314 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations005.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/css-image-fallbacks-and-annotations005.xht @@ -1,10 +1,10 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"> .square{ width: 200px; @@ -18,4 +18,5 @@ <p>Test passes if background is pale green and no green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/reference/css-image-fallbacks-and-annotations-ref.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/reference/css-image-fallbacks-and-annotations-ref.xht index 2c4aea4a14a..b7c5218c3bb 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/reference/css-image-fallbacks-and-annotations-ref.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/reference/css-image-fallbacks-and-annotations-ref.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <style type="text/css"> .square{ @@ -14,4 +14,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1/reftest-toc.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1/reftest-toc.xht index 83ce5941477..83482381e6b 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1/reftest-toc.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1/reftest-toc.xht @@ -26,7 +26,7 @@ </thead> <tbody id="css-image-fallbacks-and-annotations" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -34,7 +34,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations002" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -42,7 +42,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations003" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -50,7 +50,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations004" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -58,7 +58,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations005" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/chapter-3.xht index 04fa0f11f9a..1ce003221ee 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/chapter-3.xht @@ -55,7 +55,7 @@ <a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>When the image doesn't load, the background color is still there to ensure that the white text is readable.</li> </ul> @@ -66,9 +66,9 @@ <a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> - <li>The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function load the image.</li> + <li>The 'image()' function load the image.</li> </ul> </td> </tr> @@ -77,7 +77,7 @@ <a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file; failing that to display The third file.</li> </ul> @@ -88,7 +88,7 @@ <a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> <li>The rule below would tell the UA to load The first file if it can; failing that to load The second file.</li> </ul> @@ -99,9 +99,9 @@ <a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></strong></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td></td> - <td>CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation + <td>CSS Image Fallbacks and Annotations: the 'image()' notation <ul class="assert"> - <li>The &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; function specifies only a color without any URLs, the function immediately falls back to representing a solid-color image of the chosen color.</li> + <li>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.</li> </ul> </td> </tr> diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations.xht index c2ed7caa82f..6ee82c2e2ca 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations002.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations002.xht index c54c83cb3ec..3d29d14fe9f 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations002.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations002.xht @@ -1,10 +1,10 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> - <meta content="The ‘image()’ function load the image." name="assert" /> + <meta content="The 'image()' function load the image." name="assert" /> <style type="text/css"> .square{ width: 200px; @@ -19,4 +19,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations003.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations003.xht index 49efb04d5d5..6c70061b04b 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations003.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations003.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations004.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations004.xht index 9cf26fc5ed4..baef79efea0 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations004.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations004.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> @@ -18,4 +18,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations005.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations005.xht index 9992ddc8d1d..a3af187d314 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations005.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/css-image-fallbacks-and-annotations005.xht @@ -1,10 +1,10 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <link href="http://www.w3.org/TR/css3-images/#image-notation" rel="help" /> <link href="reference/css-image-fallbacks-and-annotations-ref.xht" rel="match" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"> .square{ width: 200px; @@ -18,4 +18,5 @@ <p>Test passes if background is pale green and no green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reference/css-image-fallbacks-and-annotations-ref.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reference/css-image-fallbacks-and-annotations-ref.xht index 2c4aea4a14a..b7c5218c3bb 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reference/css-image-fallbacks-and-annotations-ref.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reference/css-image-fallbacks-and-annotations-ref.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - <title>CSS Image Fallbacks and Annotations: the ‘image()’ notation</title> + <title>CSS Image Fallbacks and Annotations: the 'image()' notation</title> <link href="mailto:yo9ega@aol.com" rel="author" title="Hirokazu Egashira" /> <style type="text/css"> .square{ @@ -14,4 +14,5 @@ <p>Test passes if background is green and no red.</p> <div class="square"></div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reftest-toc.xht b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reftest-toc.xht index 83ce5941477..83482381e6b 100644 --- a/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reftest-toc.xht +++ b/tests/wpt/css-tests/css-images-3_dev/xhtml1print/reftest-toc.xht @@ -26,7 +26,7 @@ </thead> <tbody id="css-image-fallbacks-and-annotations" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations.xht">css-image-fallbacks-and-annotations</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -34,7 +34,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations002" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations002.xht">css-image-fallbacks-and-annotations002</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -42,7 +42,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations003" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations003.xht">css-image-fallbacks-and-annotations003</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -50,7 +50,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations004" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations004.xht">css-image-fallbacks-and-annotations004</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> @@ -58,7 +58,7 @@ </tbody> <tbody id="css-image-fallbacks-and-annotations005" class=""> <tr> - <td rowspan="1" title="CSS Image Fallbacks and Annotations: the &acirc;&#8364;&#732;image()&acirc;&#8364;&#8482; notation"> + <td rowspan="1" title="CSS Image Fallbacks and Annotations: the 'image()' notation"> <a href="css-image-fallbacks-and-annotations005.xht">css-image-fallbacks-and-annotations005</a></td> <td><a href="reference/css-image-fallbacks-and-annotations-ref.xht">=</a> </td> <td rowspan="1"></td> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm index 53b5834f327..236dbf4c4a6 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm +++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-001.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8"> <title>CSS Test: Multi-column element via columns: [integer]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie"> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm index 47d767e4e7b..82de1626b76 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm +++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-002.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8"> <title>CSS Test: Multi-column element via column-count: [integer]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie"> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm index 8cf46e9ba51..1dde29a58d2 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm +++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-003.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8"> <title>CSS Test: Multi-column element via columns: [width]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie"> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm index a443371edb0..ee3bd311e53 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm +++ b/tests/wpt/css-tests/css-multicol-1_dev/html4/multicol-basic-004.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8"> <title>CSS Test: Multi-column element via column-width: [width]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann"> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie"> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-multicol-1_dev/implementation-report-TEMPLATE.data index a6f8af26194..f317107f1f1 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-multicol-1_dev/implementation-report-TEMPLATE.data @@ -9,14 +9,14 @@ html4/grid-inline-multicol-001.htm 40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f ? xhtml1/grid-inline-multicol-001.xht 40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f ? html4/grid-multicol-001.htm 521dbe45e2022be1140904fe6d2513370d6bfef3 ? xhtml1/grid-multicol-001.xht 521dbe45e2022be1140904fe6d2513370d6bfef3 ? -html4/multicol-basic-001.htm c4ece1b380b07334fb5a47bb1b48b7deb795696f ? -xhtml1/multicol-basic-001.xht c4ece1b380b07334fb5a47bb1b48b7deb795696f ? -html4/multicol-basic-002.htm d6a13af70f1cd2d552dfbcf706026fc02f34dde6 ? -xhtml1/multicol-basic-002.xht d6a13af70f1cd2d552dfbcf706026fc02f34dde6 ? -html4/multicol-basic-003.htm 5965c6dcb3f02a3f70c2d38760d7338d3e9dbaaa ? -xhtml1/multicol-basic-003.xht 5965c6dcb3f02a3f70c2d38760d7338d3e9dbaaa ? -html4/multicol-basic-004.htm 6458340632e3e0ff7b7cd63a15900a4a156dfb1e ? -xhtml1/multicol-basic-004.xht 6458340632e3e0ff7b7cd63a15900a4a156dfb1e ? +html4/multicol-basic-001.htm 5458f4fa256e95de755394c913337d1bfac95d80 ? +xhtml1/multicol-basic-001.xht 5458f4fa256e95de755394c913337d1bfac95d80 ? +html4/multicol-basic-002.htm 694df26edc09e5862b315becd1b9d50e90f066ae ? +xhtml1/multicol-basic-002.xht 694df26edc09e5862b315becd1b9d50e90f066ae ? +html4/multicol-basic-003.htm 92763f88df79e2b67d703d898e8d28719a55161f ? +xhtml1/multicol-basic-003.xht 92763f88df79e2b67d703d898e8d28719a55161f ? +html4/multicol-basic-004.htm 4618e058a30f841754c755ea8b5dd3db9549ea0a ? +xhtml1/multicol-basic-004.xht 4618e058a30f841754c755ea8b5dd3db9549ea0a ? html4/multicol-block-clip-001.htm d9f4f9a43a51c39e53f4c08c3dcb347f47e62037 ? xhtml1/multicol-block-clip-001.xht d9f4f9a43a51c39e53f4c08c3dcb347f47e62037 ? html4/multicol-block-clip-002.htm adabf2644b1b7e26242da05dcd86f876a48af15e ? diff --git a/tests/wpt/css-tests/css-multicol-1_dev/index.htm b/tests/wpt/css-tests/css-multicol-1_dev/index.htm index 0f657dab36a..035c1c7d91e 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/index.htm +++ b/tests/wpt/css-tests/css-multicol-1_dev/index.htm @@ -134,7 +134,7 @@ <li>Anselm Hannemann</li> <li>Elika J. Etemad</li> <li>Gérard Talbot</li> - <li>HÃ¥kon Wium Lie</li> + <li>Håkon Wium Lie</li> <li>Hakon Wium Lie</li> <li>howcome@opera.com</li> <li>Manuel Rego Casasnovas</li> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/index.xht b/tests/wpt/css-tests/css-multicol-1_dev/index.xht index 9af8a024bc9..d085b9773a3 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/index.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/index.xht @@ -134,7 +134,7 @@ <li>Anselm Hannemann</li> <li>Elika J. Etemad</li> <li>Gérard Talbot</li> - <li>HÃ¥kon Wium Lie</li> + <li>Håkon Wium Lie</li> <li>Hakon Wium Lie</li> <li>howcome@opera.com</li> <li>Manuel Rego Casasnovas</li> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/testinfo.data b/tests/wpt/css-tests/css-multicol-1_dev/testinfo.data index 57c0e64b7b7..b7bb97e634a 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-multicol-1_dev/testinfo.data @@ -2,10 +2,10 @@ id references title flags links revision credits assertion break-before-always-001 'break-before: always' and paginated multi-column elements page http://www.w3.org/TR/css3-multicol/#break-before-break-after-break-inside 72a4a1eec3cbec490943a8993258bb32a5285250 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> A forced break of type 'always' will break through both the multi-column context and the pagination context. grid-inline-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from inline grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns 40b1c5d5aa0df0497e38f2cfbaba0f4e4bcc963f `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to an inline grid container. grid-multicol-001 reference/ref-filled-green-100px-square 'column-*' properties from grid container does not apply to grid items http://www.w3.org/TR/css-grid-1/#grid-containers,http://www.w3.org/TR/css3-multicol/#the-number-and-width-of-columns 521dbe45e2022be1140904fe6d2513370d6bfef3 `Manuel Rego Casasnovas`<mailto:rego@igalia.com> This test checks that 'column-*' properties in the Multicol module are ignored in grid items when applied to a grid container. -multicol-basic-001 reference/multicol-basic-ref Multi-column element via columns: [integer] ahem http://www.w3.org/TR/css3-multicol/#columns c4ece1b380b07334fb5a47bb1b48b7deb795696f `Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`HÃ¥kon Wium Lie`<mailto:howcome@opera.com> -multicol-basic-002 reference/multicol-basic-ref Multi-column element via column-count: [integer] ahem http://www.w3.org/TR/css3-multicol/#columns d6a13af70f1cd2d552dfbcf706026fc02f34dde6 `Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`HÃ¥kon Wium Lie`<mailto:howcome@opera.com> -multicol-basic-003 reference/multicol-basic-ref Multi-column element via columns: [width] ahem http://www.w3.org/TR/css3-multicol/#columns 5965c6dcb3f02a3f70c2d38760d7338d3e9dbaaa `Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`HÃ¥kon Wium Lie`<mailto:howcome@opera.com> -multicol-basic-004 reference/multicol-basic-ref Multi-column element via column-width: [width] ahem http://www.w3.org/TR/css3-multicol/#columns 6458340632e3e0ff7b7cd63a15900a4a156dfb1e `Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`HÃ¥kon Wium Lie`<mailto:howcome@opera.com> +multicol-basic-001 reference/multicol-basic-ref Multi-column element via columns: [integer] ahem http://www.w3.org/TR/css3-multicol/#columns 5458f4fa256e95de755394c913337d1bfac95d80 `Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`Håkon Wium Lie`<mailto:howcome@opera.com> +multicol-basic-002 reference/multicol-basic-ref Multi-column element via column-count: [integer] ahem http://www.w3.org/TR/css3-multicol/#columns 694df26edc09e5862b315becd1b9d50e90f066ae `Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`Håkon Wium Lie`<mailto:howcome@opera.com> +multicol-basic-003 reference/multicol-basic-ref Multi-column element via columns: [width] ahem http://www.w3.org/TR/css3-multicol/#columns 92763f88df79e2b67d703d898e8d28719a55161f `Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`Håkon Wium Lie`<mailto:howcome@opera.com> +multicol-basic-004 reference/multicol-basic-ref Multi-column element via column-width: [width] ahem http://www.w3.org/TR/css3-multicol/#columns 4618e058a30f841754c755ea8b5dd3db9549ea0a `Anselm Hannemann`<mailto:info@anselm-hannemann.com>,`Håkon Wium Lie`<mailto:howcome@opera.com> multicol-block-clip-001 reference/multicol-block-clip-001-ref Overflowed content inside multicol element ahem http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements d9f4f9a43a51c39e53f4c08c3dcb347f47e62037 `Opera Software ASA`<http://www.opera.com/> This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap. multicol-block-clip-002 reference/multicol-block-clip-002-ref Overflowed content inside and outside multicol element ahem http://www.w3.org/TR/css3-multicol/#overflow-inside-multicol-elements adabf2644b1b7e26242da05dcd86f876a48af15e `Opera Software ASA`<http://www.opera.com/> This test checks that content in the normal flow that extends into column gaps is clipped in the middle of the column gap. multicol-br-inside-avoidcolumn-001 reference/multicol-br-inside-avoidcolumn-ref multicol | break-inside: avoid-column http://www.w3.org/TR/css3-multicol/#column-breaks 4899166fcb144f1765c84422e0642e035894fee4 `Opera Software ASA`<http://www.opera.com/> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-001.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-001.xht index 3880306300d..b22143ce6df 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-001.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-001.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8" /> <title>CSS Test: Multi-column element via columns: [integer]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" /> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" /> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-002.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-002.xht index 36c537faef6..2ab9654b2b2 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-002.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8" /> <title>CSS Test: Multi-column element via column-count: [integer]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" /> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" /> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-003.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-003.xht index 3de7f5bbfcc..72eda989254 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-003.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-003.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8" /> <title>CSS Test: Multi-column element via columns: [width]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" /> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" /> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-004.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-004.xht index 1c390be2a5e..0c192275a04 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-004.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1/multicol-basic-004.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8" /> <title>CSS Test: Multi-column element via column-width: [width]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" /> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" /> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-001.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-001.xht index 3880306300d..b22143ce6df 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-001.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-001.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8" /> <title>CSS Test: Multi-column element via columns: [integer]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" /> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" /> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-002.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-002.xht index 36c537faef6..2ab9654b2b2 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-002.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8" /> <title>CSS Test: Multi-column element via column-count: [integer]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" /> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" /> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-003.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-003.xht index 3de7f5bbfcc..72eda989254 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-003.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-003.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8" /> <title>CSS Test: Multi-column element via columns: [width]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" /> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" /> diff --git a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-004.xht b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-004.xht index 1c390be2a5e..0c192275a04 100644 --- a/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-004.xht +++ b/tests/wpt/css-tests/css-multicol-1_dev/xhtml1print/multicol-basic-004.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><!-- Submitted from TestTWF Paris --><head> + <meta charset="utf-8" /> <title>CSS Test: Multi-column element via column-width: [width]</title> <link href="mailto:info@anselm-hannemann.com" rel="author" title="Anselm Hannemann" /> <link href="mailto:howcome@opera.com" rel="author" title="Håkon Wium Lie" /> diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-001.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-001.htm index 5895f6b3273..dbeefe53cc8 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-001.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-001.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: named flow content has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -35,8 +36,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the two colored markers (green and blue) and type <strong>foobar - bazquux</strong></li> + <li>Click between the two colored markers (green and blue) and type “<strong>foobar + bazquux</strong>”</li> <li>Test passes if the text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border.</li> </ol> @@ -53,4 +54,5 @@ insertText("#marked", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-002.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-002.htm index af4c02d9110..fe7f1bfe11e 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-002.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-002.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: named flow content has a child with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -36,13 +37,13 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the two gray markers and type <strong>foobar bazquux</strong> + <li>Click between the two gray markers and type “<strong>foobar bazquux</strong>” <ul> <li>No (new) text should appear between the gray markers</li> </ul> </li> - <li>Click between the two colored markers (green and blue) and type <strong>foobar - bazquux</strong> + <li>Click between the two colored markers (green and blue) and type “<strong>foobar + bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -68,4 +69,5 @@ insertText("#marked-active", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-003.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-003.htm index 68d1b8469d0..1d9038b3043 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-003.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-003.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -45,14 +46,14 @@ it a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the two colored markers (green and blue) inside the blue rectangle and - type <strong>foobar bazquux</strong> + type “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the blue border</li> </ul> </li> <li>Click between the two colored markers (green and blue) inside the black rectangle and - type <strong>foobar bazquux</strong> + type “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -81,4 +82,5 @@ insertText("#marked-in", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-004.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-004.htm index 036df8d34ca..ad9e6059294 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-004.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-004.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> @@ -40,14 +41,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -75,4 +76,5 @@ insertText("#marked-child", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-005.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-005.htm index ad3cc94a9f6..b7dee63b788 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-005.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-005.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -39,14 +40,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -73,4 +74,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-006.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-006.htm index bfc4e68c38b..4a9987bc189 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-006.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-006.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> @@ -42,14 +43,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -73,4 +74,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm index 51a061f782d..c25526ad135 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-007.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> @@ -42,13 +43,13 @@ The blue rectangle should have one block of text inside it and the black rectangle should have two blocks of text inside it. No red should be visible at any time during this test.</li> - <li>Double click on the word editable in the blue rectangle and type - foobar bazquux. + <li>Double click on the word “editable” in the blue rectangle and type + “foobar bazquux”. <ul> - <li>The word editable should be replaced with foobar bazquux.</li> + <li>The word “editable” should be replaced with “foobar bazquux”.</li> </ul> </li> - <li>Repeat the steps above, but for the two occurrences of the word editable + <li>Repeat the steps above, but for the two occurrences of the word “editable” in the black rectangle. The expected results are the same as for the previous step. </li> </ol> @@ -83,4 +84,5 @@ }) </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-008.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-008.htm index 8d12eeb7cd3..67747dc564b 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-008.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-008.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: region element has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -38,8 +39,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -61,4 +62,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-009.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-009.htm index 94f6fad0f46..78076eaa78d 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-009.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-009.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: region element has child with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -38,8 +39,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -62,4 +63,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-010.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-010.htm index 3209af8c39e..ffa38c9c0e5 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-010.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-010.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: auto-size region with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -36,8 +37,8 @@ <ol> <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -60,4 +61,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-011.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-011.htm index 74c3aeba532..267950748f9 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-011.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-011.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: both named flow content and region element have contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -39,10 +40,10 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Double click the <strong>editable</strong> word between the green and - blue colored markers and type <strong>foobar bazquux</strong> + <li>Double click the “<strong>editable</strong>” word between the green and + blue colored markers and type “<strong>foobar bazquux</strong>” <ul> - <li>The word editable should be replaced with foobar bazquux.</li> + <li>The word “editable” should be replaced with “foobar bazquux”.</li> </ul> </li> </ol> @@ -62,4 +63,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-012.htm b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-012.htm index 096403ff5ec..a0f4c40e707 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-012.htm +++ b/tests/wpt/css-tests/css-regions-1_dev/html/contentEditable-012.htm @@ -1,5 +1,6 @@ <!DOCTYPE html> <html><head> + <meta charset="utf-8"> <title>CSS Regions: regions are children of an element with the contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help"> @@ -48,12 +49,12 @@ <li>No red should be visible at any time during this test.</li> <li>Below you should see a rectangle with a black border.</li> <li>Inside the rectangle you should see a green square with a black border, between two - + signs on blue background.</li> - <li>Click and drag from one + to the other and copy the selection either + “+” signs on blue background.</li> + <li>Click and drag from one “+” to the other and copy the selection either via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li> <li> - Click after the last + sign and paste the previously selected content + Click after the last “+” sign and paste the previously selected content either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and <code>Cmd+V</code> on Mac OS) or menu/context menu. <ul> @@ -77,4 +78,5 @@ <script src="support/helpers.js"></script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-regions-1_dev/implementation-report-TEMPLATE.data index 0deda7aaf00..3cf35e610a1 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-regions-1_dev/implementation-report-TEMPLATE.data @@ -53,30 +53,30 @@ html/content-node-layers-004.htm 7ec669bb16c4aa15b34494afbcf69c73bb8a1e58 ? xhtml1/content-node-layers-004.xht 7ec669bb16c4aa15b34494afbcf69c73bb8a1e58 ? html/content-node-layers-005.htm 3af813d9d2f2d7fa8854731b580baf5017822243 ? xhtml1/content-node-layers-005.xht 3af813d9d2f2d7fa8854731b580baf5017822243 ? -html/contenteditable-001.htm 80d09bca81ff314fc2eb514bb194fd98b33a5fb4 ? -xhtml1/contenteditable-001.xht 80d09bca81ff314fc2eb514bb194fd98b33a5fb4 ? -html/contenteditable-002.htm 1f08aff3fa492bae6aa61bb9092cc8530a833ae9 ? -xhtml1/contenteditable-002.xht 1f08aff3fa492bae6aa61bb9092cc8530a833ae9 ? -html/contenteditable-003.htm e07e346f7d2d1219fb30b8bbea541e07d67a02d9 ? -xhtml1/contenteditable-003.xht e07e346f7d2d1219fb30b8bbea541e07d67a02d9 ? -html/contenteditable-004.htm 7705ca11671938413b89a08614aad2f4d1fe1d9a ? -xhtml1/contenteditable-004.xht 7705ca11671938413b89a08614aad2f4d1fe1d9a ? -html/contenteditable-005.htm a5cf536956497b6b6decc93f4154f3b886268013 ? -xhtml1/contenteditable-005.xht a5cf536956497b6b6decc93f4154f3b886268013 ? -html/contenteditable-006.htm 05dfffa184fa3b9fed8472bb0a8c26e6447f830b ? -xhtml1/contenteditable-006.xht 05dfffa184fa3b9fed8472bb0a8c26e6447f830b ? -html/contenteditable-007.htm 750b1447b802c1b2ba0da7225cb0eaf681dc2a48 ? -xhtml1/contenteditable-007.xht 750b1447b802c1b2ba0da7225cb0eaf681dc2a48 ? -html/contenteditable-008.htm dd5025106fe7d80b8dae2cf824a3a9848c530527 ? -xhtml1/contenteditable-008.xht dd5025106fe7d80b8dae2cf824a3a9848c530527 ? -html/contenteditable-009.htm 747467e7bead28a41dfaab043590f864ba888704 ? -xhtml1/contenteditable-009.xht 747467e7bead28a41dfaab043590f864ba888704 ? -html/contenteditable-010.htm adedecc9ec6eb057525a384340a490e6ccc30c1c ? -xhtml1/contenteditable-010.xht adedecc9ec6eb057525a384340a490e6ccc30c1c ? -html/contenteditable-011.htm dbb41ae033ed308fc6d6594445c7708bb20ee805 ? -xhtml1/contenteditable-011.xht dbb41ae033ed308fc6d6594445c7708bb20ee805 ? -html/contenteditable-012.htm ee24f955dcd571da390937136882fbf6ea77c3ce ? -xhtml1/contenteditable-012.xht ee24f955dcd571da390937136882fbf6ea77c3ce ? +html/contenteditable-001.htm 64e6147767bb277555fc7eecc1ab63be90f070bc ? +xhtml1/contenteditable-001.xht 64e6147767bb277555fc7eecc1ab63be90f070bc ? +html/contenteditable-002.htm ed443ab1960fa000bb0585813547013e9967e18c ? +xhtml1/contenteditable-002.xht ed443ab1960fa000bb0585813547013e9967e18c ? +html/contenteditable-003.htm ccf0d7104cca76681840d6dda30da3a109651357 ? +xhtml1/contenteditable-003.xht ccf0d7104cca76681840d6dda30da3a109651357 ? +html/contenteditable-004.htm 5be705d9ee34c4d3b659867aa63f8764805f53f2 ? +xhtml1/contenteditable-004.xht 5be705d9ee34c4d3b659867aa63f8764805f53f2 ? +html/contenteditable-005.htm b88ee71dd61a955ddb476d6594a9477762386f9c ? +xhtml1/contenteditable-005.xht b88ee71dd61a955ddb476d6594a9477762386f9c ? +html/contenteditable-006.htm 681dfa1f2703a3e34771738792130df945747155 ? +xhtml1/contenteditable-006.xht 681dfa1f2703a3e34771738792130df945747155 ? +html/contenteditable-007.htm 34991725c5fb4320b971adcb819e478b3a5e8862 ? +xhtml1/contenteditable-007.xht 34991725c5fb4320b971adcb819e478b3a5e8862 ? +html/contenteditable-008.htm 8dd4ab128ebffbfae030b6f34325ddf3e43f6423 ? +xhtml1/contenteditable-008.xht 8dd4ab128ebffbfae030b6f34325ddf3e43f6423 ? +html/contenteditable-009.htm d2c1b085901057791b0a54757273fc4fc2e95d17 ? +xhtml1/contenteditable-009.xht d2c1b085901057791b0a54757273fc4fc2e95d17 ? +html/contenteditable-010.htm 52d1bdff70f7f326fc82244f7685c6e65da01fe9 ? +xhtml1/contenteditable-010.xht 52d1bdff70f7f326fc82244f7685c6e65da01fe9 ? +html/contenteditable-011.htm 568443662331f4452afd5f048bea7f61be07d112 ? +xhtml1/contenteditable-011.xht 568443662331f4452afd5f048bea7f61be07d112 ? +html/contenteditable-012.htm a4961c1c7995932afe69128d1c949ecd45713092 ? +xhtml1/contenteditable-012.xht a4961c1c7995932afe69128d1c949ecd45713092 ? html/css-cursor-001.htm 9385714463bef8d95d03142b6799df42bdffb04e ? xhtml1/css-cursor-001.xht 9385714463bef8d95d03142b6799df42bdffb04e ? html/css-cursor-002.htm f83131bbfcbddf24daf7160bc4a6de866fb2c22f ? diff --git a/tests/wpt/css-tests/css-regions-1_dev/testinfo.data b/tests/wpt/css-tests/css-regions-1_dev/testinfo.data index 2cbef79d675..25d96fc318c 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/testinfo.data +++ b/tests/wpt/css-tests/css-regions-1_dev/testinfo.data @@ -24,18 +24,18 @@ content-node-layers-002 reference/content-node-layers-002-ref flowing content wi content-node-layers-003 reference/content-node-layers-003-ref flowing content that's relatively positioned and get fragmented ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from fdccf565d85bbb4a8f6da6468ba9542447b56ff7 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content that's relatively positioned gets properly fragmented between regions. content-node-layers-004 reference/content-node-layers-004-ref flowing content with opacity < 1 and opacity = 1 in region ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from 7ec669bb16c4aa15b34494afbcf69c73bb8a1e58 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that content nodes with mixed opacity < 1 and opacity = 1 is correctly flowed into regions. This might fail on implementations that use layers for compositing but don't properly handle content flowing. content-node-layers-005 reference/content-node-layers-005-ref flowing content with position: absolute and clip ahem http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from 3af813d9d2f2d7fa8854731b580baf5017822243 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that absolutely positioned content that has the clip property applied is correctly flowed into regions. This might fail on implementations that use layers for compositing but don't properly handle content flowing or the clipping shapes. -contentEditable-001 reference/contentEditable-001-ref CSS Regions: named flow content has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 80d09bca81ff314fc2eb514bb194fd98b33a5fb4 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region. -contentEditable-002 reference/contentEditable-002-ref CSS Regions: named flow content has a child with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 1f08aff3fa492bae6aa61bb9092cc8530a833ae9 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region, even if they are not the only elements in the named flow. -contentEditable-003 reference/contentEditable-003-ref CSS Regions: named flow content is child of an element that has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable e07e346f7d2d1219fb30b8bbea541e07d67a02d9 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on the parent of an element that gets flowed in a region does not affect its rendering in the regions. Also, the element should be editable outside and inside the region without differences. -contentEditable-004 reference/contentEditable-004-ref CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 7705ca11671938413b89a08614aad2f4d1fe1d9a `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that flowing both and element and one of its children in a region, when said element has the contentEditable attribute set does not affect their rendering in the regions and the ability to edit it. -contentEditable-005 reference/contentEditable-005-ref CSS Regions: named flow content has contentEditable attribute set and is fragmented dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable a5cf536956497b6b6decc93f4154f3b886268013 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering and the ability to edit them even when they get fragmented in multiple regions. -contentEditable-006 reference/contentEditable-006-ref CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 05dfffa184fa3b9fed8472bb0a8c26e6447f830b `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, if the region uses height:auto, the size of the region should change as the content flowed in it is edited. -contentEditable-007 reference/contentEditable-007-ref CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 750b1447b802c1b2ba0da7225cb0eaf681dc2a48 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on an element does not interfere with its children being dinamically flowed into a region. -contentEditable-008 reference/contentEditable-008-ref CSS Regions: region element has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable dd5025106fe7d80b8dae2cf824a3a9848c530527 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on a region (an element that has flow-from set) does not prevent the element to becoming a region, nor does attempting to interactively edit it produces unexpected results. -contentEditable-009 reference/contentEditable-008-ref CSS Regions: region element has child with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 747467e7bead28a41dfaab043590f864ba888704 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on a child of a region (an element that has flow-from set) does not prevent the parent element to becoming a region, nor does attempting to interactively edit it produces unexpected results. -contentEditable-010 reference/contentEditable-010-ref CSS Regions: auto-size region with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable adedecc9ec6eb057525a384340a490e6ccc30c1c `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on an auto-sized region (an element that has flow-from set) does not prevent it to becoming a region, nor does attempting to interactively edit it produces unexpected results. -contentEditable-011 reference/contentEditable-011-ref CSS Regions: both named flow content and region element have contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable dbb41ae033ed308fc6d6594445c7708bb20ee805 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on both named flow content (an element that has flow-into set) and the region (an element that has flow-from set) does not prevent the region to properly flowing the content, while the content stays editable and no unexpected interactions happen. -contentEditable-012 CSS Regions: regions are children of an element with the contentEditable attribute set ahem,dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable ee24f955dcd571da390937136882fbf6ea77c3ce `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that children of an element that has the contentEditable attribute can be used for flowing content into and interactively duplicating the regions (via user-initiated copy/paste) properly flows the content in the newly created regions. Properly executing this test requires an user agent that supports copy/paste operations. +contentEditable-001 reference/contentEditable-001-ref CSS Regions: named flow content has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 64e6147767bb277555fc7eecc1ab63be90f070bc `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region. +contentEditable-002 reference/contentEditable-002-ref CSS Regions: named flow content has a child with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable ed443ab1960fa000bb0585813547013e9967e18c `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, such elements should be editable just as they are outside of the region, even if they are not the only elements in the named flow. +contentEditable-003 reference/contentEditable-003-ref CSS Regions: named flow content is child of an element that has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable ccf0d7104cca76681840d6dda30da3a109651357 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on the parent of an element that gets flowed in a region does not affect its rendering in the regions. Also, the element should be editable outside and inside the region without differences. +contentEditable-004 reference/contentEditable-004-ref CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 5be705d9ee34c4d3b659867aa63f8764805f53f2 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that flowing both and element and one of its children in a region, when said element has the contentEditable attribute set does not affect their rendering in the regions and the ability to edit it. +contentEditable-005 reference/contentEditable-005-ref CSS Regions: named flow content has contentEditable attribute set and is fragmented dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable b88ee71dd61a955ddb476d6594a9477762386f9c `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering and the ability to edit them even when they get fragmented in multiple regions. +contentEditable-006 reference/contentEditable-006-ref CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 681dfa1f2703a3e34771738792130df945747155 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on elements that get flowed in a region does not affect their rendering in the regions. Also, if the region uses height:auto, the size of the region should change as the content flowed in it is edited. +contentEditable-007 reference/contentEditable-007-ref CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 34991725c5fb4320b971adcb819e478b3a5e8862 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on an element does not interfere with its children being dinamically flowed into a region. +contentEditable-008 reference/contentEditable-008-ref CSS Regions: region element has contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 8dd4ab128ebffbfae030b6f34325ddf3e43f6423 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on a region (an element that has flow-from set) does not prevent the element to becoming a region, nor does attempting to interactively edit it produces unexpected results. +contentEditable-009 reference/contentEditable-008-ref CSS Regions: region element has child with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable d2c1b085901057791b0a54757273fc4fc2e95d17 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on a child of a region (an element that has flow-from set) does not prevent the parent element to becoming a region, nor does attempting to interactively edit it produces unexpected results. +contentEditable-010 reference/contentEditable-010-ref CSS Regions: auto-size region with contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 52d1bdff70f7f326fc82244f7685c6e65da01fe9 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on an auto-sized region (an element that has flow-from set) does not prevent it to becoming a region, nor does attempting to interactively edit it produces unexpected results. +contentEditable-011 reference/contentEditable-011-ref CSS Regions: both named flow content and region element have contentEditable attribute set dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable 568443662331f4452afd5f048bea7f61be07d112 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that setting the contentEditable attribute on both named flow content (an element that has flow-into set) and the region (an element that has flow-from set) does not prevent the region to properly flowing the content, while the content stays editable and no unexpected interactions happen. +contentEditable-012 CSS Regions: regions are children of an element with the contentEditable attribute set ahem,dom,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from,http://www.w3.org/TR/html5/editing.html#contenteditable a4961c1c7995932afe69128d1c949ecd45713092 `Mihai Balan`<mailto:mibalan@adobe.com> Test checks that children of an element that has the contentEditable attribute can be used for flowing content into and interactively duplicating the regions (via user-initiated copy/paste) properly flows the content in the newly created regions. Properly executing this test requires an user agent that supports copy/paste operations. css-cursor-001 CSS Regions: CSS cursor on content node ahem,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from 9385714463bef8d95d03142b6799df42bdffb04e `Mihai Balan`<mailto:mibalan@adobe.com> CSS cursors are properly displayed for content flowed into regions. css-cursor-002 CSS Regions: CSS cursor on region ahem,interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from f83131bbfcbddf24daf7160bc4a6de866fb2c22f `Mihai Balan`<mailto:mibalan@adobe.com> CSS cursors are properly displayed even when an element is turned into a region css-hover-on-content-001 CSS Regions: :hover on content nodes interact http://www.w3.org/TR/css3-regions/#the-flow-into-property,http://www.w3.org/TR/css3-regions/#flow-from e628f826bdd9b04390f4ae138650e7ab22aaae75 `Mihai Balan`<mailto:mibalan@adobe.com> CSS rules using the :hover pseudo class are applied to content nodes diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-001.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-001.xht index 18efe3d0c03..80fe84c06c1 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-001.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-001.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -35,8 +36,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the two colored markers (green and blue) and type <strong>foobar - bazquux</strong></li> + <li>Click between the two colored markers (green and blue) and type “<strong>foobar + bazquux</strong>”</li> <li>Test passes if the text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border.</li> </ol> @@ -53,4 +54,5 @@ insertText("#marked", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-002.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-002.xht index 387159a9d2c..320589e8b06 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-002.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has a child with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -36,13 +37,13 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the two gray markers and type <strong>foobar bazquux</strong> + <li>Click between the two gray markers and type “<strong>foobar bazquux</strong>” <ul> <li>No (new) text should appear between the gray markers</li> </ul> </li> - <li>Click between the two colored markers (green and blue) and type <strong>foobar - bazquux</strong> + <li>Click between the two colored markers (green and blue) and type “<strong>foobar + bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -68,4 +69,5 @@ insertText("#marked-active", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-003.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-003.xht index 1de024945ee..521b9391c77 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-003.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-003.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -45,14 +46,14 @@ it a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the two colored markers (green and blue) inside the blue rectangle and - type <strong>foobar bazquux</strong> + type “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the blue border</li> </ul> </li> <li>Click between the two colored markers (green and blue) inside the black rectangle and - type <strong>foobar bazquux</strong> + type “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -81,4 +82,5 @@ insertText("#marked-in", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-004.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-004.xht index f9557097346..98b4f0246ec 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-004.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-004.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> @@ -40,14 +41,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -75,4 +76,5 @@ insertText("#marked-child", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-005.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-005.xht index 7ad42db98df..ee0afeeefdc 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-005.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-005.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -39,14 +40,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -73,4 +74,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-006.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-006.xht index ab93f77c02d..732838da8e8 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-006.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-006.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> @@ -42,14 +43,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -73,4 +74,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-007.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-007.xht index f2a39d3e422..2d5786213cc 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-007.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-007.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> @@ -42,13 +43,13 @@ The blue rectangle should have one block of text inside it and the black rectangle should have two blocks of text inside it. No red should be visible at any time during this test.</li> - <li>Double click on the word editable in the blue rectangle and type - foobar bazquux. + <li>Double click on the word “editable” in the blue rectangle and type + “foobar bazquux”. <ul> - <li>The word editable should be replaced with foobar bazquux.</li> + <li>The word “editable” should be replaced with “foobar bazquux”.</li> </ul> </li> - <li>Repeat the steps above, but for the two occurrences of the word editable + <li>Repeat the steps above, but for the two occurrences of the word “editable” in the black rectangle. The expected results are the same as for the previous step. </li> </ol> @@ -83,4 +84,5 @@ }) </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-008.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-008.xht index d5fefcb4404..b16ea9f7752 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-008.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-008.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: region element has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -38,8 +39,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -61,4 +62,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-009.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-009.xht index 648d1bf5ba2..a85387c6d46 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-009.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-009.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: region element has child with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -38,8 +39,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -62,4 +63,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-010.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-010.xht index e663ff33798..0380a816f83 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-010.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-010.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: auto-size region with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -36,8 +37,8 @@ <ol> <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -60,4 +61,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-011.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-011.xht index ae417ef50f3..521cab63011 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-011.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-011.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: both named flow content and region element have contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -39,10 +40,10 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Double click the <strong>editable</strong> word between the green and - blue colored markers and type <strong>foobar bazquux</strong> + <li>Double click the “<strong>editable</strong>” word between the green and + blue colored markers and type “<strong>foobar bazquux</strong>” <ul> - <li>The word editable should be replaced with foobar bazquux.</li> + <li>The word “editable” should be replaced with “foobar bazquux”.</li> </ul> </li> </ol> @@ -62,4 +63,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-012.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-012.xht index f06244ed7b4..fbefe343508 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-012.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1/contentEditable-012.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: regions are children of an element with the contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -48,12 +49,12 @@ <li>No red should be visible at any time during this test.</li> <li>Below you should see a rectangle with a black border.</li> <li>Inside the rectangle you should see a green square with a black border, between two - + signs on blue background.</li> - <li>Click and drag from one + to the other and copy the selection either + “+” signs on blue background.</li> + <li>Click and drag from one “+” to the other and copy the selection either via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li> <li> - Click after the last + sign and paste the previously selected content + Click after the last “+” sign and paste the previously selected content either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and <code>Cmd+V</code> on Mac OS) or menu/context menu. <ul> @@ -77,4 +78,5 @@ <script src="support/helpers.js"></script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-001.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-001.xht index 18efe3d0c03..80fe84c06c1 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-001.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-001.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -35,8 +36,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the two colored markers (green and blue) and type <strong>foobar - bazquux</strong></li> + <li>Click between the two colored markers (green and blue) and type “<strong>foobar + bazquux</strong>”</li> <li>Test passes if the text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border.</li> </ol> @@ -53,4 +54,5 @@ insertText("#marked", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-002.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-002.xht index 387159a9d2c..320589e8b06 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-002.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-002.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has a child with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -36,13 +37,13 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the two gray markers and type <strong>foobar bazquux</strong> + <li>Click between the two gray markers and type “<strong>foobar bazquux</strong>” <ul> <li>No (new) text should appear between the gray markers</li> </ul> </li> - <li>Click between the two colored markers (green and blue) and type <strong>foobar - bazquux</strong> + <li>Click between the two colored markers (green and blue) and type “<strong>foobar + bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -68,4 +69,5 @@ insertText("#marked-active", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-003.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-003.xht index 1de024945ee..521b9391c77 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-003.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-003.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content is child of an element that has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -45,14 +46,14 @@ it a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the two colored markers (green and blue) inside the blue rectangle and - type <strong>foobar bazquux</strong> + type “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the blue border</li> </ul> </li> <li>Click between the two colored markers (green and blue) inside the black rectangle and - type <strong>foobar bazquux</strong> + type “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -81,4 +82,5 @@ insertText("#marked-in", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-004.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-004.xht index f9557097346..98b4f0246ec 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-004.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-004.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: element has contentEditable attribute set and both it and a child of it are flowed in a the same region</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> @@ -40,14 +41,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -75,4 +76,5 @@ insertText("#marked-child", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-005.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-005.xht index 7ad42db98df..ee0afeeefdc 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-005.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-005.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has contentEditable attribute set and is fragmented</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -39,14 +40,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -73,4 +74,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-006.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-006.xht index ab93f77c02d..732838da8e8 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-006.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-006.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has contentEditable attribute set and is flowed in an auto-height region</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> @@ -42,14 +43,14 @@ <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> <li>Click between the first pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> </ul> </li> <li>Click between the second pair of green and blue colored markers and type - <strong>foobar bazquux</strong> + “<strong>foobar bazquux</strong>” <ul> <li>The text you typed is displayed at the cursor position between the two markers and the lines of text wrap inside the black border</li> @@ -73,4 +74,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-007.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-007.xht index f2a39d3e422..2d5786213cc 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-007.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-007.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: named flow content has contentEditable attribute set and children of it get flowed in a region dynamically</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> @@ -42,13 +43,13 @@ The blue rectangle should have one block of text inside it and the black rectangle should have two blocks of text inside it. No red should be visible at any time during this test.</li> - <li>Double click on the word editable in the blue rectangle and type - foobar bazquux. + <li>Double click on the word “editable” in the blue rectangle and type + “foobar bazquux”. <ul> - <li>The word editable should be replaced with foobar bazquux.</li> + <li>The word “editable” should be replaced with “foobar bazquux”.</li> </ul> </li> - <li>Repeat the steps above, but for the two occurrences of the word editable + <li>Repeat the steps above, but for the two occurrences of the word “editable” in the black rectangle. The expected results are the same as for the previous step. </li> </ol> @@ -83,4 +84,5 @@ }) </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-008.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-008.xht index d5fefcb4404..b16ea9f7752 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-008.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-008.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: region element has contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -38,8 +39,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -61,4 +62,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-009.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-009.xht index 648d1bf5ba2..a85387c6d46 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-009.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-009.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: region element has child with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -38,8 +39,8 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -62,4 +63,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-010.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-010.xht index e663ff33798..0380a816f83 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-010.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-010.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: auto-size region with contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -36,8 +37,8 @@ <ol> <li>Below you should see a rectangle with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Click between the green and blue colored markers and type <strong>foobar - bazquux</strong> + <li>Click between the green and blue colored markers and type “<strong>foobar + bazquux</strong>” <ul> <li>The text should not be editable.</li> </ul> @@ -60,4 +61,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-011.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-011.xht index ae417ef50f3..521cab63011 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-011.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-011.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: both named flow content and region element have contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -39,10 +40,10 @@ <ol> <li>Below you should see a square with a black border with some text inside it. No red should be visible at any time during this test.</li> - <li>Double click the <strong>editable</strong> word between the green and - blue colored markers and type <strong>foobar bazquux</strong> + <li>Double click the “<strong>editable</strong>” word between the green and + blue colored markers and type “<strong>foobar bazquux</strong>” <ul> - <li>The word editable should be replaced with foobar bazquux.</li> + <li>The word “editable” should be replaced with “foobar bazquux”.</li> </ul> </li> </ol> @@ -62,4 +63,5 @@ insertText("#marked-two", "foobar bazquux"); </script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-012.xht b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-012.xht index f06244ed7b4..fbefe343508 100644 --- a/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-012.xht +++ b/tests/wpt/css-tests/css-regions-1_dev/xhtml1print/contentEditable-012.xht @@ -1,5 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> + <meta charset="utf-8" /> <title>CSS Regions: regions are children of an element with the contentEditable attribute set</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan" /> <link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help" /> @@ -48,12 +49,12 @@ <li>No red should be visible at any time during this test.</li> <li>Below you should see a rectangle with a black border.</li> <li>Inside the rectangle you should see a green square with a black border, between two - + signs on blue background.</li> - <li>Click and drag from one + to the other and copy the selection either + “+” signs on blue background.</li> + <li>Click and drag from one “+” to the other and copy the selection either via keyboard shortcut (usually <code>Ctrl+C</code> on Windows and Linux and <code>Cmd+C</code> on Mac OS) or menu/context menu.</li> <li> - Click after the last + sign and paste the previously selected content + Click after the last “+” sign and paste the previously selected content either via keyboard shortcut (usually <code>Ctrl+V</code> on Windows and Linux and <code>Cmd+V</code> on Mac OS) or menu/context menu. <ul> @@ -77,4 +78,5 @@ <script src="support/helpers.js"></script> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-text-3_dev/html/chapter-8.htm b/tests/wpt/css-tests/css-text-3_dev/html/chapter-8.htm index a1ffc581c55..aca26ea4717 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/chapter-8.htm +++ b/tests/wpt/css-tests/css-text-3_dev/html/chapter-8.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Text Module Level 3 CR Test Suite</h1> - <h2>Spacing (6 tests)</h2> + <h2>Spacing (7 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -52,7 +52,18 @@ <!-- 0 tests --> </tbody> <tbody id="s8.1.#word-spacing"> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="text-word-spacing-001-8.1.#word-spacing" class="primary ahem"> + <td><strong> + <a href="text-word-spacing-001.htm">text-word-spacing-001</a></strong></td> + <td><a href="reference/text-word-spacing-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Word Spacing + <ul class="assert"> + <li>Test checks that word-spacing works with percentages.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s8.2"> <tr><th colspan="4" scope="rowgroup"> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/Ahem.ttf Binary files differnew file mode 100644 index 00000000000..ac81cb03165 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/Ahem.ttf diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/ahem.css new file mode 100644 index 00000000000..82ee466791e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/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/html/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reference/text-word-spacing-ref.htm b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-word-spacing-ref.htm new file mode 100644 index 00000000000..ddd7486c866 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/reference/text-word-spacing-ref.htm @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html><head><title>CSS Text Test: Word Spacing</title> +<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<meta content="ahem" name="flags"> +<style> +@font-face { + font-family: Ahem; + src: url(support/Ahem.ttf); +} +/* We use Ahem to avoid very minor differences between the test and the + reference that occur with certain font+platform combinations. */ +div { font-family: Ahem; font-size: 20px; } +span.padoneem { padding-left: 1em; } +</style> +</head><body> + <p>Test passes if the space between the words starts at zero and increases by + one on each subsequent line.</p> + <div>ABcDefGhij</div> + <div>A Bc Def Ghij</div> + <div>A Bc Def Ghij</div> + <div>A Bc Def Ghij</div> + <div>A Bc Def Ghij</div> + <div>A Bc Def Ghij</div> + <div>A <span class="padoneem">Bc <span class="padoneem">Def <span class="padoneem">Ghij <span class="padoneem"></span></span></span></span></div> + +</body></html>
\ 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 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="text-word-spacing-001" class="ahem"> + <tr> + <td rowspan="1" title="Word Spacing"> + <a href="text-word-spacing-001.htm">text-word-spacing-001</a></td> + <td><a href="reference/text-word-spacing-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="white-space-collapsing-discard-001" class=""> <tr> <td rowspan="1" title="white-space-collapsing - discard - basic cases"> diff --git a/tests/wpt/css-tests/css-text-3_dev/html/reftest.list b/tests/wpt/css-tests/css-text-3_dev/html/reftest.list index 82ce2075ef5..7fc931863bc 100644 --- a/tests/wpt/css-tests/css-text-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-text-3_dev/html/reftest.list @@ -544,6 +544,7 @@ text-transform-fullwidth-001.htm == reference/text-transform-fullwidth-001-ref.h text-transform-lowercase-001.htm == reference/text-transform-lowercase-001-ref.htm text-transform-none-001.htm == reference/text-transform-none-001-ref.htm text-transform-uppercase-001.htm == reference/text-transform-uppercase-001-ref.htm +text-word-spacing-001.htm == reference/text-word-spacing-ref.htm white-space-collapsing-discard-001.htm == reference/white-space-collapsing-discard-001-ref.htm white-space-collapsing-preserve-breaks-001.htm == reference/white-space-collapsing-preserve-breaks-001-ref.htm white-space-collapsing-trim-inner-001.htm == reference/white-space-collapsing-trim-inner-001-ref.htm diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/html/support/Ahem.ttf Binary files differnew file mode 100644 index 00000000000..ac81cb03165 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/support/Ahem.ttf diff --git a/tests/wpt/css-tests/css-text-3_dev/html/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/html/support/ahem.css new file mode 100644 index 00000000000..82ee466791e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/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/html/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/html/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-3_dev/html/text-word-spacing-001.htm b/tests/wpt/css-tests/css-text-3_dev/html/text-word-spacing-001.htm new file mode 100644 index 00000000000..9a8ce41344d --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/html/text-word-spacing-001.htm @@ -0,0 +1,36 @@ +<!DOCTYPE html> +<html><head><title>CSS Text Test: Word Spacing</title> +<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote"> +<link href="http://www.w3.org/TR/css-text-3/#word-spacing" rel="help"> +<link href="support/ahem.css" type="text/css" rel="stylesheet"> +<link href="reference/text-word-spacing-ref.htm" rel="match"> +<meta content="ahem" name="flags"> +<meta content="Test checks that word-spacing works with percentages." name="assert"> +<style> +@font-face { + font-family: Ahem; + src: url(support/Ahem.ttf); +} +/* We use Ahem to avoid very minor differences between the test and the + reference that occur with certain font+platform combinations. */ +div { font-family: Ahem; font-size: 20px; } +div.wsn100 { word-spacing: -100%; } +div.wsn40 { word-spacing: -40%; } +div.ws0 { word-spacing: 0%; } +div.ws25 { word-spacing: calc(25% + 0px); } +div.ws100 { word-spacing: 100%; } +div.ws300 { word-spacing: calc(100% + 6em + 50%*4 - 12em/2); } +div.ws400p1 { word-spacing: calc(400% + 1em); } +</style> +</head><body> + <p>Test passes if the space between the words starts at zero and increases by + one on each subsequent line.</p> + <div class="wsn100">A Bc Def Ghij</div> + <div class="ws0">A Bc Def Ghij</div> + <div class="ws100">A Bc Def Ghij</div> + <div class="wsn40">A Bc Def Ghij</div> + <div class="ws300">A Bc Def Ghij</div> + <div class="ws25">A Bc Def Ghij</div> + <div class="ws400p1">A Bc Def Ghij</div> + +</body></html>
\ 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 @@ <tbody id="s8"> <tr><th><a href="chapter-8.htm">Chapter 8 - Spacing</a></th> - <td>(6 Tests)</td></tr> + <td>(7 Tests)</td></tr> </tbody> <tbody id="s9"> <tr><th><a href="chapter-9.htm">Chapter 9 - 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 f99462b1c51..7d85bdfc727 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 @@ -1417,6 +1417,8 @@ html/text-transform-none-001.htm 3f76372dde584e0852e7cd297d3e68a30ecc4ec6 ? xhtml1/text-transform-none-001.xht 3f76372dde584e0852e7cd297d3e68a30ecc4ec6 ? html/text-transform-uppercase-001.htm 5efd91206f74207fcd84218c12ff9453b19f88fd ? xhtml1/text-transform-uppercase-001.xht 5efd91206f74207fcd84218c12ff9453b19f88fd ? +html/text-word-spacing-001.htm 1d428836591c2fbedf05441accc637e2ad26957f ? +xhtml1/text-word-spacing-001.xht 1d428836591c2fbedf05441accc637e2ad26957f ? html/white-space-collapse-000.htm 8ee09670c324129ad69d3387d11fbd1153236e7f ? xhtml1/white-space-collapse-000.xht 8ee09670c324129ad69d3387d11fbd1153236e7f ? html/white-space-collapse-001.htm 2d713b188ad111ef5ee582b47b6416fcc20ed8e1 ? diff --git a/tests/wpt/css-tests/css-text-3_dev/index.htm b/tests/wpt/css-tests/css-text-3_dev/index.htm index aef11f24da2..58f60a9d04d 100644 --- a/tests/wpt/css-tests/css-text-3_dev/index.htm +++ b/tests/wpt/css-tests/css-text-3_dev/index.htm @@ -137,6 +137,7 @@ <li>Intel</li> <li>Makoto Kikuchi</li> <li>Masataka Yakura</li> + <li>Nicholas Nethercote</li> <li>Richard Ishida</li> <li>Satoshi Umehara</li> <li>Shiyou Tan</li> diff --git a/tests/wpt/css-tests/css-text-3_dev/index.xht b/tests/wpt/css-tests/css-text-3_dev/index.xht index 707014e7657..ea7ec1eb99b 100644 --- a/tests/wpt/css-tests/css-text-3_dev/index.xht +++ b/tests/wpt/css-tests/css-text-3_dev/index.xht @@ -137,6 +137,7 @@ <li>Intel</li> <li>Makoto Kikuchi</li> <li>Masataka Yakura</li> + <li>Nicholas Nethercote</li> <li>Richard Ishida</li> <li>Satoshi Umehara</li> <li>Shiyou Tan</li> 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 e47c6206d1c..ea8164d1afa 100644 --- a/tests/wpt/css-tests/css-text-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-text-3_dev/testinfo.data @@ -706,6 +706,7 @@ text-transform-fullwidth-001 reference/text-transform-fullwidth-001-ref text-tra text-transform-lowercase-001 reference/text-transform-lowercase-001-ref text-transform - lowercase - basic cases http://www.w3.org/TR/css-text-3/#text-transform b99d33435f651a9ba6d835eaa2fd51ad6684ae48 `Satoshi Umehara`<mailto:umehara@est.co.jp> The UA should put all characters in lowercase when text-transform is set to lowercase. text-transform-none-001 reference/text-transform-none-001-ref text-transform - none - basic cases http://www.w3.org/TR/css-text-3/#text-transform 3f76372dde584e0852e7cd297d3e68a30ecc4ec6 `Satoshi Umehara`<mailto:umehara@est.co.jp> The UA should do nothing when text-transform is set to none. text-transform-uppercase-001 reference/text-transform-uppercase-001-ref text-transform - uppercase - basic cases http://www.w3.org/TR/css-text-3/#text-transform 5efd91206f74207fcd84218c12ff9453b19f88fd `Satoshi Umehara`<mailto:umehara@est.co.jp> The UA should put all characters in uppercase when text-transform is set to uppercase. +text-word-spacing-001 reference/text-word-spacing-ref Word Spacing ahem http://www.w3.org/TR/css-text-3/#word-spacing 1d428836591c2fbedf05441accc637e2ad26957f `Nicholas Nethercote`<mailto:nnethercote@mozilla.com> Test checks that word-spacing works with percentages. white-space-collapse-000 White space collapse script https://drafts.csswg.org/css-text-3/#line-break-transform 8ee09670c324129ad69d3387d11fbd1153236e7f `Richard Ishida`<mailto:ishida@w3.org> Every tab is converted to a space. Any space immediately following another collapsible space is collapsed to have zero advance width. white-space-collapse-001 White space and non-ASCII spaces script https://drafts.csswg.org/css-text-3/#line-break-transform 2d713b188ad111ef5ee582b47b6416fcc20ed8e1 `Richard Ishida`<mailto:ishida@w3.org> Any space immediately following another collapsible space is collapsed to have zero advance width. Only refers to U+0020, not other Unicode spaces. white-space-collapse-002 Whitespace and bidi control characters script https://drafts.csswg.org/css-text-3/#line-break-transform 61f215fa9da89aba0cac85e3c65c0e0d2e719122 `Richard Ishida`<mailto:ishida@w3.org> All spaces and tabs immediately preceding or following a segment break are removed, ignoring bidi formatting characters as if they were not there. diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-8.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-8.xht index 0787a610dca..5c2040445b1 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-8.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/chapter-8.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Text Module Level 3 CR Test Suite</h1> - <h2>Spacing (6 tests)</h2> + <h2>Spacing (7 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -52,7 +52,18 @@ <!-- 0 tests --> </tbody> <tbody id="s8.1.#word-spacing"> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="text-word-spacing-001-8.1.#word-spacing" class="primary ahem"> + <td><strong> + <a href="text-word-spacing-001.xht">text-word-spacing-001</a></strong></td> + <td><a href="reference/text-word-spacing-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Word Spacing + <ul class="assert"> + <li>Test checks that word-spacing works with percentages.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s8.2"> <tr><th colspan="4" scope="rowgroup"> 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 Binary files differnew file mode 100644 index 00000000000..ac81cb03165 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/Ahem.ttf 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 Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Text Test: Word Spacing</title> +<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +@font-face { + font-family: Ahem; + src: url(support/Ahem.ttf); +} +/* We use Ahem to avoid very minor differences between the test and the + reference that occur with certain font+platform combinations. */ +div { font-family: Ahem; font-size: 20px; } +span.padoneem { padding-left: 1em; } +</style> +</head><body> + <p>Test passes if the space between the words starts at zero and increases by + one on each subsequent line.</p> + <div>ABcDefGhij</div> + <div>A Bc Def Ghij</div> + <div>A  Bc  Def  Ghij</div> + <div>A   Bc   Def   Ghij</div> + <div>A    Bc    Def    Ghij</div> + <div>A     Bc     Def     Ghij</div> + <div>A     <span class="padoneem">Bc     <span class="padoneem">Def     <span class="padoneem">Ghij     <span class="padoneem"></span></span></span></span></div> + +</body></html>
\ 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 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="text-word-spacing-001" class="ahem"> + <tr> + <td rowspan="1" title="Word Spacing"> + <a href="text-word-spacing-001.xht">text-word-spacing-001</a></td> + <td><a href="reference/text-word-spacing-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="white-space-collapsing-discard-001" class=""> <tr> <td rowspan="1" title="white-space-collapsing - discard - basic cases"> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list index 38c7e20399d..f6ef91f6f8c 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/reftest.list @@ -544,6 +544,7 @@ text-transform-fullwidth-001.xht == reference/text-transform-fullwidth-001-ref.x text-transform-lowercase-001.xht == reference/text-transform-lowercase-001-ref.xht text-transform-none-001.xht == reference/text-transform-none-001-ref.xht text-transform-uppercase-001.xht == reference/text-transform-uppercase-001-ref.xht +text-word-spacing-001.xht == reference/text-word-spacing-ref.xht white-space-collapsing-discard-001.xht == reference/white-space-collapsing-discard-001-ref.xht white-space-collapsing-preserve-breaks-001.xht == reference/white-space-collapsing-preserve-breaks-001-ref.xht white-space-collapsing-trim-inner-001.xht == reference/white-space-collapsing-trim-inner-001-ref.xht diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/Ahem.ttf Binary files differnew file mode 100644 index 00000000000..ac81cb03165 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/Ahem.ttf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/ahem.css new file mode 100644 index 00000000000..82ee466791e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/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/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-word-spacing-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-word-spacing-001.xht new file mode 100644 index 00000000000..d36e28469d5 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1/text-word-spacing-001.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Text Test: Word Spacing</title> +<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" /> +<link href="http://www.w3.org/TR/css-text-3/#word-spacing" rel="help" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<link href="reference/text-word-spacing-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<meta content="Test checks that word-spacing works with percentages." name="assert" /> +<style> +@font-face { + font-family: Ahem; + src: url(support/Ahem.ttf); +} +/* We use Ahem to avoid very minor differences between the test and the + reference that occur with certain font+platform combinations. */ +div { font-family: Ahem; font-size: 20px; } +div.wsn100 { word-spacing: -100%; } +div.wsn40 { word-spacing: -40%; } +div.ws0 { word-spacing: 0%; } +div.ws25 { word-spacing: calc(25% + 0px); } +div.ws100 { word-spacing: 100%; } +div.ws300 { word-spacing: calc(100% + 6em + 50%*4 - 12em/2); } +div.ws400p1 { word-spacing: calc(400% + 1em); } +</style> +</head><body> + <p>Test passes if the space between the words starts at zero and increases by + one on each subsequent line.</p> + <div class="wsn100">A Bc Def Ghij</div> + <div class="ws0">A Bc Def Ghij</div> + <div class="ws100">A Bc Def Ghij</div> + <div class="wsn40">A     Bc     Def     Ghij</div> + <div class="ws300">A Bc Def Ghij</div> + <div class="ws25">A    Bc    Def    Ghij</div> + <div class="ws400p1">A Bc Def Ghij</div> + +</body></html>
\ 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 @@ <tbody id="s8"> <tr><th><a href="chapter-8.xht">Chapter 8 - Spacing</a></th> - <td>(6 Tests)</td></tr> + <td>(7 Tests)</td></tr> </tbody> <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-8.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-8.xht index 0787a610dca..5c2040445b1 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-8.xht +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/chapter-8.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Text Module Level 3 CR Test Suite</h1> - <h2>Spacing (6 tests)</h2> + <h2>Spacing (7 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -52,7 +52,18 @@ <!-- 0 tests --> </tbody> <tbody id="s8.1.#word-spacing"> - <!-- 0 tests --> + <!-- 1 tests --> + <tr id="text-word-spacing-001-8.1.#word-spacing" class="primary ahem"> + <td><strong> + <a href="text-word-spacing-001.xht">text-word-spacing-001</a></strong></td> + <td><a href="reference/text-word-spacing-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>Word Spacing + <ul class="assert"> + <li>Test checks that word-spacing works with percentages.</li> + </ul> + </td> + </tr> </tbody> <tbody id="s8.2"> <tr><th colspan="4" scope="rowgroup"> 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 Binary files differnew file mode 100644 index 00000000000..ac81cb03165 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/Ahem.ttf 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 Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Text Test: Word Spacing</title> +<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<meta content="ahem" name="flags" /> +<style> +@font-face { + font-family: Ahem; + src: url(support/Ahem.ttf); +} +/* We use Ahem to avoid very minor differences between the test and the + reference that occur with certain font+platform combinations. */ +div { font-family: Ahem; font-size: 20px; } +span.padoneem { padding-left: 1em; } +</style> +</head><body> + <p>Test passes if the space between the words starts at zero and increases by + one on each subsequent line.</p> + <div>ABcDefGhij</div> + <div>A Bc Def Ghij</div> + <div>A  Bc  Def  Ghij</div> + <div>A   Bc   Def   Ghij</div> + <div>A    Bc    Def    Ghij</div> + <div>A     Bc     Def     Ghij</div> + <div>A     <span class="padoneem">Bc     <span class="padoneem">Def     <span class="padoneem">Ghij     <span class="padoneem"></span></span></span></span></div> + +</body></html>
\ 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 @@ <td rowspan="1"></td> </tr> </tbody> + <tbody id="text-word-spacing-001" class="ahem"> + <tr> + <td rowspan="1" title="Word Spacing"> + <a href="text-word-spacing-001.xht">text-word-spacing-001</a></td> + <td><a href="reference/text-word-spacing-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="white-space-collapsing-discard-001" class=""> <tr> <td rowspan="1" title="white-space-collapsing - discard - basic cases"> diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list index 38c7e20399d..f6ef91f6f8c 100644 --- a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/reftest.list @@ -544,6 +544,7 @@ text-transform-fullwidth-001.xht == reference/text-transform-fullwidth-001-ref.x text-transform-lowercase-001.xht == reference/text-transform-lowercase-001-ref.xht text-transform-none-001.xht == reference/text-transform-none-001-ref.xht text-transform-uppercase-001.xht == reference/text-transform-uppercase-001-ref.xht +text-word-spacing-001.xht == reference/text-word-spacing-ref.xht white-space-collapsing-discard-001.xht == reference/white-space-collapsing-discard-001-ref.xht white-space-collapsing-preserve-breaks-001.xht == reference/white-space-collapsing-preserve-breaks-001-ref.xht white-space-collapsing-trim-inner-001.xht == reference/white-space-collapsing-trim-inner-001-ref.xht diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/Ahem.ttf b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/Ahem.ttf Binary files differnew file mode 100644 index 00000000000..ac81cb03165 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/Ahem.ttf diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/ahem.css b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/ahem.css new file mode 100644 index 00000000000..82ee466791e --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/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/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-word-spacing-001.xht b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-word-spacing-001.xht new file mode 100644 index 00000000000..d36e28469d5 --- /dev/null +++ b/tests/wpt/css-tests/css-text-3_dev/xhtml1print/text-word-spacing-001.xht @@ -0,0 +1,36 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Text Test: Word Spacing</title> +<link href="mailto:nnethercote@mozilla.com" rel="author" title="Nicholas Nethercote" /> +<link href="http://www.w3.org/TR/css-text-3/#word-spacing" rel="help" /> +<link href="support/ahem.css" type="text/css" rel="stylesheet" /> +<link href="reference/text-word-spacing-ref.xht" rel="match" /> +<meta content="ahem" name="flags" /> +<meta content="Test checks that word-spacing works with percentages." name="assert" /> +<style> +@font-face { + font-family: Ahem; + src: url(support/Ahem.ttf); +} +/* We use Ahem to avoid very minor differences between the test and the + reference that occur with certain font+platform combinations. */ +div { font-family: Ahem; font-size: 20px; } +div.wsn100 { word-spacing: -100%; } +div.wsn40 { word-spacing: -40%; } +div.ws0 { word-spacing: 0%; } +div.ws25 { word-spacing: calc(25% + 0px); } +div.ws100 { word-spacing: 100%; } +div.ws300 { word-spacing: calc(100% + 6em + 50%*4 - 12em/2); } +div.ws400p1 { word-spacing: calc(400% + 1em); } +</style> +</head><body> + <p>Test passes if the space between the words starts at zero and increases by + one on each subsequent line.</p> + <div class="wsn100">A Bc Def Ghij</div> + <div class="ws0">A Bc Def Ghij</div> + <div class="ws100">A Bc Def Ghij</div> + <div class="wsn40">A     Bc     Def     Ghij</div> + <div class="ws300">A Bc Def Ghij</div> + <div class="ws25">A    Bc    Def    Ghij</div> + <div class="ws400p1">A Bc Def Ghij</div> + +</body></html>
\ 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 @@ <tbody id="s8"> <tr><th><a href="chapter-8.xht">Chapter 8 - Spacing</a></th> - <td>(6 Tests)</td></tr> + <td>(7 Tests)</td></tr> </tbody> <tbody id="s9"> <tr><th><a href="chapter-9.xht">Chapter 9 - diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/html/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/html/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-text-decor-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-001.htm b/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-001.htm index d6fc138cd56..aea335d191a 100644 --- a/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-001.htm +++ b/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-001.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query. " name="assert"> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY"> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY"> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help"> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help"> diff --git a/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-002.htm b/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-002.htm index 210f18f9ed9..50bc6cb4526 100644 --- a/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-002.htm +++ b/tests/wpt/css-tests/css-values-3_dev/html/calc-in-media-queries-002.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query properly (=with range clamping). " name="assert"> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY"> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY"> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help"> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help"> diff --git a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-pct.htm b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-pct.htm index ffa688992f5..ad3c478d786 100644 --- a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-pct.htm +++ b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-pct.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-px.htm b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-px.htm index c59a9f1a143..2ae6f7a5700 100644 --- a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-px.htm +++ b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-px.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-vh.htm b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-vh.htm index f1c00034826..7197b6da943 100644 --- a/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-vh.htm +++ b/tests/wpt/css-tests/css-values-3_dev/html/vh-interpolate-vh.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-values-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-values-3_dev/implementation-report-TEMPLATE.data index 6977f30d896..eb75838d568 100644 --- a/tests/wpt/css-tests/css-values-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-values-3_dev/implementation-report-TEMPLATE.data @@ -49,10 +49,10 @@ html/calc-height-table-1.htm aaa87fc375b1f80271853d2c80fa30e6e7953c05 ? xhtml1/calc-height-table-1.xht aaa87fc375b1f80271853d2c80fa30e6e7953c05 ? html/calc-in-calc.htm bdf08b589fb1b18d33858b1fadbf22dbdbcd8b10 ? xhtml1/calc-in-calc.xht bdf08b589fb1b18d33858b1fadbf22dbdbcd8b10 ? -html/calc-in-media-queries-001.htm 76041848c2d73ff643ff2ae5b858e92ecc0661eb ? -xhtml1/calc-in-media-queries-001.xht 76041848c2d73ff643ff2ae5b858e92ecc0661eb ? -html/calc-in-media-queries-002.htm 4b4079fde947d7f5774601249a38067946206375 ? -xhtml1/calc-in-media-queries-002.xht 4b4079fde947d7f5774601249a38067946206375 ? +html/calc-in-media-queries-001.htm 4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b ? +xhtml1/calc-in-media-queries-001.xht 4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b ? +html/calc-in-media-queries-002.htm 9a9949bf31ece680a8d54659d18517483a919d2d ? +xhtml1/calc-in-media-queries-002.xht 9a9949bf31ece680a8d54659d18517483a919d2d ? html/calc-invalid-range-clamping.htm b27b28c5a0fe3027e23fadc94ca18e15cecc1668 ? xhtml1/calc-invalid-range-clamping.xht b27b28c5a0fe3027e23fadc94ca18e15cecc1668 ? html/calc-margin-block-1.htm 1d7889b64fd00e87e2b2961c5e42e6af8577ae5a ? @@ -179,12 +179,12 @@ html/vh-em-inherit.htm bd54e3e097d1f4b5799a696bfffeebf5561c072f ? xhtml1/vh-em-inherit.xht bd54e3e097d1f4b5799a696bfffeebf5561c072f ? html/vh-inherit.htm e006cf0e4f727a753c115bb062ed9aa3854375b0 ? xhtml1/vh-inherit.xht e006cf0e4f727a753c115bb062ed9aa3854375b0 ? -html/vh-interpolate-pct.htm e263245c653c76da4ebf1afd5463deb31d27e365 ? -xhtml1/vh-interpolate-pct.xht e263245c653c76da4ebf1afd5463deb31d27e365 ? -html/vh-interpolate-px.htm fa83d5d77411f3c93cf7e465552f47494bfe9d7a ? -xhtml1/vh-interpolate-px.xht fa83d5d77411f3c93cf7e465552f47494bfe9d7a ? -html/vh-interpolate-vh.htm 0e224532385323bb9061d9b18c1def8c330ad6ae ? -xhtml1/vh-interpolate-vh.xht 0e224532385323bb9061d9b18c1def8c330ad6ae ? +html/vh-interpolate-pct.htm fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 ? +xhtml1/vh-interpolate-pct.xht fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 ? +html/vh-interpolate-px.htm 41a610e2dd418e47f56d88171dd0c52a57e06b5e ? +xhtml1/vh-interpolate-px.xht 41a610e2dd418e47f56d88171dd0c52a57e06b5e ? +html/vh-interpolate-vh.htm 42ccc23cc2f90272644bd0188261dacba081ccb2 ? +xhtml1/vh-interpolate-vh.xht 42ccc23cc2f90272644bd0188261dacba081ccb2 ? html/vh-support-atviewport.htm 7cc8bb8f1cde2aecece15e72882e45b67bfc4bdd ? xhtml1/vh-support-atviewport.xht 7cc8bb8f1cde2aecece15e72882e45b67bfc4bdd ? html/vh-support-margin.htm f951f1c99e3a6be4134265b4da05aabbd71eb103 ? diff --git a/tests/wpt/css-tests/css-values-3_dev/index.htm b/tests/wpt/css-tests/css-values-3_dev/index.htm index e845ed34d9e..892c87d7b6c 100644 --- a/tests/wpt/css-tests/css-values-3_dev/index.htm +++ b/tests/wpt/css-tests/css-values-3_dev/index.htm @@ -130,6 +130,7 @@ <li>Christian Schaefer</li> <li>Emil A Eklund</li> <li>Florian Rivoal</li> + <li>Fran�ois REMY</li> <li>François REMY</li> <li>François REMY</li> <li>Gérard Talbot</li> diff --git a/tests/wpt/css-tests/css-values-3_dev/index.xht b/tests/wpt/css-tests/css-values-3_dev/index.xht index e410c2c4d4b..99f380412f4 100644 --- a/tests/wpt/css-tests/css-values-3_dev/index.xht +++ b/tests/wpt/css-tests/css-values-3_dev/index.xht @@ -130,6 +130,7 @@ <li>Christian Schaefer</li> <li>Emil A Eklund</li> <li>Florian Rivoal</li> + <li>Fran�ois REMY</li> <li>François REMY</li> <li>François REMY</li> <li>Gérard Talbot</li> diff --git a/tests/wpt/css-tests/css-values-3_dev/testinfo.data b/tests/wpt/css-tests/css-values-3_dev/testinfo.data index 764025aa342..032e150adbf 100644 --- a/tests/wpt/css-tests/css-values-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-values-3_dev/testinfo.data @@ -22,8 +22,8 @@ calc-border-radius-1 reference/calc-border-radius-1-ref test for border-radius: calc-height-block-1 reference/calc-height-block-1-ref Test for height:calc() on blocks http://www.w3.org/TR/css3-values/#calc-notation 952526a2250e62df4cd71c656df40c8e1583d802 `L. David Baron`<http://dbaron.org/> calc-height-table-1 reference/calc-height-table-1-ref Test that height:calc() with no percentages has an effect on inner table elements http://www.w3.org/TR/css3-values/#calc-notation aaa87fc375b1f80271853d2c80fa30e6e7953c05 `L. David Baron`<http://dbaron.org/> calc-in-calc reference/all-green Calc() inside calc() http://www.w3.org/TR/css3-values/#calc-notation bdf08b589fb1b18d33858b1fadbf22dbdbcd8b10 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() function notation is allowed inside a calc() notation. -calc-in-media-queries-001 reference/all-green Calc function inside media queries http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width 76041848c2d73ff643ff2ae5b858e92ecc0661eb `François REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() expression is supported in the min-width media query. -calc-in-media-queries-002 reference/all-green Calc function inside media queries http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width 4b4079fde947d7f5774601249a38067946206375 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() expression is supported in the min-width media query properly (=with range clamping). +calc-in-media-queries-001 reference/all-green Calc function inside media queries http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width 4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b `Fran�ois REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() expression is supported in the min-width media query. +calc-in-media-queries-002 reference/all-green Calc function inside media queries http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width 9a9949bf31ece680a8d54659d18517483a919d2d `Fran�ois REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() expression is supported in the min-width media query properly (=with range clamping). calc-invalid-range-clamping reference/200-200-green Range clamping into calc() expressions http://www.w3.org/TR/css3-values/#calc-notation b27b28c5a0fe3027e23fadc94ca18e15cecc1668 `François REMY`<mailto:fremycompany.developer@yahoo.fr> A calc expression can evaluate to a value which is outside the validity range. If it does, this value must be clamped into the range. The declaration must not be ignored. calc-margin-block-1 reference/calc-margin-block-1-ref Test of margin-*: calc() http://www.w3.org/TR/css3-values/#calc-notation 1d7889b64fd00e87e2b2961c5e42e6af8577ae5a `L. David Baron`<http://dbaron.org/> calc-max-height-block-1 reference/calc-max-height-block-1-ref Test for max-height:calc() on blocks http://www.w3.org/TR/css3-values/#calc-notation f59e64c55e4610b5e23a0cf99f646f657d0ae58f `L. David Baron`<http://dbaron.org/> @@ -87,9 +87,9 @@ vh-calc-support reference/all-green Viewport units are supported inside calc exp vh-calc-support-pct reference/all-green Viewport units are supported inside calc expressions. http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-values/#calc-notation 23bb4d003b19c48d16bdd04eb1da62451c0fcc3e `François REMY`<mailto:fremycompany.developer@yahoo.fr> Check that viewport units add correctly to percentages in calc() expressions vh-em-inherit reference/all-green 0vh and 0vw are correctly treated as 0px http://www.w3.org/TR/css3-values/#viewport-relative-lengths bd54e3e097d1f4b5799a696bfffeebf5561c072f `François REMY`<mailto:fremycompany.developer@yahoo.fr> 0vh and 0vw are correctly treated as 0px vh-inherit reference/all-green Viewport units are inherited properly http://www.w3.org/TR/css3-values/#viewport-relative-lengths e006cf0e4f727a753c115bb062ed9aa3854375b0 `François REMY`<mailto:fremycompany.developer@yahoo.fr> Viewport units are inherited properly -vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations e263245c653c76da4ebf1afd5463deb31d27e365 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) -vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations fa83d5d77411f3c93cf7e465552f47494bfe9d7a `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) -vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 0e224532385323bb9061d9b18c1def8c330ad6ae `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw) +vh-interpolate-pct reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations fd47cb04c7042f6379b2664b7742a5a01ea9d1a0 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) +vh-interpolate-px reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 41a610e2dd418e47f56d88171dd0c52a57e06b5e `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 0px and 200vh is 100vh (respectively for vw) +vh-interpolate-vh reference/all-green Viewport units are interpolated correctly http://www.w3.org/TR/css3-values/#viewport-relative-lengths,http://www.w3.org/TR/css3-animations/#animations 42ccc23cc2f90272644bd0188261dacba081ccb2 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The interpolated size mid-way between 75vh and 125vh is 100vh (respectively for vw) vh-support reference/all-green Viewports units are supported in sizing properties http://www.w3.org/TR/css3-values/#viewport-relative-lengths 13609543ab6880c4f4fa00168fe8c6d48abf0270 `François REMY`<mailto:fremycompany.developer@yahoo.fr> Viewports units are supported in sizing properties vh-support-atviewport reference/all-green Viewports units are supported in @viewport rules http://www.w3.org/TR/css3-values/#viewport-relative-lengths,https://drafts.csswg.org/css-device-adapt-1/ 7cc8bb8f1cde2aecece15e72882e45b67bfc4bdd `François REMY`<mailto:fremycompany.developer@yahoo.fr> Viewports units are supported in @viewport rules vh-support-margin reference/all-green Viewports units are supported in margin properties http://www.w3.org/TR/css3-values/#viewport-relative-lengths f951f1c99e3a6be4134265b4da05aabbd71eb103 `François REMY`<mailto:fremycompany.developer@yahoo.fr> Viewports units are supported in margin properties diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht index 8fe6d4c221f..3a2f639e4f0 100644 --- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht +++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query. " name="assert" /> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY" /> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" /> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" /> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" /> diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht index 0e98b6b3f8d..0ea9175ec10 100644 --- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht +++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query properly (=with range clamping). " name="assert" /> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY" /> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" /> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" /> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" /> diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-pct.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-pct.xht index 1e8c0b817bb..980d0d536f5 100644 --- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-pct.xht +++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-pct.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-px.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-px.xht index ec81223cbb4..da909744e7a 100644 --- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-px.xht +++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-px.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units Test: Viewport units are interpolated correctly diff --git a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-vh.xht b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-vh.xht index 88aefecc347..65257a7573e 100644 --- a/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-vh.xht +++ b/tests/wpt/css-tests/css-values-3_dev/xhtml1/vh-interpolate-vh.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units Test: Viewport units are interpolated correctly 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-002.htm index 74d3305a6a7..20a6689be57 100644 --- 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-002.htm @@ -14,9 +14,9 @@ <style type="text/css"> html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -25,22 +25,28 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-003.htm index 485465f75a9..2fe1367e157 100644 --- 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-003.htm @@ -14,9 +14,9 @@ <style type="text/css"> html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -25,22 +25,28 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-005.htm index ef997862033..47741b67fc2 100644 --- 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-005.htm @@ -14,23 +14,29 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#floated-left - { - background-color: blue; - border-top: blue solid 1em; - float: left; - height: 8em; - writing-mode: vertical-rl; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-top: blue solid 1em; + float: left; + height: 8em; + writing-mode: vertical-rl; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-006.htm index 1d2c9c50270..dbf49fe4805 100644 --- 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-006.htm @@ -14,22 +14,25 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - writing-mode: vertical-rl; - } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + writing-mode: vertical-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-007.htm index a2744eaa335..f45e71d7c67 100644 --- 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-007.htm @@ -14,23 +14,29 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: vertical-lr; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: vertical-lr; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-008.htm index d7b148f1dd1..cbb55384c16 100644 --- 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-008.htm @@ -14,22 +14,25 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: vertical-lr; - } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: vertical-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-009.htm index 62a1db50f6d..ee3801605b4 100644 --- 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-009.htm @@ -14,29 +14,35 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: vertical-rl; - } + { + height: 9em; + left: auto; + position: absolute; + writing-mode: vertical-rl; + } div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-010.htm index 02266287c1b..2a2cd35d393 100644 --- 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-010.htm @@ -14,29 +14,35 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: vertical-lr; - } + { + height: 9em; + left: auto; + position: absolute; + writing-mode: vertical-lr; + } div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-011.htm index 7b24aaaf853..ae20098b2ac 100644 --- 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-011.htm @@ -10,36 +10,45 @@ <link rel="match" href="reference/block-flow-direction-001-ref.htm"> <meta content="ahem" name="flags"> - <meta content="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." name="assert"> + <meta content="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." name="assert"> <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span.right-border { border-right: blue solid 1em; } - - span#left-border { border-left: blue solid 1em; } + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span.right-border + { + border-right: blue solid 1em; + } + + span#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-012.htm index c67c883f221..0681a63ab42 100644 --- 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-012.htm @@ -10,38 +10,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.htm"> <meta content="ahem" name="flags"> - <meta content="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." name="assert"> + <meta content="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." name="assert"> <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } + writing-mode: vertical-rl; + } span - { - border-right: blue solid 1em; - display: block; - } - - span#left-border { border-left: blue solid 1em; } + { + border-right: blue solid 1em; + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-013.htm index cc1ae7f7df1..4aa828ce342 100644 --- 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-013.htm @@ -10,35 +10,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.htm"> <meta content="ahem" name="flags"> - <meta content="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." name="assert"> + <meta content="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." name="assert"> <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span#left-border { border-left: blue solid 1em; } + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-014.htm index fa8c6d8ff96..b75ce9c722c 100644 --- 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-014.htm @@ -10,36 +10,45 @@ <link rel="match" href="reference/block-flow-direction-001-ref.htm"> <meta content="ahem" name="flags"> - <meta content="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." name="assert"> + <meta content="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." name="assert"> <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span.left-border { border-left: blue solid 1em; } - - span#right-border { border-right: blue solid 1em; } + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span.left-border + { + border-left: blue solid 1em; + } + + span#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-015.htm index 787a79f1195..174f564cb33 100644 --- 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-015.htm @@ -10,31 +10,34 @@ <link rel="match" href="reference/block-flow-direction-001-ref.htm"> <meta content="ahem" name="flags"> - <meta content="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." name="assert"> + <meta content="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." name="assert"> <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - writing-mode: vertical-lr; - } + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + writing-mode: vertical-lr; + } span - { - border-left: blue solid 1em; - display: block; - } - - span#right-border { border-right: blue solid 1em; } + { + border-left: blue solid 1em; + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } </style> </head> @@ -44,7 +47,7 @@ <div id="inline-block"> -<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> <!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> 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-016.htm index 82708e10b7c..f5a1f43c351 100644 --- 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-016.htm @@ -10,35 +10,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.htm"> <meta content="ahem" name="flags"> - <meta content="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." name="assert"> + <meta content="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." name="assert"> <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.inline-block - { - background-color: blue; - border-left: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-left: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span#right-border { border-right: blue solid 1em; } + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-017.htm index dc4ac9debda..492c940ec9e 100644 --- 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-017.htm @@ -5,10 +5,6 @@ <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - block flow direction of block-level boxes</title> - <!-- - 2015-05-31: Trying to reset test results for that test: hello Koji! - --> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> <link rel="match" href="reference/block-flow-direction-001-ref.htm"> @@ -18,28 +14,34 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: vertical-rl; - } + { + display: table-cell; + height: 9em; + writing-mode: vertical-rl; + } div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-018.htm index 90ff4e74321..335a4b55c4e 100644 --- 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-018.htm @@ -14,28 +14,34 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: vertical-lr; - } + { + display: table-cell; + height: 9em; + writing-mode: vertical-lr; + } div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-019.htm index e12865de22a..d15da67116d 100644 --- 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-019.htm @@ -14,28 +14,34 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: vertical-rl; - } + { + display: table-caption; + height: 9em; + writing-mode: vertical-rl; + } div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-020.htm index 2743f0206f5..e0676957d04 100644 --- 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-020.htm @@ -14,28 +14,34 @@ <style type="text/css"> body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: vertical-lr; - } + { + display: table-caption; + height: 9em; + writing-mode: vertical-lr; + } div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-021.htm index 56ac240c3ba..1fae0a8dc8a 100644 --- 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-021.htm @@ -14,9 +14,9 @@ <style type="text/css"> html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -25,24 +25,30 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ - } - - ul.right-border { border-right: blue solid 1em; } - - ul#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ + } + + ul.right-border + { + border-right: blue solid 1em; + } + + ul#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-022.htm index 7e8e3b862cb..0122e01764a 100644 --- 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-022.htm @@ -14,9 +14,9 @@ <style type="text/css"> html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -25,24 +25,30 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default 40px in several browsers */ - } - - ul.left-border { border-left: blue solid 1em; } - - ul#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default 40px in several browsers */ + } + + ul.left-border + { + border-left: blue solid 1em; + } + + ul#right-border + { + border-right: blue solid 1em; + } </style> </head> 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-023.htm index ef2eb97ead0..1f0b0edeea4 100644 --- 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-023.htm @@ -18,9 +18,9 @@ <style type="text/css"> html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -29,20 +29,23 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border: blue solid 1em; - border-right: blue none 0em; - } - - div#right-most { border-right: blue solid 1em; } + { + background-color: blue; + border: blue solid 1em; + border-right: blue none 0em; + } + + div#right-most + { + border-right: blue solid 1em; + } </style> </head> 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-024.htm index 2e24668964c..ecdfe4eceae 100644 --- 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-024.htm @@ -18,9 +18,9 @@ <style type="text/css"> html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -29,21 +29,24 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } </style> </head> 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-042.htm new file mode 100644 index 00000000000..45d70954f5a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-042.htm @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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... " name="assert"> + + <style type="text/css"> + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </body> +</html>
\ No newline at end of file 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-043.htm new file mode 100644 index 00000000000..575453ab112 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-043.htm @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-043-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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... " name="assert"> + + <style type="text/css"> + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </body> +</html>
\ No newline at end of file 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-045.htm new file mode 100644 index 00000000000..56b231a3eac --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-045.htm @@ -0,0 +1,88 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-left + { + background-color: blue; + border-top: blue solid 1em; + float: left; + height: 8em; + writing-mode: sideways-rl; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div id="floated-left"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-046.htm new file mode 100644 index 00000000000..4f30cfc0828 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-046.htm @@ -0,0 +1,90 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + writing-mode: sideways-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div class="floated-left"> + +<!-- The right-most line of "P" --> <div>eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of "A" --> <div>YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of left-most "S" --> <div>L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most line of right-most "S" --> <div>A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-047.htm new file mode 100644 index 00000000000..a4f7a899a68 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-047.htm @@ -0,0 +1,88 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: sideways-lr; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div id="floated-right"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-048.htm new file mode 100644 index 00000000000..5e2c1ea5261 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-048.htm @@ -0,0 +1,90 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: sideways-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The left-most line of right-most "S" --> <div>a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div>jjjj k</div> + + </div> + + <div class="floated-right"> + +<!-- The 1st left-most line of left-most "S" --> <div>N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + </div> + + <div class="floated-right"> + +<!-- The left-most line of "A" --> <div>GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-049.htm new file mode 100644 index 00000000000..c1d2690d804 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-049.htm @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: sideways-rl; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-050.htm new file mode 100644 index 00000000000..2ac710f83c1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-050.htm @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: sideways-lr; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-051.htm new file mode 100644 index 00000000000..9c53d52a5dd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-051.htm @@ -0,0 +1,104 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span.right-border + { + border-right: blue solid 1em; + } + + span#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most line of right-most "S" --> <span class="right-border">A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + + +<!-- The right-most line of left-most "S" --> <span class="right-border">L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + + +<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + + +<!-- The right-most line of "P" --> <span class="right-border">eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-052.htm new file mode 100644 index 00000000000..abe1ac7f5e3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-052.htm @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + border-right: blue solid 1em; + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span id="left-border">eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-053.htm new file mode 100644 index 00000000000..705ed7dd76b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-053.htm @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-054.htm new file mode 100644 index 00000000000..23a5b6698f7 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-054.htm @@ -0,0 +1,104 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span.left-border + { + border-left: blue solid 1em; + } + + span#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + + +<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + + +<!-- The 1st left-most line of left-most "S" --> <span class="left-border">N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + + +<!-- The left-most line of right-most "S" --> <span class="left-border">a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-055.htm new file mode 100644 index 00000000000..cb3b5c46b63 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-055.htm @@ -0,0 +1,63 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + display: inline-block; + height: 8em; + writing-mode: sideways-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF</span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> + +<!-- The right-most "S" --> <span id="right-border">a bbbb c d e f g h jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-056.htm new file mode 100644 index 00000000000..cf4c07e2889 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-056.htm @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-057.htm new file mode 100644 index 00000000000..85e5500c9fd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-057.htm @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: sideways-rl; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-058.htm new file mode 100644 index 00000000000..79f49349075 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-058.htm @@ -0,0 +1,92 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: sideways-lr; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-059.htm new file mode 100644 index 00000000000..b99ec256713 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-059.htm @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: sideways-rl; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-060.htm new file mode 100644 index 00000000000..7e2f4642095 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-060.htm @@ -0,0 +1,92 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-001-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: sideways-lr; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-061.htm new file mode 100644 index 00000000000..6eeb81bd1cd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-061.htm @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: list and sideways-rl - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem image" name="flags"> + <meta content="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... " name="assert"> + + <style type="text/css"> + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ + } + + ul.right-border + { + border-right: blue solid 1em; + } + + ul#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A BBBB</li></ul> + +<!-- The 2nd right-most line of right-most "S" --> <ul><li>C D E</li></ul> + +<!-- The 3rd right-most line of right-most "S" --> <ul><li>F G H</li></ul> + +<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ K</li></ul> + + + +<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L MMMM</li></ul> + +<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q R S</li></ul> + +<!-- The 3rd right-most line of left-most "S" --> <ul><li>T U V</li></ul> + +<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW X</li></ul> + + + +<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul> + +<!-- The 2nd right-most line of "A" --> <ul><li>Z a </li></ul> + +<!-- The 3rd right-most line of "A" --> <ul><li>b c </li></ul> + +<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul> + + + +<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee </li></ul> + +<!-- The 2nd right-most line of "P" --> <ul><li>f g </li></ul> + +<!-- The 3rd right-most line of "P" --> <ul><li>h j </li></ul> + +<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file 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-062.htm new file mode 100644 index 00000000000..d9ec4c616bd --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-062.htm @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: list and sideways-lr - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-043-ref.htm"> + + <meta content="ahem image" name="flags"> + <meta content="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... " name="assert"> + + <style type="text/css"> + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-top: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-bottom: 1em; /* overriding default 40px in several browsers */ + } + + ul.left-border + { + border-left: blue solid 1em; + } + + ul#right-border + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul> + +<!-- The 2nd left-most line of "P" --> <ul><li> B C</li></ul> + +<!-- The 3rd left-most line of "P" --> <ul><li> D E</li></ul> + +<!-- The 4th left-most line of "P" --> <ul><li> FFFF</li></ul> + + + +<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul> + +<!-- The 2nd left-most line of "A" --> <ul><li> H J</li></ul> + +<!-- The 3rd left-most line of "A" --> <ul><li> K L</li></ul> + +<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul> + + + +<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>N QQQQ</li></ul> + +<!-- The 2nd left-most line of left-most "S" --> <ul><li>R S T</li></ul> + +<!-- The 3rd left-most line of left-most "S" --> <ul><li>U V W</li></ul> + +<!-- The 4th left-most line of left-most "S" --> <ul><li>XXXX Y</li></ul> + + + +<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>a bbbb</li></ul> + +<!-- The 2nd left-most line of right-most "S" --> <ul><li>c d e</li></ul> + +<!-- The 3rd left-most line of right-most "S" --> <ul><li>f g h</li></ul> + +<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj k</li></ul> + + </body> +</html>
\ No newline at end of file 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-063.htm new file mode 100644 index 00000000000..f7f705fbbdb --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-063.htm @@ -0,0 +1,63 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-043-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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... " name="assert"> + + <!-- + This test is a variation of block-flow-direction-003 test. + --> + + <style type="text/css"> + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border: blue solid 1em; + border-right: blue none 0em; + } + + div#right-most + { + border-right: blue solid 1em; + } + </style> + </head> + + <body> + +<!-- The "P" --> <div>AAAAAAA B C D E FFFF</div> + +<!-- The "A" --> <div>GGGGGGG H J K L MMMMMMM</div> + +<!-- The left-most "S" --> <div>N QQQQ R S T U V W XXXX Y</div> + +<!-- The right-most "S" --> <div id="right-most">a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file 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-064.htm new file mode 100644 index 00000000000..4b7e8f44829 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-064.htm @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="match" href="reference/block-flow-direction-002-ref.htm"> + + <meta content="ahem" name="flags"> + <meta content="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... " name="assert"> + + <!-- + This test is a variation of block-flow-direction-002 test. + --> + + <style type="text/css"> + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + </style> + </head> + + <body> + +<!-- The right-most "S" --> <div>A BBBB C D E F G H JJJJ K</div> + +<!-- The left-most "S" --> <div>L MMMM Q R S T U V WWWW X</div> + +<!-- The "A" --> <div>YYYYYYY Z a b c ddddddd</div> + +<!-- The "P" --> <div id="left-border">eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file 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-065.htm new file mode 100644 index 00000000000..d14aaab5326 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-065.htm @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: writing mode (sideways-rl) of document - horizontal position of first block</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts"> + <link rel="match" href="reference/block-flow-direction-025-ref.htm"> + + <meta content="image" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + html + { + writing-mode: sideways-rl; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + </style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled"></p> + + </body> +</html>
\ No newline at end of file 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-066.htm new file mode 100644 index 00000000000..6f7bab2fd69 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/block-flow-direction-066.htm @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Writing Modes Test: writing mode (sideways-lr) of document - horizontal position of first block</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property"> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts"> + <link rel="match" href="reference/block-flow-direction-066-ref.htm"> + + <meta content="image" name="flags"> + <meta content="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." name="assert"> + + <style type="text/css"> + html + { + writing-mode: sideways-lr; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + </style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled"></p> + + <!-- + The image says: + Test passes if there is a blue square in the + <strong>bottom-left corner</strong> of the page. + --> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm index 1fbd34bbc83..1f2a3f7a5bb 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-3.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (89 tests)</h2> + <h2>Introduction to Vertical Text (113 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -40,7 +40,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 74 tests --> + <!-- 98 tests --> <tr id="block-flow-direction-001-3.1" class="primary ahem"> <td><strong> <a href="block-flow-direction-001.htm">block-flow-direction-001</a></strong></td> @@ -316,6 +316,270 @@ </ul> </td> </tr> + <tr id="block-flow-direction-042-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-042.htm">block-flow-direction-042</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-043-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-043.htm">block-flow-direction-043</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-045-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-045.htm">block-flow-direction-045</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-046-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-046.htm">block-flow-direction-046</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-047-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-047.htm">block-flow-direction-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-048-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-048.htm">block-flow-direction-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-049-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-049.htm">block-flow-direction-049</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-050-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-050.htm">block-flow-direction-050</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-051-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-051.htm">block-flow-direction-051</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-052-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-052.htm">block-flow-direction-052</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-053-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-053.htm">block-flow-direction-053</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-054-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-054.htm">block-flow-direction-054</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-055-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-055.htm">block-flow-direction-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-056-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-056.htm">block-flow-direction-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-057-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-057.htm">block-flow-direction-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-058-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-058.htm">block-flow-direction-058</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-059-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-059.htm">block-flow-direction-059</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-060-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-060.htm">block-flow-direction-060</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-061-3.1" class="primary ahem image"> + <td><strong> + <a href="block-flow-direction-061.htm">block-flow-direction-061</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-062-3.1" class="primary ahem image"> + <td><strong> + <a href="block-flow-direction-062.htm">block-flow-direction-062</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-063-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-063.htm">block-flow-direction-063</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-064-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-064.htm">block-flow-direction-064</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-065-3.1" class="primary image"> + <td><strong> + <a href="block-flow-direction-065.htm">block-flow-direction-065</a></strong></td> + <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-rl) of document - horizontal position of first block + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-066-3.1" class="primary image"> + <td><strong> + <a href="block-flow-direction-066.htm">block-flow-direction-066</a></strong></td> + <td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-lr) of document - horizontal position of first block + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> <tr id="different-block-flow-dir-001-3.1" class="primary"> <td><strong> <a href="different-block-flow-dir-001.htm">different-block-flow-dir-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm index 88a0d102fc6..20395fc629b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/chapter-7.htm @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Abstract Box Layout (519 tests)</h2> + <h2>Abstract Box Layout (522 tests)</h2> <table width="100%"> <col id="test-column"> <col id="refs-column"> @@ -37,7 +37,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s7.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr> - <!-- 355 tests --> + <!-- 358 tests --> <tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary"> <td><strong> <a href="abs-pos-non-replaced-icb-vlr-003.htm">abs-pos-non-replaced-icb-vlr-003</a></strong></td> @@ -3623,6 +3623,14 @@ </ul> </td> </tr> + <tr id="outline-inline-block-vrl-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-block-vrl-006.htm">outline-inline-block-vrl-006</a></strong></td> + <td><a href="reference/outline-inline-block-vrl-006.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and inline-block and vertical-rl writing-mode + </td> + </tr> <tr id="outline-inline-slr-005-7.1" class="primary"> <td><strong> <a href="outline-inline-slr-005.htm">outline-inline-slr-005</a></strong></td> @@ -3647,6 +3655,14 @@ <td>outline layout and non-replaced inline in vertical-lr writing-mode </td> </tr> + <tr id="outline-inline-vlr-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-vlr-006.htm">outline-inline-vlr-006</a></strong></td> + <td><a href="reference/outline-inline-vlr-006.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and non-replaced inline and vertical-lr writing-mode + </td> + </tr> <tr id="outline-inline-vrl-002-7.1" class="primary"> <td><strong> <a href="outline-inline-vrl-002.htm">outline-inline-vrl-002</a></strong></td> @@ -3655,6 +3671,14 @@ <td>outline layout and non-replaced inline and vertical-rl writing-mode </td> </tr> + <tr id="outline-inline-vrl-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-vrl-006.htm">outline-inline-vrl-006</a></strong></td> + <td><a href="reference/outline-inline-vrl-006.htm">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and non-replaced inline and vertical-rl writing-mode + </td> + </tr> <tr id="padding-vlr-005-7.1" class="primary image"> <td><strong> <a href="padding-vlr-005.htm">padding-vlr-005</a></strong></td> 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 @@ +<!DOCTYPE html> +<html><head><title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title> +<link href="reference/outline-inline-block-vrl-006.htm" rel="match"> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes"> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property"> +<meta content="ahem" name="flags"> +<style> +.container { + color:transparent; + font:50px/1 Ahem; + height:6em; + writing-mode:vertical-rl; +} +.outline { + color:orange; + display:inline-block; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <!-- + Additional div to ensure that the origin of the containing block of the + outline span is different from the origin of the writing mode root. + --> + <div>123<span class="outline">XXX</span></div> + <div>12345 6<span class="outline">XX</span></div> + <div>1</div> + <div><span class="outline">1</span></div> + <div>1</div> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html> +<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title> +<link href="reference/outline-inline-vlr-006.htm" rel="match"> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes"> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property"> +<meta content="ahem" name="flags"> +<style> +div { + color:transparent; + font:50px/1 Ahem; + width:2em; + height:5em; +} +.vlr { + writing-mode:vertical-lr; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="vlr">1234<span class="outline">5 6</span>7890</div> +</body></html>
\ 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 @@ +<!DOCTYPE html> +<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="reference/outline-inline-vrl-006.htm" rel="match"> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes"> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property"> +<meta content="ahem" name="flags"> +<style> +.container { + color:transparent; + font:50px/1 Ahem; + height:5em; + writing-mode:vertical-rl; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <!-- + Additional div to ensure that the origin of the containing block of the + outline span is different from the origin of the writing mode root. + --> + <div>1</div> + <div>1234<span class="outline">5 6</span>7890</div> + <div>1</div> + <div>1</div> + <div>1</div> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + <head> + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> <!-- 2015-11-22 --> + + <!-- This reference file is the bottom-left-corner version of + block-flow-direction-001-ref.xht + --> + + <meta name="flags" content="image"> + <style type="text/css"> + div + { + background-color: yellow; + bottom: 8px; + font: 20px/1 Ahem; + left: 8px; + position: absolute; + width: 21em; + } + + img + { + vertical-align: top; + } + </style> + </head> + <body> + + <div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled"> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled"> + + <img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled"> + </div> + + </body> +</html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> +<html> + + <head> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/"> + + <meta content="image" name="flags"> + + <style type="text/css"> + p + { + bottom: 8px; + margin-bottom: 0px; + position: absolute; + } + + img + { + vertical-align: bottom; + } + + img + img + { + padding-left: 16px; + } + </style> + </head> + + <body> + + <p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled"></p> + + <!-- + The image says: + Test passes if there is a blue square in the + <strong>bottom-left corner</strong> of the page. + --> + + </body> +</html>
\ 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 @@ +<!DOCTYPE html> +<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> +<meta content="ahem" name="flags"> +<style> +.container { + color:transparent; + font:50px/1 Ahem; +} +.outline { + color:orange; + display:inline-block; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <span style="margin-left:1em" class="outline">1</span><br> + <span style="margin-left:3em" class="outline">1<br>2</span><br> + <span style="margin-left:5em" class="outline">1<br>2<br>X</span> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html> +<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> +<meta content="ahem" name="flags"> +<style> +div { + color:transparent; + font:50px/1 Ahem; + width:2em; + height:5em; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div>1<span class="outline">2</span> 34 56 78 <span class="outline">9</span>0</div> +</body></html>
\ 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 @@ +<!DOCTYPE html> +<html><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii"> +<meta content="ahem" name="flags"> +<style> +.container { + color:transparent; + font:50px/1 Ahem; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <div>111<span class="outline">1</span></div> + <div>1</div> + <div>1</div> + <div>1</div> + <div>1111<span class="outline">1</span></div> +</div> +</body></html>
\ 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 Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reference/support/block-flow-direction-066-exp-res.png 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 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> + <tbody id="block-flow-direction-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-042.htm">block-flow-direction-042</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-043" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-043.htm">block-flow-direction-043</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-045" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-045.htm">block-flow-direction-045</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-046" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-046.htm">block-flow-direction-046</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-047" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-047.htm">block-flow-direction-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-048" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-048.htm">block-flow-direction-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-049" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-049.htm">block-flow-direction-049</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-050" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-050.htm">block-flow-direction-050</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-051" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-051.htm">block-flow-direction-051</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-052" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-052.htm">block-flow-direction-052</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-053" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-053.htm">block-flow-direction-053</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-054" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-054.htm">block-flow-direction-054</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-055" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-055.htm">block-flow-direction-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-056" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-056.htm">block-flow-direction-056</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-057" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-057.htm">block-flow-direction-057</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-058" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-058.htm">block-flow-direction-058</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-059" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-059.htm">block-flow-direction-059</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-060" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-060.htm">block-flow-direction-060</a></td> + <td><a href="reference/block-flow-direction-001-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-061" class="ahem image"> + <tr> + <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-061.htm">block-flow-direction-061</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-062" class="ahem image"> + <tr> + <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-062.htm">block-flow-direction-062</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-063" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-063.htm">block-flow-direction-063</a></td> + <td><a href="reference/block-flow-direction-043-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-064" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-064.htm">block-flow-direction-064</a></td> + <td><a href="reference/block-flow-direction-002-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-065" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> + <a href="block-flow-direction-065.htm">block-flow-direction-065</a></td> + <td><a href="reference/block-flow-direction-025-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-066" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> + <a href="block-flow-direction-066.htm">block-flow-direction-066</a></td> + <td><a href="reference/block-flow-direction-066-ref.htm">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> <tbody id="block-override-001" class=""> <tr> <td rowspan="1" title="direction: div override rtl"> @@ -4936,6 +5128,30 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> + <tbody id="outline-inline-block-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and inline-block and vertical-rl writing-mode"> + <a href="outline-inline-block-vrl-006.htm">outline-inline-block-vrl-006</a></td> + <td><a href="reference/outline-inline-block-vrl-006.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="outline-inline-vlr-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and non-replaced inline and vertical-lr writing-mode"> + <a href="outline-inline-vlr-006.htm">outline-inline-vlr-006</a></td> + <td><a href="reference/outline-inline-vlr-006.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="outline-inline-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and non-replaced inline and vertical-rl writing-mode"> + <a href="outline-inline-vrl-006.htm">outline-inline-vrl-006</a></td> + <td><a href="reference/outline-inline-vrl-006.htm">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="padding-vlr-005" class="image"> <tr> <td rowspan="1" title="padding in 'vertical-lr' writing-mode context"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list index 8ffdf8a2cec..c126758c877 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/reftest.list @@ -402,6 +402,30 @@ block-flow-direction-022.htm == reference/block-flow-direction-001-ref.htm block-flow-direction-023.htm == reference/block-flow-direction-001-ref.htm block-flow-direction-024.htm == reference/block-flow-direction-002-ref.htm block-flow-direction-025.htm == reference/block-flow-direction-025-ref.htm +block-flow-direction-042.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-043.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-045.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-046.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-047.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-048.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-049.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-050.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-051.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-052.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-053.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-054.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-055.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-056.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-057.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-058.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-059.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-060.htm == reference/block-flow-direction-001-ref.htm +block-flow-direction-061.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-062.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-063.htm == reference/block-flow-direction-043-ref.htm +block-flow-direction-064.htm == reference/block-flow-direction-002-ref.htm +block-flow-direction-065.htm == reference/block-flow-direction-025-ref.htm +block-flow-direction-066.htm == reference/block-flow-direction-066-ref.htm block-override-001.htm == reference/block-override-001.htm block-override-002.htm == reference/block-override-002.htm block-override-003.htm == reference/block-override-003.htm @@ -613,6 +637,9 @@ margin-collapse-vrl-034.htm == reference/ref-filled-green-100px-square.htm margin-collapse-vrl-036.htm == reference/ref-filled-green-100px-square.htm margin-vlr-003.htm == reference/margin-vrl-002-ref.htm margin-vrl-002.htm == reference/margin-vrl-002-ref.htm +outline-inline-block-vrl-006.htm == reference/outline-inline-block-vrl-006.htm +outline-inline-vlr-006.htm == reference/outline-inline-vlr-006.htm +outline-inline-vrl-006.htm == reference/outline-inline-vrl-006.htm padding-vlr-005.htm == reference/margin-vrl-002-ref.htm padding-vrl-004.htm == reference/margin-vrl-002-ref.htm percent-margin-vlr-003.htm == reference/margin-vrl-002-ref.htm diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm index d7e5e034305..c865fb4999d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/html/toc.htm @@ -32,7 +32,7 @@ <tbody id="s3"> <tr><th><a href="chapter-3.htm">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(89 Tests)</td></tr> + <td>(113 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.htm">Chapter 4 - @@ -52,7 +52,7 @@ <tbody id="s7"> <tr><th><a href="chapter-7.htm">Chapter 7 - Abstract Box Layout</a></th> - <td>(519 Tests)</td></tr> + <td>(522 Tests)</td></tr> </tbody> <tbody id="s8"> <tr><th><a href="chapter-8.htm">Chapter 8 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data index cdb97c924ed..eb569c4d6d4 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/implementation-report-TEMPLATE.data @@ -809,54 +809,102 @@ html/block-embed-003.htm 5a2ea65cfd1fccd182350cb160caaadd6d17a02d ? xhtml1/block-embed-003.xht 5a2ea65cfd1fccd182350cb160caaadd6d17a02d ? html/block-flow-direction-001.htm 44f3f900314ac5af53fd9014c41c853b7bb96e93 ? xhtml1/block-flow-direction-001.xht 44f3f900314ac5af53fd9014c41c853b7bb96e93 ? -html/block-flow-direction-002.htm f76c85033e7f77641067f179e9cb6c2a257993b9 ? -xhtml1/block-flow-direction-002.xht f76c85033e7f77641067f179e9cb6c2a257993b9 ? -html/block-flow-direction-003.htm ae8c2d3023d90bfcb87f9c1a377b8325418d9186 ? -xhtml1/block-flow-direction-003.xht ae8c2d3023d90bfcb87f9c1a377b8325418d9186 ? +html/block-flow-direction-002.htm 5c9e8af7d012391a0cf3e467c18cd28aa0362ee9 ? +xhtml1/block-flow-direction-002.xht 5c9e8af7d012391a0cf3e467c18cd28aa0362ee9 ? +html/block-flow-direction-003.htm 04de4c62ecb1d2fc240821c80b6be58b3479f864 ? +xhtml1/block-flow-direction-003.xht 04de4c62ecb1d2fc240821c80b6be58b3479f864 ? html/block-flow-direction-004.htm 87224a4f647a5e688530ed22fe4fa2703adab3ef ? xhtml1/block-flow-direction-004.xht 87224a4f647a5e688530ed22fe4fa2703adab3ef ? -html/block-flow-direction-005.htm 48c141df0f86b4e5b40e84a9a8498ed955b4c091 ? -xhtml1/block-flow-direction-005.xht 48c141df0f86b4e5b40e84a9a8498ed955b4c091 ? -html/block-flow-direction-006.htm 5c2da4f5b3e4dba9916cb630999350307b23fb3e ? -xhtml1/block-flow-direction-006.xht 5c2da4f5b3e4dba9916cb630999350307b23fb3e ? -html/block-flow-direction-007.htm 155352d758a86e7454a7a663272d1274bee8b49f ? -xhtml1/block-flow-direction-007.xht 155352d758a86e7454a7a663272d1274bee8b49f ? -html/block-flow-direction-008.htm f71d5f561a80b14032671961cd37a017d2268df0 ? -xhtml1/block-flow-direction-008.xht f71d5f561a80b14032671961cd37a017d2268df0 ? -html/block-flow-direction-009.htm b048a48983e46cd9c110fc4261e544dd14ae46a6 ? -xhtml1/block-flow-direction-009.xht b048a48983e46cd9c110fc4261e544dd14ae46a6 ? -html/block-flow-direction-010.htm 3b0ca5bca3d31338df307188ac75bd4dd5e00664 ? -xhtml1/block-flow-direction-010.xht 3b0ca5bca3d31338df307188ac75bd4dd5e00664 ? -html/block-flow-direction-011.htm 461dd467e43b124e96be1d4ac8ffae9494df3361 ? -xhtml1/block-flow-direction-011.xht 461dd467e43b124e96be1d4ac8ffae9494df3361 ? -html/block-flow-direction-012.htm 2df3eb21a2ece981c5168ada830b4353aa4385f5 ? -xhtml1/block-flow-direction-012.xht 2df3eb21a2ece981c5168ada830b4353aa4385f5 ? -html/block-flow-direction-013.htm c20c2f47fd7c59884b794ad025d9c47c395e6248 ? -xhtml1/block-flow-direction-013.xht c20c2f47fd7c59884b794ad025d9c47c395e6248 ? -html/block-flow-direction-014.htm b44acfc65ec31f4ea17dd56c9e7379ec86df7ea2 ? -xhtml1/block-flow-direction-014.xht b44acfc65ec31f4ea17dd56c9e7379ec86df7ea2 ? -html/block-flow-direction-015.htm 9af49e6edee9fe3a8cc8ed1a4b61eb86e9db6a28 ? -xhtml1/block-flow-direction-015.xht 9af49e6edee9fe3a8cc8ed1a4b61eb86e9db6a28 ? -html/block-flow-direction-016.htm 0687ecb763842c4937f50b991b135fdb61ba1a21 ? -xhtml1/block-flow-direction-016.xht 0687ecb763842c4937f50b991b135fdb61ba1a21 ? -html/block-flow-direction-017.htm 7f600cd4a4fce114a2698658b317d444af89e2b0 ? -xhtml1/block-flow-direction-017.xht 7f600cd4a4fce114a2698658b317d444af89e2b0 ? -html/block-flow-direction-018.htm 5cc2e0394ee9fc2e8c4393d1fca9b964111413ce ? -xhtml1/block-flow-direction-018.xht 5cc2e0394ee9fc2e8c4393d1fca9b964111413ce ? -html/block-flow-direction-019.htm 38faffff4ffff208f0179399778e99f7d361e62a ? -xhtml1/block-flow-direction-019.xht 38faffff4ffff208f0179399778e99f7d361e62a ? -html/block-flow-direction-020.htm 4d431792ca25bd32b7f1afd91295cb1bce0b8e16 ? -xhtml1/block-flow-direction-020.xht 4d431792ca25bd32b7f1afd91295cb1bce0b8e16 ? -html/block-flow-direction-021.htm b651e390189799fd3ba5645a387bb0076143fcbd ? -xhtml1/block-flow-direction-021.xht b651e390189799fd3ba5645a387bb0076143fcbd ? -html/block-flow-direction-022.htm b5558106d1fd33be280c620b17a771f8b8b04561 ? -xhtml1/block-flow-direction-022.xht b5558106d1fd33be280c620b17a771f8b8b04561 ? -html/block-flow-direction-023.htm 47ff826dfb1a902d348cc85684500d3213eca3a0 ? -xhtml1/block-flow-direction-023.xht 47ff826dfb1a902d348cc85684500d3213eca3a0 ? -html/block-flow-direction-024.htm dd2c95409479bbec764e167cd07fe185d8677107 ? -xhtml1/block-flow-direction-024.xht dd2c95409479bbec764e167cd07fe185d8677107 ? +html/block-flow-direction-005.htm 19d6c862abd4bbb497a79b7854ff36a92e359bb9 ? +xhtml1/block-flow-direction-005.xht 19d6c862abd4bbb497a79b7854ff36a92e359bb9 ? +html/block-flow-direction-006.htm 69944fcf1c68c9d9601789ff315ebfff67af335f ? +xhtml1/block-flow-direction-006.xht 69944fcf1c68c9d9601789ff315ebfff67af335f ? +html/block-flow-direction-007.htm 5762555012033e263d15589c1761c7f162522cf6 ? +xhtml1/block-flow-direction-007.xht 5762555012033e263d15589c1761c7f162522cf6 ? +html/block-flow-direction-008.htm 3aced69861609275f621ac3fb95ad5447670e790 ? +xhtml1/block-flow-direction-008.xht 3aced69861609275f621ac3fb95ad5447670e790 ? +html/block-flow-direction-009.htm a54cced47078b3a68d3eb38dfa7fc2acc31e4985 ? +xhtml1/block-flow-direction-009.xht a54cced47078b3a68d3eb38dfa7fc2acc31e4985 ? +html/block-flow-direction-010.htm 92cc02cb3b4ad46fed8890ec471e4a95daebfd51 ? +xhtml1/block-flow-direction-010.xht 92cc02cb3b4ad46fed8890ec471e4a95daebfd51 ? +html/block-flow-direction-011.htm 00641510869b1e4ae2e4f11100696408b80bdf7f ? +xhtml1/block-flow-direction-011.xht 00641510869b1e4ae2e4f11100696408b80bdf7f ? +html/block-flow-direction-012.htm dcd7145988194f22139d18ff39769a279dc69930 ? +xhtml1/block-flow-direction-012.xht dcd7145988194f22139d18ff39769a279dc69930 ? +html/block-flow-direction-013.htm 11e9fff1bccd00695d7199c7cc4b3a747c423b31 ? +xhtml1/block-flow-direction-013.xht 11e9fff1bccd00695d7199c7cc4b3a747c423b31 ? +html/block-flow-direction-014.htm d381dd732d4cb52cad4c95278dc064b07c07745c ? +xhtml1/block-flow-direction-014.xht d381dd732d4cb52cad4c95278dc064b07c07745c ? +html/block-flow-direction-015.htm 0ad39ff63db30d1857570edd044ab52330df0842 ? +xhtml1/block-flow-direction-015.xht 0ad39ff63db30d1857570edd044ab52330df0842 ? +html/block-flow-direction-016.htm dc77235c2c9b519a945f9e4aacaa4a97ec8d878c ? +xhtml1/block-flow-direction-016.xht dc77235c2c9b519a945f9e4aacaa4a97ec8d878c ? +html/block-flow-direction-017.htm b754020995f81dd4bdc7724a11d3e5627bd4635a ? +xhtml1/block-flow-direction-017.xht b754020995f81dd4bdc7724a11d3e5627bd4635a ? +html/block-flow-direction-018.htm b4846a278087e245afa7906739ebc29bd064b0c3 ? +xhtml1/block-flow-direction-018.xht b4846a278087e245afa7906739ebc29bd064b0c3 ? +html/block-flow-direction-019.htm d9411cf53b2d5939eba25f07d0df0e5dac4f4975 ? +xhtml1/block-flow-direction-019.xht d9411cf53b2d5939eba25f07d0df0e5dac4f4975 ? +html/block-flow-direction-020.htm 9ee8ac4727f563cb12230fdeca50995ee079f05d ? +xhtml1/block-flow-direction-020.xht 9ee8ac4727f563cb12230fdeca50995ee079f05d ? +html/block-flow-direction-021.htm 26cfe2621ebbba3fc203d83162c2d82d366f718d ? +xhtml1/block-flow-direction-021.xht 26cfe2621ebbba3fc203d83162c2d82d366f718d ? +html/block-flow-direction-022.htm 1ded5744a815d3f8a7a92507ea990296d6a6b097 ? +xhtml1/block-flow-direction-022.xht 1ded5744a815d3f8a7a92507ea990296d6a6b097 ? +html/block-flow-direction-023.htm 798374964b006150956da1e531b9b8dc193c6d2e ? +xhtml1/block-flow-direction-023.xht 798374964b006150956da1e531b9b8dc193c6d2e ? +html/block-flow-direction-024.htm 615663a35f0f8883842a5bcbf77cf8e788fbdc48 ? +xhtml1/block-flow-direction-024.xht 615663a35f0f8883842a5bcbf77cf8e788fbdc48 ? html/block-flow-direction-025.htm 6b3673477ab3c066dec96f347d5c1f6aaafc0622 ? xhtml1/block-flow-direction-025.xht 6b3673477ab3c066dec96f347d5c1f6aaafc0622 ? +html/block-flow-direction-042.htm df94875e12886f6dc69caf83f9753f9e854de4ca ? +xhtml1/block-flow-direction-042.xht df94875e12886f6dc69caf83f9753f9e854de4ca ? +html/block-flow-direction-043.htm d620513327a1baf327a3a34c8a2cf6e3fbd25f68 ? +xhtml1/block-flow-direction-043.xht d620513327a1baf327a3a34c8a2cf6e3fbd25f68 ? +html/block-flow-direction-045.htm cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1 ? +xhtml1/block-flow-direction-045.xht cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1 ? +html/block-flow-direction-046.htm bc17e76d85e2e708fb04751460b57a60ce5c0a86 ? +xhtml1/block-flow-direction-046.xht bc17e76d85e2e708fb04751460b57a60ce5c0a86 ? +html/block-flow-direction-047.htm 6ab3fc6d4944e8a48966ffaa85142b9b19468617 ? +xhtml1/block-flow-direction-047.xht 6ab3fc6d4944e8a48966ffaa85142b9b19468617 ? +html/block-flow-direction-048.htm 2b2a96a6cb128b020a40650a17603b9ed9a1efa7 ? +xhtml1/block-flow-direction-048.xht 2b2a96a6cb128b020a40650a17603b9ed9a1efa7 ? +html/block-flow-direction-049.htm fb772f83f079e3a9320d1a93246f6e34b99e9267 ? +xhtml1/block-flow-direction-049.xht fb772f83f079e3a9320d1a93246f6e34b99e9267 ? +html/block-flow-direction-050.htm a6ff9d8832f3a99a1a890745066e7d8988911ea4 ? +xhtml1/block-flow-direction-050.xht a6ff9d8832f3a99a1a890745066e7d8988911ea4 ? +html/block-flow-direction-051.htm 1b211d57083d0e48effa803b3740386763b47a83 ? +xhtml1/block-flow-direction-051.xht 1b211d57083d0e48effa803b3740386763b47a83 ? +html/block-flow-direction-052.htm 200e1135bd938e8c1884b482831da93745ce205b ? +xhtml1/block-flow-direction-052.xht 200e1135bd938e8c1884b482831da93745ce205b ? +html/block-flow-direction-053.htm 51069f50da4611b4937f16d27e7632d6af6b9182 ? +xhtml1/block-flow-direction-053.xht 51069f50da4611b4937f16d27e7632d6af6b9182 ? +html/block-flow-direction-054.htm 77529af0b060562d96c95e9ba69d5b027ebf0ea3 ? +xhtml1/block-flow-direction-054.xht 77529af0b060562d96c95e9ba69d5b027ebf0ea3 ? +html/block-flow-direction-055.htm 41718dc593a80f58ead3335ee8741c44948938df ? +xhtml1/block-flow-direction-055.xht 41718dc593a80f58ead3335ee8741c44948938df ? +html/block-flow-direction-056.htm 35282509954f2e32b8e2d08f01c769b2c6ccfae6 ? +xhtml1/block-flow-direction-056.xht 35282509954f2e32b8e2d08f01c769b2c6ccfae6 ? +html/block-flow-direction-057.htm 0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405 ? +xhtml1/block-flow-direction-057.xht 0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405 ? +html/block-flow-direction-058.htm 141e410db8a069da0026072d00aa78275580965f ? +xhtml1/block-flow-direction-058.xht 141e410db8a069da0026072d00aa78275580965f ? +html/block-flow-direction-059.htm dcbac90bb1e96e626d0c0c0766971df2d2455b6a ? +xhtml1/block-flow-direction-059.xht dcbac90bb1e96e626d0c0c0766971df2d2455b6a ? +html/block-flow-direction-060.htm 32411bf7a80af4400d47a685ffea28e86f4ca544 ? +xhtml1/block-flow-direction-060.xht 32411bf7a80af4400d47a685ffea28e86f4ca544 ? +html/block-flow-direction-061.htm f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5 ? +xhtml1/block-flow-direction-061.xht f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5 ? +html/block-flow-direction-062.htm 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 ? +xhtml1/block-flow-direction-062.xht 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 ? +html/block-flow-direction-063.htm 1f3ef0d5b047336ae444f036209e66fde393ffd3 ? +xhtml1/block-flow-direction-063.xht 1f3ef0d5b047336ae444f036209e66fde393ffd3 ? +html/block-flow-direction-064.htm 4ce9e308161754d6f5293e0d28b94f8316f5caca ? +xhtml1/block-flow-direction-064.xht 4ce9e308161754d6f5293e0d28b94f8316f5caca ? +html/block-flow-direction-065.htm 023ff8747304789a30ff10a1bca125ec74d665db ? +xhtml1/block-flow-direction-065.xht 023ff8747304789a30ff10a1bca125ec74d665db ? +html/block-flow-direction-066.htm 172e1587f1d5af4a41e87f5010fa2046053ba0c6 ? +xhtml1/block-flow-direction-066.xht 172e1587f1d5af4a41e87f5010fa2046053ba0c6 ? html/block-override-001.htm c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 ? xhtml1/block-override-001.xht c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 ? html/block-override-002.htm 1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4 ? @@ -1347,14 +1395,20 @@ html/orthogonal-parent-shrink-to-fit-001w.htm 42a695a9c6f4336a806d7ee4cc4fee15c1 xhtml1/orthogonal-parent-shrink-to-fit-001w.xht 42a695a9c6f4336a806d7ee4cc4fee15c1221e76 ? html/orthogonal-parent-shrink-to-fit-001x.htm 7cee4685013bbd4ae5c8d547e28661c88967e548 ? xhtml1/orthogonal-parent-shrink-to-fit-001x.xht 7cee4685013bbd4ae5c8d547e28661c88967e548 ? +html/outline-inline-block-vrl-006.htm 8e4288e8f27ab96c2cf1df2d52d7e8c1d93d9318 ? +xhtml1/outline-inline-block-vrl-006.xht 8e4288e8f27ab96c2cf1df2d52d7e8c1d93d9318 ? html/outline-inline-slr-005.htm feefed7bb113e47f3bbb347eec4dac1a3f9310ec ? xhtml1/outline-inline-slr-005.xht feefed7bb113e47f3bbb347eec4dac1a3f9310ec ? html/outline-inline-srl-004.htm 78586049cea376c528cb91f51fb496b83c9ad4d1 ? xhtml1/outline-inline-srl-004.xht 78586049cea376c528cb91f51fb496b83c9ad4d1 ? html/outline-inline-vlr-003.htm aa78e4d2270903852d387b3d25cc21a7af73d8a9 ? xhtml1/outline-inline-vlr-003.xht aa78e4d2270903852d387b3d25cc21a7af73d8a9 ? +html/outline-inline-vlr-006.htm ceeb41816beb13ced78157d67b074a3296998c4d ? +xhtml1/outline-inline-vlr-006.xht ceeb41816beb13ced78157d67b074a3296998c4d ? html/outline-inline-vrl-002.htm 74c5379d6fd8c46ca528d9f91df735b584cb9a55 ? xhtml1/outline-inline-vrl-002.xht 74c5379d6fd8c46ca528d9f91df735b584cb9a55 ? +html/outline-inline-vrl-006.htm 9d51bfd03596b89289a8ed3012654e9df32b40d3 ? +xhtml1/outline-inline-vrl-006.xht 9d51bfd03596b89289a8ed3012654e9df32b40d3 ? html/padding-vlr-005.htm 4c16042900e00793d562c3b4f5c39a3df16b1f95 ? xhtml1/padding-vlr-005.xht 4c16042900e00793d562c3b4f5c39a3df16b1f95 ? html/padding-vrl-004.htm 43a0740c77fa25671e5831c88555b884e75216ee ? diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data index 822d6101c90..38a2fb26b26 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/testinfo.data @@ -402,30 +402,54 @@ block-embed-001 reference/block-embed-001 direction: div direction rtl http://w block-embed-002 reference/block-embed-002 direction: div direction ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 5069f35597f779fbb548ebf2f2ee2e5cc5416bcf `Richard Ishida`<mailto:ishida@w3.org> If direction is applied to a block element containing mixed direction text, the text in that element will be displayed in the expected order. block-embed-003 reference/block-embed-003 direction: div direction rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction 5a2ea65cfd1fccd182350cb160caaadd6d17a02d `Richard Ishida`<mailto:ishida@w3.org> If direction is applied to a block element, contained block elements inherit that direction. block-flow-direction-001 reference/block-flow-direction-001-ref horizontal-tb - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 44f3f900314ac5af53fd9014c41c853b7bb96e93 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... -block-flow-direction-002 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f76c85033e7f77641067f179e9cb6c2a257993b9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... -block-flow-direction-003 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode ae8c2d3023d90bfcb87f9c1a377b8325418d9186 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-002 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5c9e8af7d012391a0cf3e467c18cd28aa0362ee9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-003 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 04de4c62ecb1d2fc240821c80b6be58b3479f864 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... block-flow-direction-004 reference/block-flow-direction-001-ref 'writing-mode' - initial value is 'horizontal-tb' ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 87224a4f647a5e688530ed22fe4fa2703adab3ef `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the default, initial value of writing-mode is 'horizontal-tb'. -block-flow-direction-005 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 48c141df0f86b4e5b40e84a9a8498ed955b4c091 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-006 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5c2da4f5b3e4dba9916cb630999350307b23fb3e `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-007 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 155352d758a86e7454a7a663272d1274bee8b49f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-008 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode f71d5f561a80b14032671961cd37a017d2268df0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-009 reference/block-flow-direction-001-ref position absolute and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b048a48983e46cd9c110fc4261e544dd14ae46a6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-010 reference/block-flow-direction-001-ref position absolute and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3b0ca5bca3d31338df307188ac75bd4dd5e00664 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-011 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 461dd467e43b124e96be1d4ac8ffae9494df3361 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-012 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2df3eb21a2ece981c5168ada830b4353aa4385f5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-013 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode c20c2f47fd7c59884b794ad025d9c47c395e6248 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-014 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b44acfc65ec31f4ea17dd56c9e7379ec86df7ea2 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-015 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9af49e6edee9fe3a8cc8ed1a4b61eb86e9db6a28 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-016 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 0687ecb763842c4937f50b991b135fdb61ba1a21 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-017 reference/block-flow-direction-001-ref table-cell and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 7f600cd4a4fce114a2698658b317d444af89e2b0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-018 reference/block-flow-direction-001-ref table-cell and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5cc2e0394ee9fc2e8c4393d1fca9b964111413ce `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-019 reference/block-flow-direction-001-ref table-caption and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 38faffff4ffff208f0179399778e99f7d361e62a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-020 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4d431792ca25bd32b7f1afd91295cb1bce0b8e16 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. -block-flow-direction-021 reference/block-flow-direction-002-ref list and vertical-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode b651e390189799fd3ba5645a387bb0076143fcbd `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... -block-flow-direction-022 reference/block-flow-direction-001-ref list and vertical-lr - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode b5558106d1fd33be280c620b17a771f8b8b04561 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... -block-flow-direction-023 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 47ff826dfb1a902d348cc85684500d3213eca3a0 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... -block-flow-direction-024 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode dd2c95409479bbec764e167cd07fe185d8677107 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-005 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 19d6c862abd4bbb497a79b7854ff36a92e359bb9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-006 reference/block-flow-direction-001-ref 'float: left' and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 69944fcf1c68c9d9601789ff315ebfff67af335f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-007 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 5762555012033e263d15589c1761c7f162522cf6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-008 reference/block-flow-direction-002-ref 'float: right' and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 3aced69861609275f621ac3fb95ad5447670e790 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-009 reference/block-flow-direction-001-ref position absolute and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a54cced47078b3a68d3eb38dfa7fc2acc31e4985 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-010 reference/block-flow-direction-001-ref position absolute and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 92cc02cb3b4ad46fed8890ec471e4a95daebfd51 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-011 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 00641510869b1e4ae2e4f11100696408b80bdf7f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-012 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode dcd7145988194f22139d18ff39769a279dc69930 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-013 reference/block-flow-direction-001-ref inline-block and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 11e9fff1bccd00695d7199c7cc4b3a747c423b31 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-014 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d381dd732d4cb52cad4c95278dc064b07c07745c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-015 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 0ad39ff63db30d1857570edd044ab52330df0842 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-016 reference/block-flow-direction-001-ref inline-block and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode dc77235c2c9b519a945f9e4aacaa4a97ec8d878c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-017 reference/block-flow-direction-001-ref table-cell and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b754020995f81dd4bdc7724a11d3e5627bd4635a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-018 reference/block-flow-direction-001-ref table-cell and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode b4846a278087e245afa7906739ebc29bd064b0c3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-019 reference/block-flow-direction-001-ref table-caption and 'vertical-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d9411cf53b2d5939eba25f07d0df0e5dac4f4975 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-020 reference/block-flow-direction-001-ref table-caption and 'vertical-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 9ee8ac4727f563cb12230fdeca50995ee079f05d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-021 reference/block-flow-direction-002-ref list and vertical-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 26cfe2621ebbba3fc203d83162c2d82d366f718d `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-022 reference/block-flow-direction-001-ref list and vertical-lr - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1ded5744a815d3f8a7a92507ea990296d6a6b097 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-023 reference/block-flow-direction-001-ref vertical-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 798374964b006150956da1e531b9b8dc193c6d2e `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-024 reference/block-flow-direction-002-ref vertical-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 615663a35f0f8883842a5bcbf77cf8e788fbdc48 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... block-flow-direction-025 reference/block-flow-direction-025-ref writing mode of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 6b3673477ab3c066dec96f347d5c1f6aaafc0622 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-042 reference/block-flow-direction-002-ref sideways-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode df94875e12886f6dc69caf83f9753f9e854de4ca `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-043 reference/block-flow-direction-043-ref sideways-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode d620513327a1baf327a3a34c8a2cf6e3fbd25f68 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-045 reference/block-flow-direction-001-ref 'float: left' and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode cb0b9aa5f9924a5c63a1b29f5f0ac7b99fbf97b1 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-046 reference/block-flow-direction-001-ref 'float: left' and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode bc17e76d85e2e708fb04751460b57a60ce5c0a86 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-047 reference/block-flow-direction-002-ref 'float: right' and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 6ab3fc6d4944e8a48966ffaa85142b9b19468617 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-048 reference/block-flow-direction-002-ref 'float: right' and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 2b2a96a6cb128b020a40650a17603b9ed9a1efa7 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-049 reference/block-flow-direction-001-ref position absolute and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode fb772f83f079e3a9320d1a93246f6e34b99e9267 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-050 reference/block-flow-direction-001-ref position absolute and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode a6ff9d8832f3a99a1a890745066e7d8988911ea4 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-051 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1b211d57083d0e48effa803b3740386763b47a83 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-052 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 200e1135bd938e8c1884b482831da93745ce205b `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-053 reference/block-flow-direction-001-ref inline-block and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 51069f50da4611b4937f16d27e7632d6af6b9182 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-054 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 77529af0b060562d96c95e9ba69d5b027ebf0ea3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-055 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 41718dc593a80f58ead3335ee8741c44948938df `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-056 reference/block-flow-direction-001-ref inline-block and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 35282509954f2e32b8e2d08f01c769b2c6ccfae6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-057 reference/block-flow-direction-001-ref table-cell and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 0f660ee8f6d45c27f3cb0b303a2782fcbb0f8405 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-058 reference/block-flow-direction-001-ref table-cell and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 141e410db8a069da0026072d00aa78275580965f `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-059 reference/block-flow-direction-001-ref table-caption and 'sideways-rl' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode dcbac90bb1e96e626d0c0c0766971df2d2455b6a `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-060 reference/block-flow-direction-001-ref table-caption and 'sideways-lr' - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 32411bf7a80af4400d47a685ffea28e86f4ca544 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-061 reference/block-flow-direction-002-ref list and sideways-rl - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode f24099feb05a2d8860e9c2e8a5b4adff52f9c6c5 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-062 reference/block-flow-direction-043-ref list and sideways-lr - block flow direction of block-level boxes ahem,image http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4790f1a71d513e51935cfa8e6f4d5ae8df8ade46 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-063 reference/block-flow-direction-043-ref sideways-lr - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 1f3ef0d5b047336ae444f036209e66fde393ffd3 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-064 reference/block-flow-direction-002-ref sideways-rl - block flow direction of block-level boxes ahem http://www.w3.org/TR/css-writing-modes-3/#writing-mode 4ce9e308161754d6f5293e0d28b94f8316f5caca `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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... +block-flow-direction-065 reference/block-flow-direction-025-ref writing mode (sideways-rl) of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 023ff8747304789a30ff10a1bca125ec74d665db `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. +block-flow-direction-066 reference/block-flow-direction-066-ref writing mode (sideways-lr) of document - horizontal position of first block image http://www.w3.org/TR/css-writing-modes-3/#writing-mode,http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting 172e1587f1d5af4a41e87f5010fa2046053ba0c6 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. block-override-001 reference/block-override-001 direction: div override rtl http://www.w3.org/TR/css-writing-modes-3/#text-direction c9f01a298fdc3c1c6eaceefc08c1f134078a0c61 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property. block-override-002 reference/block-override-002 direction: div override ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 1c72e7aa6e1d313b0e23b11e9e637b1f77dd39f4 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element, characters are displayed strictly in sequence according to the direction property. block-override-003 reference/block-override-003 direction: div direction ltr http://www.w3.org/TR/css-writing-modes-3/#text-direction 2cb8aa89ffc3dba127564bb84e4bdb28bd208d26 `Richard Ishida`<mailto:ishida@w3.org> If unicode-bidi:bidi-override is applied to a block element with no direction value set, characters are displayed strictly in sequence, in ltr order. @@ -671,10 +695,13 @@ orthogonal-parent-shrink-to-fit-001u Shrink-to-fit table-cell with a child of o orthogonal-parent-shrink-to-fit-001v Shrink-to-fit table-cell with a child of orthogonal inline in inline-block ahem,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows 85976e84a05546df77e17c38ea94e8166b5ad54d `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit table-cell with a child of orthogonal inline in inline-block orthogonal-parent-shrink-to-fit-001w Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block ahem,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows 42a695a9c6f4336a806d7ee4cc4fee15c1221e76 `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit table-cell with a child of orthogonal block with borders in inline-block orthogonal-parent-shrink-to-fit-001x Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block ahem,script http://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows 7cee4685013bbd4ae5c8d547e28661c88967e548 `Koji Ishii`<mailto:kojiishi@gmail.com> Shrink-to-fit table-cell with a child of orthogonal inline with borders in inline-block +outline-inline-block-vrl-006 reference/outline-inline-block-vrl-006 outline layout and inline-block and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines 8e4288e8f27ab96c2cf1df2d52d7e8c1d93d9318 `Koji Ishii`<mailto:kojiishi@gmail.com> outline-inline-slr-005 outline layout and non-replaced inline in sideways-lr writing-mode http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines feefed7bb113e47f3bbb347eec4dac1a3f9310ec `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> outline-inline-srl-004 outline layout and non-replaced inline and sideways-rl writing-mode http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines 78586049cea376c528cb91f51fb496b83c9ad4d1 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> outline-inline-vlr-003 outline layout and non-replaced inline in vertical-lr writing-mode http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines aa78e4d2270903852d387b3d25cc21a7af73d8a9 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> +outline-inline-vlr-006 reference/outline-inline-vlr-006 outline layout and non-replaced inline and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines ceeb41816beb13ced78157d67b074a3296998c4d `Koji Ishii`<mailto:kojiishi@gmail.com> outline-inline-vrl-002 outline layout and non-replaced inline and vertical-rl writing-mode http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines 74c5379d6fd8c46ca528d9f91df735b584cb9a55 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> +outline-inline-vrl-006 reference/outline-inline-vrl-006 outline layout and non-replaced inline and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#vertical-layout,http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines 9d51bfd03596b89289a8ed3012654e9df32b40d3 `Koji Ishii`<mailto:kojiishi@gmail.com> padding-vlr-005 reference/margin-vrl-002-ref padding in 'vertical-lr' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 4c16042900e00793d562c3b4f5c39a3df16b1f95 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box. padding-vrl-004 reference/margin-vrl-002-ref padding in 'vertical-rl' writing-mode context image http://www.w3.org/TR/css-writing-modes-3/#vertical-layout 43a0740c77fa25671e5831c88555b884e75216ee `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that padding-left, padding-right, padding-top and padding-bottom do not change in vertical writing-mode. The padding-left property of a box still affects the lefthand padding of such box. page-flow-direction-002 'writing-mode: vertical-rl' - default page flow (progression) direction image,paged http://www.w3.org/TR/css-writing-modes-3/#writing-mode 517eb88ec0066fc5b6f14a1602fa5383364ecb3c `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. 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-002.xht index 1142f4e219c..10904791e59 100644 --- 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-002.xht @@ -14,9 +14,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -25,22 +25,28 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-003.xht index fe1af758b35..2b47388ddd6 100644 --- 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-003.xht @@ -14,9 +14,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -25,22 +25,28 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-005.xht index 261aa89c472..d314b27fc8b 100644 --- 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-005.xht @@ -14,23 +14,29 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#floated-left - { - background-color: blue; - border-top: blue solid 1em; - float: left; - height: 8em; - writing-mode: vertical-rl; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-top: blue solid 1em; + float: left; + height: 8em; + writing-mode: vertical-rl; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-006.xht index 99b8d306be8..a701bd6ae69 100644 --- 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-006.xht @@ -14,22 +14,25 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - writing-mode: vertical-rl; - } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + writing-mode: vertical-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-007.xht index 69430c47b7d..3cf34722398 100644 --- 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-007.xht @@ -14,23 +14,29 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: vertical-lr; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: vertical-lr; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-008.xht index 5a66a70172d..ed1b27ab550 100644 --- 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-008.xht @@ -14,22 +14,25 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: vertical-lr; - } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: vertical-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-009.xht index cfae81e9a08..248731ce3c2 100644 --- 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-009.xht @@ -14,29 +14,35 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: vertical-rl; - } + { + height: 9em; + left: auto; + position: absolute; + writing-mode: vertical-rl; + } div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-010.xht index 5be05b5f593..4e5992c53f3 100644 --- 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-010.xht @@ -14,29 +14,35 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: vertical-lr; - } + { + height: 9em; + left: auto; + position: absolute; + writing-mode: vertical-lr; + } div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-011.xht index f7b2959827c..eb8bc138044 100644 --- 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-011.xht @@ -10,36 +10,45 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span.right-border { border-right: blue solid 1em; } - - span#left-border { border-left: blue solid 1em; } + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span.right-border + { + border-right: blue solid 1em; + } + + span#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-012.xht index ebd6282512f..7726d0cbfa0 100644 --- 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-012.xht @@ -10,38 +10,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } + writing-mode: vertical-rl; + } span - { - border-right: blue solid 1em; - display: block; - } - - span#left-border { border-left: blue solid 1em; } + { + border-right: blue solid 1em; + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-013.xht index 49d357dfd23..1c3dde77081 100644 --- 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-013.xht @@ -10,35 +10,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span#left-border { border-left: blue solid 1em; } + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-014.xht index c5090fcd70b..c791e2c6e05 100644 --- 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-014.xht @@ -10,36 +10,45 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span.left-border { border-left: blue solid 1em; } - - span#right-border { border-right: blue solid 1em; } + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span.left-border + { + border-left: blue solid 1em; + } + + span#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-015.xht index c330bb8b9fe..21baa546d0a 100644 --- 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-015.xht @@ -10,31 +10,34 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - writing-mode: vertical-lr; - } + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + writing-mode: vertical-lr; + } span - { - border-left: blue solid 1em; - display: block; - } - - span#right-border { border-right: blue solid 1em; } + { + border-left: blue solid 1em; + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> @@ -44,7 +47,7 @@ <div id="inline-block"> -<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> <!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> 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-016.xht index 4041a6b9d24..721a64a9c75 100644 --- 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-016.xht @@ -10,35 +10,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.inline-block - { - background-color: blue; - border-left: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-left: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span#right-border { border-right: blue solid 1em; } + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-017.xht index 549e10575dc..40ae1d881a5 100644 --- 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-017.xht @@ -5,10 +5,6 @@ <title>CSS Writing Modes Test: table-cell and 'vertical-rl' - block flow direction of block-level boxes</title> - <!-- - 2015-05-31: Trying to reset test results for that test: hello Koji! - --> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> @@ -18,28 +14,34 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: vertical-rl; - } + { + display: table-cell; + height: 9em; + writing-mode: vertical-rl; + } div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-018.xht index 546e01d43a8..b3a475e7f54 100644 --- 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-018.xht @@ -14,28 +14,34 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: vertical-lr; - } + { + display: table-cell; + height: 9em; + writing-mode: vertical-lr; + } div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-019.xht index c15efe78201..b27ff758630 100644 --- 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-019.xht @@ -14,28 +14,34 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: vertical-rl; - } + { + display: table-caption; + height: 9em; + writing-mode: vertical-rl; + } div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-020.xht index e1057ba4c28..167a58cd4c1 100644 --- 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-020.xht @@ -14,28 +14,34 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: vertical-lr; - } + { + display: table-caption; + height: 9em; + writing-mode: vertical-lr; + } div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-021.xht index e86c542dcbf..97ba4efd348 100644 --- 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-021.xht @@ -14,9 +14,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -25,24 +25,30 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ - } - - ul.right-border { border-right: blue solid 1em; } - - ul#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ + } + + ul.right-border + { + border-right: blue solid 1em; + } + + ul#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-022.xht index 99dfb440295..07d830380d2 100644 --- 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-022.xht @@ -14,9 +14,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -25,24 +25,30 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default 40px in several browsers */ - } - - ul.left-border { border-left: blue solid 1em; } - - ul#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default 40px in several browsers */ + } + + ul.left-border + { + border-left: blue solid 1em; + } + + ul#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> 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-023.xht index 01b46f0039c..1e102054cd7 100644 --- 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-023.xht @@ -18,9 +18,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -29,20 +29,23 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border: blue solid 1em; - border-right: blue none 0em; - } - - div#right-most { border-right: blue solid 1em; } + { + background-color: blue; + border: blue solid 1em; + border-right: blue none 0em; + } + + div#right-most + { + border-right: blue solid 1em; + } ]]></style> </head> 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-024.xht index fd336700b02..d6831d3ca19 100644 --- 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-024.xht @@ -18,9 +18,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -29,21 +29,24 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> 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-042.xht new file mode 100644 index 00000000000..4f98d5faf51 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-042.xht @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </body> +</html>
\ No newline at end of file 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-043.xht new file mode 100644 index 00000000000..0c754331f5e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-043.xht @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </body> +</html>
\ No newline at end of file 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-045.xht new file mode 100644 index 00000000000..c08fd7668c1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-045.xht @@ -0,0 +1,88 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-left + { + background-color: blue; + border-top: blue solid 1em; + float: left; + height: 8em; + writing-mode: sideways-rl; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="floated-left"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-046.xht new file mode 100644 index 00000000000..04830e5243a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-046.xht @@ -0,0 +1,90 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + writing-mode: sideways-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-left"> + +<!-- The right-most line of "P" --> <div>eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of "A" --> <div>YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of left-most "S" --> <div>L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most line of right-most "S" --> <div>A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-047.xht new file mode 100644 index 00000000000..3efd0eaa27b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-047.xht @@ -0,0 +1,88 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: sideways-lr; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="floated-right"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-048.xht new file mode 100644 index 00000000000..23308885fdf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-048.xht @@ -0,0 +1,90 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: sideways-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The left-most line of right-most "S" --> <div>a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div>jjjj k</div> + + </div> + + <div class="floated-right"> + +<!-- The 1st left-most line of left-most "S" --> <div>N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + </div> + + <div class="floated-right"> + +<!-- The left-most line of "A" --> <div>GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-049.xht new file mode 100644 index 00000000000..105b1ef387e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-049.xht @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: sideways-rl; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-050.xht new file mode 100644 index 00000000000..065e3bc6d71 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-050.xht @@ -0,0 +1,94 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: sideways-lr; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-051.xht new file mode 100644 index 00000000000..994ad847c43 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-051.xht @@ -0,0 +1,104 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span.right-border + { + border-right: blue solid 1em; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most line of right-most "S" --> <span class="right-border">A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + + +<!-- The right-most line of left-most "S" --> <span class="right-border">L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + + +<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + + +<!-- The right-most line of "P" --> <span class="right-border">eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-052.xht new file mode 100644 index 00000000000..14718eed152 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-052.xht @@ -0,0 +1,70 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + border-right: blue solid 1em; + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span id="left-border">eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-053.xht new file mode 100644 index 00000000000..084d9ae174f --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-053.xht @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-054.xht new file mode 100644 index 00000000000..a34d271e857 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-054.xht @@ -0,0 +1,104 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span.left-border + { + border-left: blue solid 1em; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + + +<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + + +<!-- The 1st left-most line of left-most "S" --> <span class="left-border">N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + + +<!-- The left-most line of right-most "S" --> <span class="left-border">a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-055.xht new file mode 100644 index 00000000000..a26bf1c9244 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-055.xht @@ -0,0 +1,63 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + display: inline-block; + height: 8em; + writing-mode: sideways-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF</span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> + +<!-- The right-most "S" --> <span id="right-border">a bbbb c d e f g h jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-056.xht new file mode 100644 index 00000000000..89daf67bc8a --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-056.xht @@ -0,0 +1,100 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file 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-057.xht new file mode 100644 index 00000000000..83a1c30e72b --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-057.xht @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: sideways-rl; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-058.xht new file mode 100644 index 00000000000..bc4aea7da28 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-058.xht @@ -0,0 +1,92 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: sideways-lr; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-059.xht new file mode 100644 index 00000000000..cf5c73654ad --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-059.xht @@ -0,0 +1,93 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: sideways-rl; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-060.xht new file mode 100644 index 00000000000..2867dc5ec93 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-060.xht @@ -0,0 +1,92 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: sideways-lr; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file 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-061.xht new file mode 100644 index 00000000000..d6a76d016e6 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-061.xht @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and sideways-rl - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="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... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ + } + + ul.right-border + { + border-right: blue solid 1em; + } + + ul#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A BBBB</li></ul> + +<!-- The 2nd right-most line of right-most "S" --> <ul><li>C D E</li></ul> + +<!-- The 3rd right-most line of right-most "S" --> <ul><li>F G H</li></ul> + +<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ K</li></ul> + + + +<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L MMMM</li></ul> + +<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q R S</li></ul> + +<!-- The 3rd right-most line of left-most "S" --> <ul><li>T U V</li></ul> + +<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW X</li></ul> + + + +<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul> + +<!-- The 2nd right-most line of "A" --> <ul><li>Z a </li></ul> + +<!-- The 3rd right-most line of "A" --> <ul><li>b c </li></ul> + +<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul> + + + +<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee </li></ul> + +<!-- The 2nd right-most line of "P" --> <ul><li>f g </li></ul> + +<!-- The 3rd right-most line of "P" --> <ul><li>h j </li></ul> + +<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file 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-062.xht new file mode 100644 index 00000000000..3309ce7eb00 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-062.xht @@ -0,0 +1,96 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and sideways-lr - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="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... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-top: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-bottom: 1em; /* overriding default 40px in several browsers */ + } + + ul.left-border + { + border-left: blue solid 1em; + } + + ul#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul> + +<!-- The 2nd left-most line of "P" --> <ul><li> B C</li></ul> + +<!-- The 3rd left-most line of "P" --> <ul><li> D E</li></ul> + +<!-- The 4th left-most line of "P" --> <ul><li> FFFF</li></ul> + + + +<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul> + +<!-- The 2nd left-most line of "A" --> <ul><li> H J</li></ul> + +<!-- The 3rd left-most line of "A" --> <ul><li> K L</li></ul> + +<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul> + + + +<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>N QQQQ</li></ul> + +<!-- The 2nd left-most line of left-most "S" --> <ul><li>R S T</li></ul> + +<!-- The 3rd left-most line of left-most "S" --> <ul><li>U V W</li></ul> + +<!-- The 4th left-most line of left-most "S" --> <ul><li>XXXX Y</li></ul> + + + +<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>a bbbb</li></ul> + +<!-- The 2nd left-most line of right-most "S" --> <ul><li>c d e</li></ul> + +<!-- The 3rd left-most line of right-most "S" --> <ul><li>f g h</li></ul> + +<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj k</li></ul> + + </body> +</html>
\ No newline at end of file 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-063.xht new file mode 100644 index 00000000000..21a38a4624c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-063.xht @@ -0,0 +1,63 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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... " name="assert" /> + + <!-- + This test is a variation of block-flow-direction-003 test. + --> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border: blue solid 1em; + border-right: blue none 0em; + } + + div#right-most + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The "P" --> <div>AAAAAAA B C D E FFFF</div> + +<!-- The "A" --> <div>GGGGGGG H J K L MMMMMMM</div> + +<!-- The left-most "S" --> <div>N QQQQ R S T U V W XXXX Y</div> + +<!-- The right-most "S" --> <div id="right-most">a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file 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-064.xht new file mode 100644 index 00000000000..688273bf1ce --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-064.xht @@ -0,0 +1,64 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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... " name="assert" /> + + <!-- + This test is a variation of block-flow-direction-002 test. + --> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most "S" --> <div>A BBBB C D E F G H JJJJ K</div> + +<!-- The left-most "S" --> <div>L MMMM Q R S T U V WWWW X</div> + +<!-- The "A" --> <div>YYYYYYY Z a b c ddddddd</div> + +<!-- The "P" --> <div id="left-border">eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file 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-065.xht new file mode 100644 index 00000000000..01aaaf79948 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht @@ -0,0 +1,38 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: writing mode (sideways-rl) of document - horizontal position of first block</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> + <link rel="match" href="reference/block-flow-direction-025-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + ]]></style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled" /></p> + + </body> +</html>
\ No newline at end of file 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-066.xht new file mode 100644 index 00000000000..4b61fc9fc07 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht @@ -0,0 +1,44 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: writing mode (sideways-lr) of document - horizontal position of first block</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> + <link rel="match" href="reference/block-flow-direction-066-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + ]]></style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p> + + <!-- + The image says: + Test passes if there is a blue square in the + <strong>bottom-left corner</strong> of the page. + --> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht index 6b51709a27c..e6ce49bcb7c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (89 tests)</h2> + <h2>Introduction to Vertical Text (113 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -40,7 +40,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 74 tests --> + <!-- 98 tests --> <tr id="block-flow-direction-001-3.1" class="primary ahem"> <td><strong> <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td> @@ -316,6 +316,270 @@ </ul> </td> </tr> + <tr id="block-flow-direction-042-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-042.xht">block-flow-direction-042</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-043-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-043.xht">block-flow-direction-043</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-045-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-045.xht">block-flow-direction-045</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-046-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-046.xht">block-flow-direction-046</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-047-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-047.xht">block-flow-direction-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-048-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-048.xht">block-flow-direction-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-049-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-049.xht">block-flow-direction-049</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-050-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-050.xht">block-flow-direction-050</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-051-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-051.xht">block-flow-direction-051</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-052-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-052.xht">block-flow-direction-052</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-053-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-053.xht">block-flow-direction-053</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-054-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-054.xht">block-flow-direction-054</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-055-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-055.xht">block-flow-direction-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-056-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-056.xht">block-flow-direction-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-057-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-057.xht">block-flow-direction-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-058-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-058.xht">block-flow-direction-058</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-059-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-059.xht">block-flow-direction-059</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-060-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-060.xht">block-flow-direction-060</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-061-3.1" class="primary ahem image"> + <td><strong> + <a href="block-flow-direction-061.xht">block-flow-direction-061</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-062-3.1" class="primary ahem image"> + <td><strong> + <a href="block-flow-direction-062.xht">block-flow-direction-062</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-063-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-063.xht">block-flow-direction-063</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-064-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-064.xht">block-flow-direction-064</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-065-3.1" class="primary image"> + <td><strong> + <a href="block-flow-direction-065.xht">block-flow-direction-065</a></strong></td> + <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-rl) of document - horizontal position of first block + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-066-3.1" class="primary image"> + <td><strong> + <a href="block-flow-direction-066.xht">block-flow-direction-066</a></strong></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-lr) of document - horizontal position of first block + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> <tr id="different-block-flow-dir-001-3.1" class="primary"> <td><strong> <a href="different-block-flow-dir-001.xht">different-block-flow-dir-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht index bd39e07028c..4da4e7b6d22 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/chapter-7.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Abstract Box Layout (519 tests)</h2> + <h2>Abstract Box Layout (522 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -37,7 +37,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s7.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr> - <!-- 355 tests --> + <!-- 358 tests --> <tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary"> <td><strong> <a href="abs-pos-non-replaced-icb-vlr-003.xht">abs-pos-non-replaced-icb-vlr-003</a></strong></td> @@ -3623,6 +3623,14 @@ </ul> </td> </tr> + <tr id="outline-inline-block-vrl-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-block-vrl-006.xht">outline-inline-block-vrl-006</a></strong></td> + <td><a href="reference/outline-inline-block-vrl-006.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and inline-block and vertical-rl writing-mode + </td> + </tr> <tr id="outline-inline-slr-005-7.1" class="primary"> <td><strong> <a href="outline-inline-slr-005.xht">outline-inline-slr-005</a></strong></td> @@ -3647,6 +3655,14 @@ <td>outline layout and non-replaced inline in vertical-lr writing-mode </td> </tr> + <tr id="outline-inline-vlr-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-vlr-006.xht">outline-inline-vlr-006</a></strong></td> + <td><a href="reference/outline-inline-vlr-006.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and non-replaced inline and vertical-lr writing-mode + </td> + </tr> <tr id="outline-inline-vrl-002-7.1" class="primary"> <td><strong> <a href="outline-inline-vrl-002.xht">outline-inline-vrl-002</a></strong></td> @@ -3655,6 +3671,14 @@ <td>outline layout and non-replaced inline and vertical-rl writing-mode </td> </tr> + <tr id="outline-inline-vrl-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-vrl-006.xht">outline-inline-vrl-006</a></strong></td> + <td><a href="reference/outline-inline-vrl-006.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and non-replaced inline and vertical-rl writing-mode + </td> + </tr> <tr id="padding-vlr-005-7.1" class="primary image"> <td><strong> <a href="padding-vlr-005.xht">padding-vlr-005</a></strong></td> 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title> +<link href="reference/outline-inline-block-vrl-006.xht" rel="match" /> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" /> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" /> +<meta content="ahem" name="flags" /> +<style> +.container { + color:transparent; + font:50px/1 Ahem; + height:6em; + writing-mode:vertical-rl; +} +.outline { + color:orange; + display:inline-block; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <!-- + Additional div to ensure that the origin of the containing block of the + outline span is different from the origin of the writing mode root. + --> + <div>123<span class="outline">XXX</span></div> + <div>12345 6<span class="outline">XX</span></div> + <div>1</div> + <div><span class="outline">1</span></div> + <div>1</div> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title> +<link href="reference/outline-inline-vlr-006.xht" rel="match" /> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" /> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" /> +<meta content="ahem" name="flags" /> +<style> +div { + color:transparent; + font:50px/1 Ahem; + width:2em; + height:5em; +} +.vlr { + writing-mode:vertical-lr; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="vlr">1234<span class="outline">5 6</span>7890</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="reference/outline-inline-vrl-006.xht" rel="match" /> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" /> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" /> +<meta content="ahem" name="flags" /> +<style> +.container { + color:transparent; + font:50px/1 Ahem; + height:5em; + writing-mode:vertical-rl; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <!-- + Additional div to ensure that the origin of the containing block of the + outline span is different from the origin of the writing mode root. + --> + <div>1</div> + <div>1234<span class="outline">5 6</span>7890</div> + <div>1</div> + <div>1</div> + <div>1</div> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-11-22 --> + + <!-- This reference file is the bottom-left-corner version of + block-flow-direction-001-ref.xht + --> + + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + div + { + background-color: yellow; + bottom: 8px; + font: 20px/1 Ahem; + left: 8px; + position: absolute; + width: 21em; + } + + img + { + vertical-align: top; + } + ]]></style> + </head> + <body> + + <div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <meta content="image" name="flags" /> + + <style type="text/css"><![CDATA[ + p + { + bottom: 8px; + margin-bottom: 0px; + position: absolute; + } + + img + { + vertical-align: bottom; + } + + img + img + { + padding-left: 16px; + } + ]]></style> + </head> + + <body> + + <p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p> + + <!-- + The image says: + Test passes if there is a blue square in the + <strong>bottom-left corner</strong> of the page. + --> + + </body> +</html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<meta content="ahem" name="flags" /> +<style> +.container { + color:transparent; + font:50px/1 Ahem; +} +.outline { + color:orange; + display:inline-block; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <span style="margin-left:1em" class="outline">1</span><br /> + <span style="margin-left:3em" class="outline">1<br />2</span><br /> + <span style="margin-left:5em" class="outline">1<br />2<br />X</span> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<meta content="ahem" name="flags" /> +<style> +div { + color:transparent; + font:50px/1 Ahem; + width:2em; + height:5em; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div>1<span class="outline">2</span> 34 56 78 <span class="outline">9</span>0</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<meta content="ahem" name="flags" /> +<style> +.container { + color:transparent; + font:50px/1 Ahem; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <div>111<span class="outline">1</span></div> + <div>1</div> + <div>1</div> + <div>1</div> + <div>1111<span class="outline">1</span></div> +</div> +</body></html>
\ 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 Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png 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 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> + <tbody id="block-flow-direction-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-042.xht">block-flow-direction-042</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-043" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-043.xht">block-flow-direction-043</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-045" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-045.xht">block-flow-direction-045</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-046" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-046.xht">block-flow-direction-046</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-047" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-047.xht">block-flow-direction-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-048" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-048.xht">block-flow-direction-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-049" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-049.xht">block-flow-direction-049</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-050" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-050.xht">block-flow-direction-050</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-051" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-051.xht">block-flow-direction-051</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-052" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-052.xht">block-flow-direction-052</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-053" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-053.xht">block-flow-direction-053</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-054" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-054.xht">block-flow-direction-054</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-055" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-055.xht">block-flow-direction-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-056" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-056.xht">block-flow-direction-056</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-057" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-057.xht">block-flow-direction-057</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-058" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-058.xht">block-flow-direction-058</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-059" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-059.xht">block-flow-direction-059</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-060" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-060.xht">block-flow-direction-060</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-061" class="ahem image"> + <tr> + <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-061.xht">block-flow-direction-061</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-062" class="ahem image"> + <tr> + <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-062.xht">block-flow-direction-062</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-063" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-063.xht">block-flow-direction-063</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-064" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-064.xht">block-flow-direction-064</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-065" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> + <a href="block-flow-direction-065.xht">block-flow-direction-065</a></td> + <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-066" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> + <a href="block-flow-direction-066.xht">block-flow-direction-066</a></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> <tbody id="block-override-001" class=""> <tr> <td rowspan="1" title="direction: div override rtl"> @@ -4936,6 +5128,30 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> + <tbody id="outline-inline-block-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and inline-block and vertical-rl writing-mode"> + <a href="outline-inline-block-vrl-006.xht">outline-inline-block-vrl-006</a></td> + <td><a href="reference/outline-inline-block-vrl-006.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="outline-inline-vlr-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and non-replaced inline and vertical-lr writing-mode"> + <a href="outline-inline-vlr-006.xht">outline-inline-vlr-006</a></td> + <td><a href="reference/outline-inline-vlr-006.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="outline-inline-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and non-replaced inline and vertical-rl writing-mode"> + <a href="outline-inline-vrl-006.xht">outline-inline-vrl-006</a></td> + <td><a href="reference/outline-inline-vrl-006.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="padding-vlr-005" class="image"> <tr> <td rowspan="1" title="padding in 'vertical-lr' writing-mode context"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list index c4ded51e924..3c9addbeb06 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/reftest.list @@ -402,6 +402,30 @@ block-flow-direction-022.xht == reference/block-flow-direction-001-ref.xht block-flow-direction-023.xht == reference/block-flow-direction-001-ref.xht block-flow-direction-024.xht == reference/block-flow-direction-002-ref.xht block-flow-direction-025.xht == reference/block-flow-direction-025-ref.xht +block-flow-direction-042.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-043.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-045.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-046.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-047.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-048.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-049.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-050.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-051.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-052.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-053.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-054.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-055.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-056.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-057.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-058.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-059.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-060.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-061.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-062.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-063.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-064.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-065.xht == reference/block-flow-direction-025-ref.xht +block-flow-direction-066.xht == reference/block-flow-direction-066-ref.xht block-override-001.xht == reference/block-override-001.xht block-override-002.xht == reference/block-override-002.xht block-override-003.xht == reference/block-override-003.xht @@ -613,6 +637,9 @@ margin-collapse-vrl-034.xht == reference/ref-filled-green-100px-square.xht margin-collapse-vrl-036.xht == reference/ref-filled-green-100px-square.xht margin-vlr-003.xht == reference/margin-vrl-002-ref.xht margin-vrl-002.xht == reference/margin-vrl-002-ref.xht +outline-inline-block-vrl-006.xht == reference/outline-inline-block-vrl-006.xht +outline-inline-vlr-006.xht == reference/outline-inline-vlr-006.xht +outline-inline-vrl-006.xht == reference/outline-inline-vrl-006.xht padding-vlr-005.xht == reference/margin-vrl-002-ref.xht padding-vrl-004.xht == reference/margin-vrl-002-ref.xht percent-margin-vlr-003.xht == reference/margin-vrl-002-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht index 3257bcaae84..ff4f8a08074 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1/toc.xht @@ -32,7 +32,7 @@ <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(89 Tests)</td></tr> + <td>(113 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - @@ -52,7 +52,7 @@ <tbody id="s7"> <tr><th><a href="chapter-7.xht">Chapter 7 - Abstract Box Layout</a></th> - <td>(519 Tests)</td></tr> + <td>(522 Tests)</td></tr> </tbody> <tbody id="s8"> <tr><th><a href="chapter-8.xht">Chapter 8 - diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht index 151156af5f9..99cf5b83332 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-002.xht @@ -23,9 +23,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -34,22 +34,28 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht index 0b220f6b475..dce33f260b2 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-003.xht @@ -23,9 +23,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -34,22 +34,28 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht index 99ba2a4c946..bd07aa3a9fc 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-005.xht @@ -23,23 +23,29 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#floated-left - { - background-color: blue; - border-top: blue solid 1em; - float: left; - height: 8em; - writing-mode: vertical-rl; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-top: blue solid 1em; + float: left; + height: 8em; + writing-mode: vertical-rl; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht index 689b2fa5fac..f9597ba7afc 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-006.xht @@ -23,22 +23,25 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.floated-left - { - background-color: blue; - border-bottom: blue solid 1em; - border-left: blue solid 1em; - border-top: blue solid 1em; - float: left; - writing-mode: vertical-rl; - } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + writing-mode: vertical-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht index ea9789b0621..a8697fa00e9 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-007.xht @@ -23,23 +23,29 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: vertical-lr; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: vertical-lr; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht index ec012db9d1a..11bab3ec7af 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-008.xht @@ -23,22 +23,25 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.floated-right - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - float: right; - writing-mode: vertical-lr; - } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: vertical-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht index 8f591685b43..7055a6aea09 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-009.xht @@ -23,29 +23,35 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: vertical-rl; - } + { + height: 9em; + left: auto; + position: absolute; + writing-mode: vertical-rl; + } div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht index 28d18382236..c1292e77c92 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-010.xht @@ -23,29 +23,35 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#abs-pos - { - height: 9em; - left: auto; - position: absolute; - writing-mode: vertical-lr; - } + { + height: 9em; + left: auto; + position: absolute; + writing-mode: vertical-lr; + } div#abs-pos > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht index 01b069c5ede..b02407f2ce7 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-011.xht @@ -19,36 +19,45 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span.right-border { border-right: blue solid 1em; } - - span#left-border { border-left: blue solid 1em; } + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span.right-border + { + border-right: blue solid 1em; + } + + span#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht index 7c1f9612893..04aade54408 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-012.xht @@ -19,38 +19,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } + writing-mode: vertical-rl; + } span - { - border-right: blue solid 1em; - display: block; - } - - span#left-border { border-left: blue solid 1em; } + { + border-right: blue solid 1em; + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht index 08ea4c1f857..7cf91861a9b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-013.xht @@ -19,35 +19,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.inline-block - { - background-color: blue; - border-right: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-rl; - } - - span { display: block; } - - span#left-border { border-left: blue solid 1em; } + writing-mode: vertical-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht index 415b4b2b1c5..e94b299770b 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-014.xht @@ -19,36 +19,45 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span.left-border { border-left: blue solid 1em; } - - span#right-border { border-right: blue solid 1em; } + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span.left-border + { + border-left: blue solid 1em; + } + + span#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht index a816b3fe99e..6605d2412e6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-015.xht @@ -19,31 +19,34 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#inline-block - { - background-color: blue; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - writing-mode: vertical-lr; - } + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + writing-mode: vertical-lr; + } span - { - border-left: blue solid 1em; - display: block; - } - - span#right-border { border-right: blue solid 1em; } + { + border-left: blue solid 1em; + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> @@ -53,7 +56,7 @@ <div id="inline-block"> -<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> +<!-- The "P" --> <span>AAAAAAA B C D E FFFF </span> <!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht index 66004e1ba75..56c4c32cf05 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-016.xht @@ -19,35 +19,41 @@ <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> <meta content="ahem" name="flags" /> - <meta content="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." name="assert" /> + <meta content="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." name="assert" /> <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div.inline-block - { - background-color: blue; - border-left: blue solid 1em; - border-top: blue solid 1em; - display: inline-block; - height: 8em; - vertical-align: top; + { + background-color: blue; + border-left: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; /* Why 'vertical-align: top' ? See http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html for explanations */ - writing-mode: vertical-lr; - } - - span { display: block; } - - span#right-border { border-right: blue solid 1em; } + writing-mode: vertical-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht index 26299ccf7d1..4cfd0f998d6 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-017.xht @@ -14,10 +14,6 @@ } </style> - <!-- - 2015-05-31: Trying to reset test results for that test: hello Koji! - --> - <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> @@ -27,28 +23,34 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: vertical-rl; - } + { + display: table-cell; + height: 9em; + writing-mode: vertical-rl; + } div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht index e8d4bb90e19..cdd297e947e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-018.xht @@ -23,28 +23,34 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-cell - { - display: table-cell; - height: 9em; - writing-mode: vertical-lr; - } + { + display: table-cell; + height: 9em; + writing-mode: vertical-lr; + } div#table-cell > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht index d66aea9e7e0..668045bf4bd 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-019.xht @@ -23,28 +23,34 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: vertical-rl; - } + { + display: table-caption; + height: 9em; + writing-mode: vertical-rl; + } div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.right-border { border-right: blue solid 1em; } - - div#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht index 4c808fe70f6..3c8bf1ce738 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-020.xht @@ -23,28 +23,34 @@ <style type="text/css"><![CDATA[ body - { - color: yellow; - font: 20px/1 Ahem; - } + { + color: yellow; + font: 20px/1 Ahem; + } div#table-caption - { - display: table-caption; - height: 9em; - writing-mode: vertical-lr; - } + { + display: table-caption; + height: 9em; + writing-mode: vertical-lr; + } div#table-caption > div - { - background-color: blue; - border-bottom: blue solid 1em; - border-top: blue solid 1em; - } - - div.left-border { border-left: blue solid 1em; } - - div#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht index 9e1b781b896..c9653dcc7d1 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-021.xht @@ -23,9 +23,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -34,24 +34,30 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ - } - - ul.right-border { border-right: blue solid 1em; } - - ul#left-border { border-left: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ + } + + ul.right-border + { + border-right: blue solid 1em; + } + + ul#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht index eb1bae37a56..eee45c2960d 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-022.xht @@ -23,9 +23,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -34,24 +34,30 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } ul - { - background-color: blue; - border-bottom: blue solid 1em; - list-style: none outside url("support/blue1x1.png"); - margin: 0em; - padding-top: 1em; /* overriding default 40px in several browsers */ - } - - ul.left-border { border-left: blue solid 1em; } - - ul#right-border { border-right: blue solid 1em; } + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default 40px in several browsers */ + } + + ul.left-border + { + border-left: blue solid 1em; + } + + ul#right-border + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht index 5b54bebe68d..60f8bb3029e 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-023.xht @@ -27,9 +27,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-lr; - } + { + writing-mode: vertical-lr; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -38,20 +38,23 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border: blue solid 1em; - border-right: blue none 0em; - } + { + background-color: blue; + border: blue solid 1em; + border-right: blue none 0em; + } - div#right-most { border-right: blue solid 1em; } + div#right-most + { + border-right: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht index e3753d8ce26..8cb46b6dfba 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-024.xht @@ -27,9 +27,9 @@ <style type="text/css"><![CDATA[ html - { - writing-mode: vertical-rl; - } + { + writing-mode: vertical-rl; + } /* " The principal writing mode of the document is determined by the writing-mode @@ -38,21 +38,24 @@ */ body - { - color: yellow; - font: 20px/1 Ahem; - height: 9em; - } + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } div - { - background-color: blue; - border-bottom: blue solid 1em; - border-right: blue solid 1em; - border-top: blue solid 1em; - } + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + } - div#left-border { border-left: blue solid 1em; } + div#left-border + { + border-left: blue solid 1em; + } ]]></style> </head> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht new file mode 100644 index 00000000000..e2d71e88910 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-042.xht @@ -0,0 +1,103 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-042"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht new file mode 100644 index 00000000000..7429aa39ca8 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-043.xht @@ -0,0 +1,103 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-043"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht new file mode 100644 index 00000000000..c761515811c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-045.xht @@ -0,0 +1,97 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-045"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-left + { + background-color: blue; + border-top: blue solid 1em; + float: left; + height: 8em; + writing-mode: sideways-rl; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="floated-left"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht new file mode 100644 index 00000000000..3159b803534 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-046.xht @@ -0,0 +1,99 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: left' and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-046"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-left + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + border-top: blue solid 1em; + float: left; + writing-mode: sideways-rl; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-left"> + +<!-- The right-most line of "P" --> <div>eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div>kkkkkkk</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of "A" --> <div>YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + </div> + + <div class="floated-left"> + +<!-- The right-most line of left-most "S" --> <div>L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + </div> + + <div class="floated-left" id="right-border"> + +<!-- The right-most line of right-most "S" --> <div>A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht new file mode 100644 index 00000000000..4452bfa9112 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-047.xht @@ -0,0 +1,97 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-047"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: sideways-lr; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="floated-right"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht new file mode 100644 index 00000000000..35c393b734e --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-048.xht @@ -0,0 +1,99 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: 'float: right' and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-048"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.floated-right + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + float: right; + writing-mode: sideways-lr; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div class="floated-right"> + +<!-- The left-most line of right-most "S" --> <div>a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div>jjjj k</div> + + </div> + + <div class="floated-right"> + +<!-- The 1st left-most line of left-most "S" --> <div>N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + </div> + + <div class="floated-right"> + +<!-- The left-most line of "A" --> <div>GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + </div> + + <div class="floated-right" id="left-border"> + +<!-- The 1st left-most line of "P" --> <div>AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht new file mode 100644 index 00000000000..190e1b0d540 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-049.xht @@ -0,0 +1,103 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-049"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: sideways-rl; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht new file mode 100644 index 00000000000..58c44d60412 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-050.xht @@ -0,0 +1,103 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: position absolute and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-050"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#abs-pos + { + height: 9em; + left: auto; + position: absolute; + writing-mode: sideways-lr; + } + + div#abs-pos > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="abs-pos"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht new file mode 100644 index 00000000000..0a364b6bbd5 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-051.xht @@ -0,0 +1,113 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-051"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span.right-border + { + border-right: blue solid 1em; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most line of right-most "S" --> <span class="right-border">A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + + +<!-- The right-most line of left-most "S" --> <span class="right-border">L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + + +<!-- The right-most line of "A" --> <span class="right-border">YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + + +<!-- The right-most line of "P" --> <span class="right-border">eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht new file mode 100644 index 00000000000..10d301658f1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-052.xht @@ -0,0 +1,79 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-052"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + border-right: blue solid 1em; + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The right-most "S" --> <span>A BBBB C D E F G H JJJJ K</span> + +<!-- The left-most "S" --> <span>L MMMM Q R S T U V WWWW X</span> + +<!-- The "A" --> <span>YYYYYYY Z a b c ddddddd</span> + +<!-- The "P" --> <span id="left-border">eeee f g h j kkkkkkk</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht new file mode 100644 index 00000000000..387b56112c3 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-053.xht @@ -0,0 +1,109 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-053"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-right: blue solid 1em; + border-top: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-rl; + } + + span + { + display: block; + } + + span#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The right-most line of "P" --> <span>eeee </span> + +<!-- The 2nd right-most line of "P" --> <span>f g </span> + +<!-- The 3rd right-most line of "P" --> <span>h j </span> + +<!-- The 4th right-most line of "P" --> <span id="left-border">kkkkkkk</span> + + </div><div class="inline-block"> + +<!-- The right-most line of "A" --> <span>YYYYYYY</span> + +<!-- The 2nd right-most line of "A" --> <span>Z a </span> + +<!-- The 3rd right-most line of "A" --> <span>b c </span> + +<!-- The 4th right-most line of "A" --> <span>ddddddd</span> + + </div><div class="inline-block"> + +<!-- The right-most line of left-most "S" --> <span>L MMMM</span> + +<!-- The 2nd right-most line of left-most "S" --> <span>Q R S</span> + +<!-- The 3rd right-most line of left-most "S" --> <span>T U V</span> + +<!-- The 4th right-most line of left-most "S" --> <span>WWWW X</span> + + </div><div class="inline-block"> + +<!-- The right-most line of right-most "S" --> <span>A BBBB</span> + +<!-- The 2nd right-most line of right-most "S" --> <span>C D E</span> + +<!-- The 3rd right-most line of right-most "S" --> <span>F G H</span> + +<!-- The 4th right-most line of right-most "S" --> <span>JJJJ K</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht new file mode 100644 index 00000000000..9531ba43fe1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-054.xht @@ -0,0 +1,113 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-054"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span.left-border + { + border-left: blue solid 1em; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The 1st left-most line of "P" --> <span class="left-border">AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + + +<!-- The left-most line of "A" --> <span class="left-border">GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + + +<!-- The 1st left-most line of left-most "S" --> <span class="left-border">N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + + +<!-- The left-most line of right-most "S" --> <span class="left-border">a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht new file mode 100644 index 00000000000..521d88fae83 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-055.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-055"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + display: inline-block; + height: 8em; + writing-mode: sideways-lr; + } + + span + { + border-left: blue solid 1em; + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div id="inline-block"> + +<!-- The "P" --> <span>AAAAAAA B C D E FFFF</span> + +<!-- The "A" --> <span>GGGGGGG H J K L MMMMMMM</span> + +<!-- The left-most "S" --> <span>N QQQQ R S T U V W XXXX Y</span> + +<!-- The right-most "S" --> <span id="right-border">a bbbb c d e f g h jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht new file mode 100644 index 00000000000..edc043ca739 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-056.xht @@ -0,0 +1,109 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: inline-block and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-056"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div.inline-block + { + background-color: blue; + border-bottom: blue solid 1em; + border-left: blue solid 1em; + display: inline-block; + height: 8em; + vertical-align: top; + /* + Why 'vertical-align: top' ? + See + http://lists.w3.org/Archives/Public/public-css-testsuite/2014Dec/0013.html + for explanations + */ + writing-mode: sideways-lr; + } + + span + { + display: block; + } + + span#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div> + + <div class="inline-block"> + +<!-- The 1st left-most line of "P" --> <span>AAAAAAA</span> + +<!-- The 2nd left-most line of "P" --> <span> B C</span> + +<!-- The 3rd left-most line of "P" --> <span> D E</span> + +<!-- The 4th left-most line of "P" --> <span> FFFF</span> + + </div><div class="inline-block"> + +<!-- The left-most line of "A" --> <span>GGGGGGG</span> + +<!-- The 2nd left-most line of "A" --> <span> H J</span> + +<!-- The 3rd left-most line of "A" --> <span> K L</span> + +<!-- The 4th left-most line of "A" --> <span>MMMMMMM</span> + + </div><div class="inline-block"> + +<!-- The 1st left-most line of left-most "S" --> <span>N QQQQ</span> + +<!-- The 2nd left-most line of left-most "S" --> <span>R S T</span> + +<!-- The 3rd left-most line of left-most "S" --> <span>U V W</span> + +<!-- The 4th left-most line of left-most "S" --> <span>XXXX Y</span> + + </div><div class="inline-block"> + +<!-- The left-most line of right-most "S" --> <span>a bbbb</span> + +<!-- The 2nd left-most line of right-most "S" --> <span>c d e</span> + +<!-- The 3rd left-most line of right-most "S" --> <span>f g h</span> + +<!-- The 4th left-most line of right-most "S" --> <span id="right-border">jjjj k</span> + + </div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht new file mode 100644 index 00000000000..8980eab5da0 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-057.xht @@ -0,0 +1,102 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-057"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: sideways-rl; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht new file mode 100644 index 00000000000..3dccf429971 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-058.xht @@ -0,0 +1,101 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-cell and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-058"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-cell + { + display: table-cell; + height: 9em; + writing-mode: sideways-lr; + } + + div#table-cell > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-cell"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht new file mode 100644 index 00000000000..e52203ebb00 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-059.xht @@ -0,0 +1,102 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-rl' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-059"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: sideways-rl; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.right-border + { + border-right: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The right-most line of right-most "S" --> <div class="right-border">A BBBB</div> + +<!-- The 2nd right-most line of right-most "S" --> <div>C D E</div> + +<!-- The 3rd right-most line of right-most "S" --> <div>F G H</div> + +<!-- The 4th right-most line of right-most "S" --> <div>JJJJ K</div> + + + +<!-- The right-most line of left-most "S" --> <div class="right-border">L MMMM</div> + +<!-- The 2nd right-most line of left-most "S" --> <div>Q R S</div> + +<!-- The 3rd right-most line of left-most "S" --> <div>T U V</div> + +<!-- The 4th right-most line of left-most "S" --> <div>WWWW X</div> + + + +<!-- The right-most line of "A" --> <div class="right-border">YYYYYYY</div> + +<!-- The 2nd right-most line of "A" --> <div>Z a </div> + +<!-- The 3rd right-most line of "A" --> <div>b c </div> + +<!-- The 4th right-most line of "A" --> <div>ddddddd</div> + + + +<!-- The right-most line of "P" --> <div class="right-border">eeee </div> + +<!-- The 2nd right-most line of "P" --> <div>f g </div> + +<!-- The 3rd right-most line of "P" --> <div>h j </div> + +<!-- The 4th right-most line of "P" --> <div id="left-border">kkkkkkk</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht new file mode 100644 index 00000000000..26f51531d33 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-060.xht @@ -0,0 +1,101 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: table-caption and 'sideways-lr' - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-060"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-001-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + body + { + color: yellow; + font: 20px/1 Ahem; + } + + div#table-caption + { + display: table-caption; + height: 9em; + writing-mode: sideways-lr; + } + + div#table-caption > div + { + background-color: blue; + border-bottom: blue solid 1em; + border-top: blue solid 1em; + } + + div.left-border + { + border-left: blue solid 1em; + } + + div#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + + <div id="table-caption"> + +<!-- The 1st left-most line of "P" --> <div class="left-border">AAAAAAA</div> + +<!-- The 2nd left-most line of "P" --> <div> B C</div> + +<!-- The 3rd left-most line of "P" --> <div> D E</div> + +<!-- The 4th left-most line of "P" --> <div> FFFF</div> + + +<!-- The left-most line of "A" --> <div class="left-border">GGGGGGG</div> + +<!-- The 2nd left-most line of "A" --> <div> H J</div> + +<!-- The 3rd left-most line of "A" --> <div> K L</div> + +<!-- The 4th left-most line of "A" --> <div>MMMMMMM</div> + + + +<!-- The 1st left-most line of left-most "S" --> <div class="left-border">N QQQQ</div> + +<!-- The 2nd left-most line of left-most "S" --> <div>R S T</div> + +<!-- The 3rd left-most line of left-most "S" --> <div>U V W</div> + +<!-- The 4th left-most line of left-most "S" --> <div>XXXX Y</div> + + + +<!-- The left-most line of right-most "S" --> <div class="left-border">a bbbb</div> + +<!-- The 2nd left-most line of right-most "S" --> <div>c d e</div> + +<!-- The 3rd left-most line of right-most "S" --> <div>f g h</div> + +<!-- The 4th left-most line of right-most "S" --> <div id="right-border">jjjj k</div> + + </div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht new file mode 100644 index 00000000000..2fac409de47 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-061.xht @@ -0,0 +1,105 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and sideways-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-061"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="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... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-bottom: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-top: 1em; /* overriding default padding-start: 40px in several browsers */ + } + + ul.right-border + { + border-right: blue solid 1em; + } + + ul#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most line of right-most "S" --> <ul class="right-border"><li>A BBBB</li></ul> + +<!-- The 2nd right-most line of right-most "S" --> <ul><li>C D E</li></ul> + +<!-- The 3rd right-most line of right-most "S" --> <ul><li>F G H</li></ul> + +<!-- The 4th right-most line of right-most "S" --> <ul><li>JJJJ K</li></ul> + + + +<!-- The right-most line of left-most "S" --> <ul class="right-border"><li>L MMMM</li></ul> + +<!-- The 2nd right-most line of left-most "S" --> <ul><li>Q R S</li></ul> + +<!-- The 3rd right-most line of left-most "S" --> <ul><li>T U V</li></ul> + +<!-- The 4th right-most line of left-most "S" --> <ul><li>WWWW X</li></ul> + + + +<!-- The right-most line of "A" --> <ul class="right-border"><li>YYYYYYY</li></ul> + +<!-- The 2nd right-most line of "A" --> <ul><li>Z a </li></ul> + +<!-- The 3rd right-most line of "A" --> <ul><li>b c </li></ul> + +<!-- The 4th right-most line of "A" --> <ul><li>ddddddd</li></ul> + + + +<!-- The right-most line of "P" --> <ul class="right-border"><li>eeee </li></ul> + +<!-- The 2nd right-most line of "P" --> <ul><li>f g </li></ul> + +<!-- The 3rd right-most line of "P" --> <ul><li>h j </li></ul> + +<!-- The 4th right-most line of "P" --> <ul id="left-border"><li>kkkkkkk</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht new file mode 100644 index 00000000000..0843ee23504 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-062.xht @@ -0,0 +1,105 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: list and sideways-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-062"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem image" name="flags" /> + <meta content="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... " name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + ul + { + background-color: blue; + border-top: blue solid 1em; + list-style: none outside url("support/blue1x1.png"); + margin: 0em; + padding-bottom: 1em; /* overriding default 40px in several browsers */ + } + + ul.left-border + { + border-left: blue solid 1em; + } + + ul#right-border + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The 1st left-most line of "P" --> <ul class="left-border"><li>AAAAAAA</li></ul> + +<!-- The 2nd left-most line of "P" --> <ul><li> B C</li></ul> + +<!-- The 3rd left-most line of "P" --> <ul><li> D E</li></ul> + +<!-- The 4th left-most line of "P" --> <ul><li> FFFF</li></ul> + + + +<!-- The left-most line of "A" --> <ul class="left-border"><li>GGGGGGG</li></ul> + +<!-- The 2nd left-most line of "A" --> <ul><li> H J</li></ul> + +<!-- The 3rd left-most line of "A" --> <ul><li> K L</li></ul> + +<!-- The 4th left-most line of "A" --> <ul><li>MMMMMMM</li></ul> + + + +<!-- The 1st left-most line of left-most "S" --> <ul class="left-border"><li>N QQQQ</li></ul> + +<!-- The 2nd left-most line of left-most "S" --> <ul><li>R S T</li></ul> + +<!-- The 3rd left-most line of left-most "S" --> <ul><li>U V W</li></ul> + +<!-- The 4th left-most line of left-most "S" --> <ul><li>XXXX Y</li></ul> + + + +<!-- The left-most line of right-most "S" --> <ul class="left-border"><li>a bbbb</li></ul> + +<!-- The 2nd left-most line of right-most "S" --> <ul><li>c d e</li></ul> + +<!-- The 3rd left-most line of right-most "S" --> <ul><li>f g h</li></ul> + +<!-- The 4th left-most line of right-most "S" --> <ul id="right-border"><li>jjjj k</li></ul> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht new file mode 100644 index 00000000000..9daaaa22915 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-063.xht @@ -0,0 +1,72 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-lr - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-063"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-043-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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... " name="assert" /> + + <!-- + This test is a variation of block-flow-direction-003 test. + --> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border: blue solid 1em; + border-right: blue none 0em; + } + + div#right-most + { + border-right: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The "P" --> <div>AAAAAAA B C D E FFFF</div> + +<!-- The "A" --> <div>GGGGGGG H J K L MMMMMMM</div> + +<!-- The left-most "S" --> <div>N QQQQ R S T U V W XXXX Y</div> + +<!-- The right-most "S" --> <div id="right-most">a bbbb c d e f g h jjjj k</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht new file mode 100644 index 00000000000..485ac197ef1 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-064.xht @@ -0,0 +1,73 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: sideways-rl - block flow direction of block-level boxes</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-064"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="match" href="reference/block-flow-direction-002-ref.xht" /> + + <meta content="ahem" name="flags" /> + <meta content="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... " name="assert" /> + + <!-- + This test is a variation of block-flow-direction-002 test. + --> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + /* + " + The principal writing mode of the document is determined by the writing-mode + and direction values specified on the root element. + " + */ + + body + { + color: yellow; + font: 20px/1 Ahem; + height: 9em; + } + + div + { + background-color: blue; + border-bottom: blue solid 1em; + border-right: blue solid 1em; + border-top: blue solid 1em; + } + + div#left-border + { + border-left: blue solid 1em; + } + ]]></style> + </head> + + <body> + +<!-- The right-most "S" --> <div>A BBBB C D E F G H JJJJ K</div> + +<!-- The left-most "S" --> <div>L MMMM Q R S T U V WWWW X</div> + +<!-- The "A" --> <div>YYYYYYY Z a b c ddddddd</div> + +<!-- The "P" --> <div id="left-border">eeee f g h j kkkkkkk</div> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht new file mode 100644 index 00000000000..5c02489c36c --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht @@ -0,0 +1,47 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: writing mode (sideways-rl) of document - horizontal position of first block</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-065"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> + <link rel="match" href="reference/block-flow-direction-025-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-rl; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + ]]></style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-025-exp-res.png" width="359" height="36" alt="Image download support must be enabled" /></p> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht new file mode 100644 index 00000000000..b000d7dfd73 --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht @@ -0,0 +1,53 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Writing Modes Test: writing mode (sideways-lr) of document - horizontal position of first block</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-066"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <link rel="help" href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode" title="3.1 Block Flow Direction: the writing-mode property" /> + <link rel="help" href="http://www.w3.org/TR/2011/REC-CSS2-20110607/visuren.html#block-formatting" title="9.4.1 Block formatting contexts" /> + <link rel="match" href="reference/block-flow-direction-066-ref.xht" /> + + <meta content="image" name="flags" /> + <meta content="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." name="assert" /> + + <style type="text/css"><![CDATA[ + html + { + writing-mode: sideways-lr; + } + + div + { + background-color: blue; + height: 100px; + width: 100px; + } + ]]></style> + </head> + + <body> + + <div></div> + + <p><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p> + + <!-- + The image says: + Test passes if there is a blue square in the + <strong>bottom-left corner</strong> of the page. + --> + + </body> +</html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht index 6b51709a27c..e6ce49bcb7c 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-3.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Introduction to Vertical Text (89 tests)</h2> + <h2>Introduction to Vertical Text (113 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -40,7 +40,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s3.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#writing-mode">3.1 Block Flow Direction: the writing-mode property</a></th></tr> - <!-- 74 tests --> + <!-- 98 tests --> <tr id="block-flow-direction-001-3.1" class="primary ahem"> <td><strong> <a href="block-flow-direction-001.xht">block-flow-direction-001</a></strong></td> @@ -316,6 +316,270 @@ </ul> </td> </tr> + <tr id="block-flow-direction-042-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-042.xht">block-flow-direction-042</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-043-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-043.xht">block-flow-direction-043</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-045-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-045.xht">block-flow-direction-045</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-046-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-046.xht">block-flow-direction-046</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: left' and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-047-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-047.xht">block-flow-direction-047</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-048-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-048.xht">block-flow-direction-048</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>'float: right' and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-049-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-049.xht">block-flow-direction-049</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-050-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-050.xht">block-flow-direction-050</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>position absolute and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-051-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-051.xht">block-flow-direction-051</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-052-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-052.xht">block-flow-direction-052</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-053-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-053.xht">block-flow-direction-053</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-054-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-054.xht">block-flow-direction-054</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-055-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-055.xht">block-flow-direction-055</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-056-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-056.xht">block-flow-direction-056</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>inline-block and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-057-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-057.xht">block-flow-direction-057</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-058-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-058.xht">block-flow-direction-058</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-cell and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-059-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-059.xht">block-flow-direction-059</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-rl' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-060-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-060.xht">block-flow-direction-060</a></strong></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>table-caption and 'sideways-lr' - block flow direction of block-level boxes + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-061-3.1" class="primary ahem image"> + <td><strong> + <a href="block-flow-direction-061.xht">block-flow-direction-061</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-062-3.1" class="primary ahem image"> + <td><strong> + <a href="block-flow-direction-062.xht">block-flow-direction-062</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>list and sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-063-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-063.xht">block-flow-direction-063</a></strong></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-lr - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-064-3.1" class="primary ahem"> + <td><strong> + <a href="block-flow-direction-064.xht">block-flow-direction-064</a></strong></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>sideways-rl - block flow direction of block-level boxes + <ul class="assert"> + <li>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...</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-065-3.1" class="primary image"> + <td><strong> + <a href="block-flow-direction-065.xht">block-flow-direction-065</a></strong></td> + <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-rl) of document - horizontal position of first block + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> + <tr id="block-flow-direction-066-3.1" class="primary image"> + <td><strong> + <a href="block-flow-direction-066.xht">block-flow-direction-066</a></strong></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + <td>writing mode (sideways-lr) of document - horizontal position of first block + <ul class="assert"> + <li>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.</li> + </ul> + </td> + </tr> <tr id="different-block-flow-dir-001-3.1" class="primary"> <td><strong> <a href="different-block-flow-dir-001.xht">different-block-flow-dir-001</a></strong></td> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht index bd39e07028c..4da4e7b6d22 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/chapter-7.xht @@ -13,7 +13,7 @@ <body> <h1>CSS Writing Modes Module Level 3 CR Test Suite</h1> - <h2>Abstract Box Layout (519 tests)</h2> + <h2>Abstract Box Layout (522 tests)</h2> <table width="100%"> <col id="test-column"></col> <col id="refs-column"></col> @@ -37,7 +37,7 @@ <tr><th colspan="4" scope="rowgroup"> <a href="#s7.1">+</a> <a href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout">7.1 Principles of Layout in Vertical Writing Modes</a></th></tr> - <!-- 355 tests --> + <!-- 358 tests --> <tr id="abs-pos-non-replaced-icb-vlr-003-7.1" class="primary"> <td><strong> <a href="abs-pos-non-replaced-icb-vlr-003.xht">abs-pos-non-replaced-icb-vlr-003</a></strong></td> @@ -3623,6 +3623,14 @@ </ul> </td> </tr> + <tr id="outline-inline-block-vrl-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-block-vrl-006.xht">outline-inline-block-vrl-006</a></strong></td> + <td><a href="reference/outline-inline-block-vrl-006.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and inline-block and vertical-rl writing-mode + </td> + </tr> <tr id="outline-inline-slr-005-7.1" class="primary"> <td><strong> <a href="outline-inline-slr-005.xht">outline-inline-slr-005</a></strong></td> @@ -3647,6 +3655,14 @@ <td>outline layout and non-replaced inline in vertical-lr writing-mode </td> </tr> + <tr id="outline-inline-vlr-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-vlr-006.xht">outline-inline-vlr-006</a></strong></td> + <td><a href="reference/outline-inline-vlr-006.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and non-replaced inline and vertical-lr writing-mode + </td> + </tr> <tr id="outline-inline-vrl-002-7.1" class="primary"> <td><strong> <a href="outline-inline-vrl-002.xht">outline-inline-vrl-002</a></strong></td> @@ -3655,6 +3671,14 @@ <td>outline layout and non-replaced inline and vertical-rl writing-mode </td> </tr> + <tr id="outline-inline-vrl-006-7.1" class="primary ahem"> + <td><strong> + <a href="outline-inline-vrl-006.xht">outline-inline-vrl-006</a></strong></td> + <td><a href="reference/outline-inline-vrl-006.xht">=</a> </td> + <td><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + <td>outline layout and non-replaced inline and vertical-rl writing-mode + </td> + </tr> <tr id="padding-vlr-005-7.1" class="primary image"> <td><strong> <a href="padding-vlr-005.xht">padding-vlr-005</a></strong></td> 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and inline-block and vertical-rl writing-mode</title> +<link href="reference/outline-inline-block-vrl-006.xht" rel="match" /> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" /> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" /> +<meta content="ahem" name="flags" /> +<style> +.container { + color:transparent; + font:50px/1 Ahem; + height:6em; + writing-mode:vertical-rl; +} +.outline { + color:orange; + display:inline-block; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <!-- + Additional div to ensure that the origin of the containing block of the + outline span is different from the origin of the writing mode root. + --> + <div>123<span class="outline">XXX</span></div> + <div>12345 6<span class="outline">XX</span></div> + <div>1</div> + <div><span class="outline">1</span></div> + <div>1</div> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title> +<link href="reference/outline-inline-vlr-006.xht" rel="match" /> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" /> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" /> +<meta content="ahem" name="flags" /> +<style> +div { + color:transparent; + font:50px/1 Ahem; + width:2em; + height:5em; +} +.vlr { + writing-mode:vertical-lr; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="vlr">1234<span class="outline">5 6</span>7890</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="reference/outline-inline-vrl-006.xht" rel="match" /> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<link href="http://www.w3.org/TR/css-writing-modes-3/#vertical-layout" rel="help" title="7.1. Principles of Layout in Vertical Writing Modes" /> +<link href="http://www.w3.org/TR/2011/REC-CSS2-20110607/ui.html#dynamic-outlines" rel="help" title="18.4 Dynamic outlines: the 'outline' property" /> +<meta content="ahem" name="flags" /> +<style> +.container { + color:transparent; + font:50px/1 Ahem; + height:5em; + writing-mode:vertical-rl; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <!-- + Additional div to ensure that the origin of the containing block of the + outline span is different from the origin of the writing mode root. + --> + <div>1</div> + <div>1234<span class="outline">5 6</span>7890</div> + <div>1</div> + <div>1</div> + <div>1</div> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + <title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-043-ref"; } + @bottom-right { content: counter(page); } + } +</style> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2015-11-22 --> + + <!-- This reference file is the bottom-left-corner version of + block-flow-direction-001-ref.xht + --> + + <meta name="flags" content="image" /> + <style type="text/css"><![CDATA[ + div + { + background-color: yellow; + bottom: 8px; + font: 20px/1 Ahem; + left: 8px; + position: absolute; + width: 21em; + } + + img + { + vertical-align: top; + } + ]]></style> + </head> + <body> + + <div><img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="80" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="40" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> <img src="support/blue20x20.png" width="20" height="20" alt="Image download support must be enabled" /> + + <img src="support/blue20x20.png" width="420" height="20" alt="Image download support must be enabled" /> + </div> + + </body> +</html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"> + + <head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> + + <title>CSS Reftest Reference</title> + <style type="text/css"> + @page { font: italic 8pt sans-serif; color: gray; + margin: 7%; + counter-increment: page; + @top-left { content: "CSS Writing Modes Module Level 3 CR Test Suite"; } + @top-right { content: "Test block-flow-direction-066-ref"; } + @bottom-right { content: counter(page); } + } +</style> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + <meta content="image" name="flags" /> + + <style type="text/css"><![CDATA[ + p + { + bottom: 8px; + margin-bottom: 0px; + position: absolute; + } + + img + { + vertical-align: bottom; + } + + img + img + { + padding-left: 16px; + } + ]]></style> + </head> + + <body> + + <p><img src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><img src="support/block-flow-direction-066-exp-res.png" width="358" height="36" alt="Image download support must be enabled" /></p> + + <!-- + The image says: + Test passes if there is a blue square in the + <strong>bottom-left corner</strong> of the page. + --> + + </body> +</html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<meta content="ahem" name="flags" /> +<style> +.container { + color:transparent; + font:50px/1 Ahem; +} +.outline { + color:orange; + display:inline-block; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <span style="margin-left:1em" class="outline">1</span><br /> + <span style="margin-left:3em" class="outline">1<br />2</span><br /> + <span style="margin-left:5em" class="outline">1<br />2<br />X</span> +</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-lr writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<meta content="ahem" name="flags" /> +<style> +div { + color:transparent; + font:50px/1 Ahem; + width:2em; + height:5em; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div>1<span class="outline">2</span> 34 56 78 <span class="outline">9</span>0</div> +</body></html>
\ 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 @@ +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml"><head><title>CSS Writing Modes Test: outline layout and non-replaced inline and vertical-rl writing-mode</title> +<link href="mailto:kojiishi@gmail.com" rel="author" title="Koji Ishii" /> +<meta content="ahem" name="flags" /> +<style> +.container { + color:transparent; + font:50px/1 Ahem; +} +.outline { + color:orange; + outline:blue solid 2px; +} +</style> +</head><body><p>Test passes if inside of blue rectangles are orange. +</p><div class="container"> + <div>111<span class="outline">1</span></div> + <div>1</div> + <div>1</div> + <div>1</div> + <div>1111<span class="outline">1</span></div> +</div> +</body></html>
\ 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 Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png 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 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> + <tbody id="block-flow-direction-042" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-042.xht">block-flow-direction-042</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-043" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-043.xht">block-flow-direction-043</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-045" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-045.xht">block-flow-direction-045</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-046" class="ahem"> + <tr> + <td rowspan="1" title="'float: left' and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-046.xht">block-flow-direction-046</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-047" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-047.xht">block-flow-direction-047</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-048" class="ahem"> + <tr> + <td rowspan="1" title="'float: right' and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-048.xht">block-flow-direction-048</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-049" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-049.xht">block-flow-direction-049</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-050" class="ahem"> + <tr> + <td rowspan="1" title="position absolute and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-050.xht">block-flow-direction-050</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-051" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-051.xht">block-flow-direction-051</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-052" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-052.xht">block-flow-direction-052</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-053" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-053.xht">block-flow-direction-053</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-054" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-054.xht">block-flow-direction-054</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-055" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-055.xht">block-flow-direction-055</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-056" class="ahem"> + <tr> + <td rowspan="1" title="inline-block and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-056.xht">block-flow-direction-056</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-057" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-057.xht">block-flow-direction-057</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-058" class="ahem"> + <tr> + <td rowspan="1" title="table-cell and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-058.xht">block-flow-direction-058</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-059" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-rl' - block flow direction of block-level boxes"> + <a href="block-flow-direction-059.xht">block-flow-direction-059</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-060" class="ahem"> + <tr> + <td rowspan="1" title="table-caption and 'sideways-lr' - block flow direction of block-level boxes"> + <a href="block-flow-direction-060.xht">block-flow-direction-060</a></td> + <td><a href="reference/block-flow-direction-001-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-061" class="ahem image"> + <tr> + <td rowspan="1" title="list and sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-061.xht">block-flow-direction-061</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-062" class="ahem image"> + <tr> + <td rowspan="1" title="list and sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-062.xht">block-flow-direction-062</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-063" class="ahem"> + <tr> + <td rowspan="1" title="sideways-lr - block flow direction of block-level boxes"> + <a href="block-flow-direction-063.xht">block-flow-direction-063</a></td> + <td><a href="reference/block-flow-direction-043-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-064" class="ahem"> + <tr> + <td rowspan="1" title="sideways-rl - block flow direction of block-level boxes"> + <a href="block-flow-direction-064.xht">block-flow-direction-064</a></td> + <td><a href="reference/block-flow-direction-002-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-065" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-rl) of document - horizontal position of first block"> + <a href="block-flow-direction-065.xht">block-flow-direction-065</a></td> + <td><a href="reference/block-flow-direction-025-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> + <tbody id="block-flow-direction-066" class="image"> + <tr> + <td rowspan="1" title="writing mode (sideways-lr) of document - horizontal position of first block"> + <a href="block-flow-direction-066.xht">block-flow-direction-066</a></td> + <td><a href="reference/block-flow-direction-066-ref.xht">=</a> </td> + <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> + </tr> + </tbody> <tbody id="block-override-001" class=""> <tr> <td rowspan="1" title="direction: div override rtl"> @@ -4936,6 +5128,30 @@ <td rowspan="1"><abbr class="image" title="Requires bitmap graphic support">Bitmaps</abbr></td> </tr> </tbody> + <tbody id="outline-inline-block-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and inline-block and vertical-rl writing-mode"> + <a href="outline-inline-block-vrl-006.xht">outline-inline-block-vrl-006</a></td> + <td><a href="reference/outline-inline-block-vrl-006.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="outline-inline-vlr-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and non-replaced inline and vertical-lr writing-mode"> + <a href="outline-inline-vlr-006.xht">outline-inline-vlr-006</a></td> + <td><a href="reference/outline-inline-vlr-006.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> + <tbody id="outline-inline-vrl-006" class="ahem"> + <tr> + <td rowspan="1" title="outline layout and non-replaced inline and vertical-rl writing-mode"> + <a href="outline-inline-vrl-006.xht">outline-inline-vrl-006</a></td> + <td><a href="reference/outline-inline-vrl-006.xht">=</a> </td> + <td rowspan="1"><abbr class="ahem" title="Requires Ahem font">Ahem</abbr></td> + </tr> + </tbody> <tbody id="padding-vlr-005" class="image"> <tr> <td rowspan="1" title="padding in 'vertical-lr' writing-mode context"> diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list index c4ded51e924..3c9addbeb06 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/reftest.list @@ -402,6 +402,30 @@ block-flow-direction-022.xht == reference/block-flow-direction-001-ref.xht block-flow-direction-023.xht == reference/block-flow-direction-001-ref.xht block-flow-direction-024.xht == reference/block-flow-direction-002-ref.xht block-flow-direction-025.xht == reference/block-flow-direction-025-ref.xht +block-flow-direction-042.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-043.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-045.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-046.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-047.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-048.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-049.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-050.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-051.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-052.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-053.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-054.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-055.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-056.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-057.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-058.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-059.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-060.xht == reference/block-flow-direction-001-ref.xht +block-flow-direction-061.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-062.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-063.xht == reference/block-flow-direction-043-ref.xht +block-flow-direction-064.xht == reference/block-flow-direction-002-ref.xht +block-flow-direction-065.xht == reference/block-flow-direction-025-ref.xht +block-flow-direction-066.xht == reference/block-flow-direction-066-ref.xht block-override-001.xht == reference/block-override-001.xht block-override-002.xht == reference/block-override-002.xht block-override-003.xht == reference/block-override-003.xht @@ -613,6 +637,9 @@ margin-collapse-vrl-034.xht == reference/ref-filled-green-100px-square.xht margin-collapse-vrl-036.xht == reference/ref-filled-green-100px-square.xht margin-vlr-003.xht == reference/margin-vrl-002-ref.xht margin-vrl-002.xht == reference/margin-vrl-002-ref.xht +outline-inline-block-vrl-006.xht == reference/outline-inline-block-vrl-006.xht +outline-inline-vlr-006.xht == reference/outline-inline-vlr-006.xht +outline-inline-vrl-006.xht == reference/outline-inline-vrl-006.xht padding-vlr-005.xht == reference/margin-vrl-002-ref.xht padding-vrl-004.xht == reference/margin-vrl-002-ref.xht percent-margin-vlr-003.xht == reference/margin-vrl-002-ref.xht diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht index 3257bcaae84..ff4f8a08074 100644 --- a/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht +++ b/tests/wpt/css-tests/css-writing-modes-3_dev/xhtml1print/toc.xht @@ -32,7 +32,7 @@ <tbody id="s3"> <tr><th><a href="chapter-3.xht">Chapter 3 - Introduction to Vertical Text</a></th> - <td>(89 Tests)</td></tr> + <td>(113 Tests)</td></tr> </tbody> <tbody id="s4"> <tr><th><a href="chapter-4.xht">Chapter 4 - @@ -52,7 +52,7 @@ <tbody id="s7"> <tr><th><a href="chapter-7.xht">Chapter 7 - Abstract Box Layout</a></th> - <td>(519 Tests)</td></tr> + <td>(522 Tests)</td></tr> </tbody> <tbody id="s8"> <tr><th><a href="chapter-8.xht">Chapter 8 - diff --git a/tests/wpt/css-tests/css21_dev/html4/background-root-102.htm b/tests/wpt/css-tests/css21_dev/html4/background-root-102.htm index ff6a3ad49f2..3837a76806a 100644 --- a/tests/wpt/css-tests/css21_dev/html4/background-root-102.htm +++ b/tests/wpt/css-tests/css21_dev/html4/background-root-102.htm @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html lang="en"> +<html lang="en" class="reftest-wait"> <head> <title>CSS Test: CSS: Changing the background of the BODY element by changing its class</title> <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"> @@ -17,6 +17,7 @@ function test() { document.getElementsByTagName('body')[0].className = 'after'; document.getElementsByTagName('p')[0].className = 'after'; + document.documentElement.className = ""; } </script> </head> diff --git a/tests/wpt/css-tests/css21_dev/html4/background-root-103.htm b/tests/wpt/css-tests/css21_dev/html4/background-root-103.htm index 5ec01e82c5f..e0c8f880fe9 100644 --- a/tests/wpt/css-tests/css21_dev/html4/background-root-103.htm +++ b/tests/wpt/css-tests/css21_dev/html4/background-root-103.htm @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> -<html lang="en-before"> +<html lang="en-before" class="reftest-wait"> <head> <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title> <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"> @@ -17,6 +17,7 @@ function test() { document.getElementsByTagName('html')[0].lang = 'en-after'; document.getElementsByTagName('p')[0].lang = 'en-after'; + document.documentElement.className = ""; } </script> </head> diff --git a/tests/wpt/css-tests/css21_dev/html4/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/html4/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css21_dev/html4/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/html4/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/html4/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data index 08e376a6665..8d96da2608f 100644 --- a/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/css21_dev/implementation-report-TEMPLATE.data @@ -2728,10 +2728,10 @@ html4/background-root-024.htm 8210116ae34c05c5bed664c43c1ecf9b53ad145b ? xhtml1/background-root-024.xht 8210116ae34c05c5bed664c43c1ecf9b53ad145b ? html4/background-root-101.htm 1d8cc18a330cb8a657dbd49a5e6e2ee357b6e71b ? xhtml1/background-root-101.xht 1d8cc18a330cb8a657dbd49a5e6e2ee357b6e71b ? -html4/background-root-102.htm 81087532ada685cfee05ad1cab758675cc93aa34 ? -xhtml1/background-root-102.xht 81087532ada685cfee05ad1cab758675cc93aa34 ? -html4/background-root-103.htm 2dd4bd2ae94a7eb6692498439da8125aa6b65873 ? -xhtml1/background-root-103.xht 2dd4bd2ae94a7eb6692498439da8125aa6b65873 ? +html4/background-root-102.htm 12c66266cd9bb89e418c13d074f49c6bf1d15c02 ? +xhtml1/background-root-102.xht 12c66266cd9bb89e418c13d074f49c6bf1d15c02 ? +html4/background-root-103.htm 24358420c13f7e87e612aba63110a364523ca1a5 ? +xhtml1/background-root-103.xht 24358420c13f7e87e612aba63110a364523ca1a5 ? html4/background-table-001.htm 2c9b4513a5e0f90c4780823cdf4f112b1385c137 ? xhtml1/background-table-001.xht 2c9b4513a5e0f90c4780823cdf4f112b1385c137 ? html4/background-table-002.htm 166a7c903010b7f8b554735ff30eed2f173f7d86 ? diff --git a/tests/wpt/css-tests/css21_dev/testinfo.data b/tests/wpt/css-tests/css21_dev/testinfo.data index 90d2f3309d5..785f5f36c05 100644 --- a/tests/wpt/css-tests/css21_dev/testinfo.data +++ b/tests/wpt/css-tests/css21_dev/testinfo.data @@ -1381,8 +1381,8 @@ background-root-020 reference/background-root-020-ref Background: Test Seventeen background-root-023 reference/background-root-023-ref Opera Tests: Background: Test Twenty Three http://www.w3.org/TR/CSS21/colors.html#background ce9b2d9aa717569775a0f764885cf58c8e5e91b0 `Ian Hickson`<mailto:ian@hixie.ch>,`Elika J. Etemad`<http://fantasai.inkedblade.net/contact> The BODY and HTML backgrounds are drawn independently when each is specified, even if their specified values are the same. background-root-024 reference/background-root-024-ref Repeating Backgrounds: Y http://www.w3.org/TR/CSS21/colors.html#background 8210116ae34c05c5bed664c43c1ecf9b53ad145b `Ian Hickson`<mailto:ian@hixie.ch> background-root-101 reference/background-root-101-ref CSS: Changing the background of the BODY element by changing a sibling's class dom http://www.w3.org/TR/CSS21/colors.html#background 1d8cc18a330cb8a657dbd49a5e6e2ee357b6e71b `Ian Hickson`<mailto:ian@hixie.ch> -background-root-102 reference/background-root-101-ref CSS: Changing the background of the BODY element by changing its class dom http://www.w3.org/TR/CSS21/colors.html#background 81087532ada685cfee05ad1cab758675cc93aa34 `Ian Hickson`<mailto:ian@hixie.ch> -background-root-103 reference/background-root-101-ref CSS: Changing the background of the BODY element by changing a parent's attribute dom http://www.w3.org/TR/CSS21/colors.html#background 2dd4bd2ae94a7eb6692498439da8125aa6b65873 `Ian Hickson`<mailto:ian@hixie.ch> +background-root-102 reference/background-root-101-ref CSS: Changing the background of the BODY element by changing its class dom http://www.w3.org/TR/CSS21/colors.html#background 12c66266cd9bb89e418c13d074f49c6bf1d15c02 `Ian Hickson`<mailto:ian@hixie.ch> +background-root-103 reference/background-root-101-ref CSS: Changing the background of the BODY element by changing a parent's attribute dom http://www.w3.org/TR/CSS21/colors.html#background 24358420c13f7e87e612aba63110a364523ca1a5 `Ian Hickson`<mailto:ian@hixie.ch> background-table-001 background-repeat on table rows http://www.w3.org/TR/CSS21/colors.html#background 2c9b4513a5e0f90c4780823cdf4f112b1385c137 `Ian Hickson`<mailto:ian@hixie.ch> background-table-002 background-repeat on table rows http://www.w3.org/TR/CSS21/colors.html#background 166a7c903010b7f8b554735ff30eed2f173f7d86 `Ian Hickson`<mailto:ian@hixie.ch> background-table-003 background-repeat on table rows http://www.w3.org/TR/CSS21/colors.html#background 25c56bf238f94beb33fe80eae10b3162598d4c35 `Ian Hickson`<mailto:ian@hixie.ch> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/background-root-102.xht b/tests/wpt/css-tests/css21_dev/xhtml1/background-root-102.xht index 2f310221e1b..d44af47ada2 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/background-root-102.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/background-root-102.xht @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" class="reftest-wait"> <head> <title>CSS Test: CSS: Changing the background of the BODY element by changing its class</title> <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> @@ -17,6 +17,7 @@ function test() { document.getElementsByTagName('body')[0].className = 'after'; document.getElementsByTagName('p')[0].className = 'after'; + document.documentElement.className = ""; } </script> </head> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/background-root-103.xht b/tests/wpt/css-tests/css21_dev/xhtml1/background-root-103.xht index c41d5d94502..5349860214b 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1/background-root-103.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1/background-root-103.xht @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before" class="reftest-wait"> <head> <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title> <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/> @@ -17,6 +17,7 @@ function test() { document.getElementsByTagName('html')[0].lang = 'en-after'; document.getElementsByTagName('p')[0].lang = 'en-after'; + document.documentElement.className = ""; } </script> </head> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/xhtml1/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-102.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-102.xht index 5c43806c307..a3ebfbdc034 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-102.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-102.xht @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" class="reftest-wait"> <head> <title>CSS Test: CSS: Changing the background of the BODY element by changing its class</title> <style type="text/css"> @@ -26,6 +26,7 @@ function test() { document.getElementsByTagName('body')[0].className = 'after'; document.getElementsByTagName('p')[0].className = 'after'; + document.documentElement.className = ""; } </script> </head> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-103.xht b/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-103.xht index 111fbb568ce..a70dce01bfd 100644 --- a/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-103.xht +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/background-root-103.xht @@ -1,5 +1,5 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> -<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en-before" class="reftest-wait"> <head> <title>CSS Test: CSS: Changing the background of the BODY element by changing a parent's attribute</title> <style type="text/css"> @@ -26,6 +26,7 @@ function test() { document.getElementsByTagName('html')[0].lang = 'en-after'; document.getElementsByTagName('p')[0].lang = 'en-after'; + document.documentElement.className = ""; } </script> </head> diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/reference/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/css21_dev/xhtml1print/support/block-flow-direction-066-exp-res.png b/tests/wpt/css-tests/css21_dev/xhtml1print/support/block-flow-direction-066-exp-res.png Binary files differnew file mode 100644 index 00000000000..d325b15a4cf --- /dev/null +++ b/tests/wpt/css-tests/css21_dev/xhtml1print/support/block-flow-direction-066-exp-res.png diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-001.htm b/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-001.htm index d6fc138cd56..aea335d191a 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-001.htm +++ b/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-001.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query. " name="assert"> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY"> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY"> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help"> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help"> diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-002.htm b/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-002.htm index 210f18f9ed9..50bc6cb4526 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-002.htm +++ b/tests/wpt/css-tests/mediaqueries-3_dev/html/calc-in-media-queries-002.htm @@ -1,6 +1,6 @@ <!DOCTYPE html> <html><head> - + <meta charset="utf-8"> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query properly (=with range clamping). " name="assert"> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY"> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY"> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help"> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help"> diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/implementation-report-TEMPLATE.data b/tests/wpt/css-tests/mediaqueries-3_dev/implementation-report-TEMPLATE.data index 0b9277edeed..7e549383ea4 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/implementation-report-TEMPLATE.data +++ b/tests/wpt/css-tests/mediaqueries-3_dev/implementation-report-TEMPLATE.data @@ -11,10 +11,10 @@ html/aspect-ratio-003.htm bdd11c8297b2de2aab720a9819cba34a474a64f4 ? xhtml1/aspect-ratio-003.xht bdd11c8297b2de2aab720a9819cba34a474a64f4 ? html/aspect-ratio-004.htm 2d29dde79c0ce756ec04ec3dd74749b27a350c58 ? xhtml1/aspect-ratio-004.xht 2d29dde79c0ce756ec04ec3dd74749b27a350c58 ? -html/calc-in-media-queries-001.htm 76041848c2d73ff643ff2ae5b858e92ecc0661eb ? -xhtml1/calc-in-media-queries-001.xht 76041848c2d73ff643ff2ae5b858e92ecc0661eb ? -html/calc-in-media-queries-002.htm 4b4079fde947d7f5774601249a38067946206375 ? -xhtml1/calc-in-media-queries-002.xht 4b4079fde947d7f5774601249a38067946206375 ? +html/calc-in-media-queries-001.htm 4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b ? +xhtml1/calc-in-media-queries-001.xht 4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b ? +html/calc-in-media-queries-002.htm 9a9949bf31ece680a8d54659d18517483a919d2d ? +xhtml1/calc-in-media-queries-002.xht 9a9949bf31ece680a8d54659d18517483a919d2d ? html/device-aspect-ratio-001.htm 34de25dd08103101c8c0f4411d5b19e1edb3d3ed ? xhtml1/device-aspect-ratio-001.xht 34de25dd08103101c8c0f4411d5b19e1edb3d3ed ? html/device-aspect-ratio-002.htm 8dcba4ea99941d945034a6167eba446e830a6b9b ? diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/index.htm b/tests/wpt/css-tests/mediaqueries-3_dev/index.htm index bc945be5f93..082c55e977a 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/index.htm +++ b/tests/wpt/css-tests/mediaqueries-3_dev/index.htm @@ -133,7 +133,7 @@ <ul> <li>Chris Rebert</li> <li>Florian Rivoal</li> - <li>François REMY</li> + <li>Fran�ois REMY</li> <li>Intel</li> <li>Xin Liu</li> </ul> diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/index.xht b/tests/wpt/css-tests/mediaqueries-3_dev/index.xht index c44bf8632e0..7775a1c6a27 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/index.xht +++ b/tests/wpt/css-tests/mediaqueries-3_dev/index.xht @@ -133,7 +133,7 @@ <ul> <li>Chris Rebert</li> <li>Florian Rivoal</li> - <li>François REMY</li> + <li>Fran�ois REMY</li> <li>Intel</li> <li>Xin Liu</li> </ul> diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/testinfo.data b/tests/wpt/css-tests/mediaqueries-3_dev/testinfo.data index 8ca81984764..386b5a4094f 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/testinfo.data +++ b/tests/wpt/css-tests/mediaqueries-3_dev/testinfo.data @@ -3,8 +3,8 @@ aspect-ratio-001 min-aspect-ratio - 59/79 ('aspect-ratio' property with prefix aspect-ratio-002 min-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'min') http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio fb4e6afaa646bc6e427ad90ca4954fa4af531276 `Intel`<http://www.intel.com/> The 'aspect-ratio' property with prefix 'min' set '0/0' is invalid that means the style sheet specified by 'min-aspect-ratio' will not be applied. aspect-ratio-003 max-aspect-ratio - 1280/720 ('aspect-ratio' property with prefix 'max') http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio bdd11c8297b2de2aab720a9819cba34a474a64f4 `Intel`<http://www.intel.com/> The 'aspect-ratio' property with prefix 'max' set '1280/720' means that the maximum of ratio is '1280/720', only and only if the value of the 'width' to the value of the 'height' is lower than value of 'max-aspect-ratio', the style sheet will be applied. aspect-ratio-004 max-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'max') http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio 2d29dde79c0ce756ec04ec3dd74749b27a350c58 `Intel`<http://www.intel.com/> The 'aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-aspect-ratio' will not be applied. -calc-in-media-queries-001 reference/all-green Calc function inside media queries http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width 76041848c2d73ff643ff2ae5b858e92ecc0661eb `François REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() expression is supported in the min-width media query. -calc-in-media-queries-002 reference/all-green Calc function inside media queries http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width 4b4079fde947d7f5774601249a38067946206375 `François REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() expression is supported in the min-width media query properly (=with range clamping). +calc-in-media-queries-001 reference/all-green Calc function inside media queries http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width 4dbdaf4a19ce6c32853e5384f14bb0a9ed77360b `Fran�ois REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() expression is supported in the min-width media query. +calc-in-media-queries-002 reference/all-green Calc function inside media queries http://www.w3.org/TR/css3-values/#calc-notation,http://www.w3.org/TR/css3-mediaqueries/#width 9a9949bf31ece680a8d54659d18517483a919d2d `Fran�ois REMY`<mailto:fremycompany.developer@yahoo.fr> The calc() expression is supported in the min-width media query properly (=with range clamping). device-aspect-ratio-001 max-device-aspect-ratio - 1281/1024 ('device-aspect-ratio' property with prefix 'max') http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio 34de25dd08103101c8c0f4411d5b19e1edb3d3ed `Intel`<http://www.intel.com/>,`Xin Liu`<mailto:xinx.liu@intel.com> The 'device-aspect-ratio' property with prefix 'max' set '1281/1024' means that the maximum of ratio is '1281/1024', only and only if the device value of 'width' to value of 'height' is lower than value of 'max-device-aspect-ratio', the style sheet will be applied. device-aspect-ratio-002 max-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'max') http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio 8dcba4ea99941d945034a6167eba446e830a6b9b `Intel`<http://www.intel.com/>,`Xin Liu`<mailto:xinx.liu@intel.com> The 'device-aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-device-aspect-ratio' will not be applied. device-aspect-ratio-003 min-device-aspect-ratio - 1279/1024 ('device-aspect-ratio' property with prefix 'min') http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio 41c9d18a45327f6597e481b50d9ed1617e839399 `Intel`<http://www.intel.com/>,`Xin Liu`<mailto:xinx.liu@intel.com> The 'device-aspect-ratio' property with prefix 'min' set '1279/1024' means that the minimum of ratio is '1279/1024', only and only if the device value of 'width' to value of 'height' is greater than value of 'min-device-aspect-ratio', the style sheet will be applied. diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht index 8fe6d4c221f..3a2f639e4f0 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht +++ b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query. " name="assert" /> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY" /> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" /> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" /> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" /> diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht index 0e98b6b3f8d..0ea9175ec10 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht +++ b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query properly (=with range clamping). " name="assert" /> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY" /> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" /> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" /> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" /> diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht index 8fe6d4c221f..3a2f639e4f0 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht +++ b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query. " name="assert" /> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY" /> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" /> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" /> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" /> diff --git a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht index 0e98b6b3f8d..0ea9175ec10 100644 --- a/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht +++ b/tests/wpt/css-tests/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht @@ -1,6 +1,6 @@ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> - + <meta charset="utf-8" /> <title> CSS Values and Units and Media Queries Test: Calc function inside media queries @@ -9,7 +9,7 @@ The calc() expression is supported in the min-width media query properly (=with range clamping). " name="assert" /> - <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Franois REMY" /> + <link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="Fran�ois REMY" /> <link href="http://www.w3.org/TR/css3-values/#calc-notation" rel="help" /> <link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help" /> diff --git a/tests/wpt/css-tests/source_rev b/tests/wpt/css-tests/source_rev index b3785ef6438..fb5cb76ea58 100644 --- a/tests/wpt/css-tests/source_rev +++ b/tests/wpt/css-tests/source_rev @@ -1 +1 @@ -fd7dc451fc91f0e65eff64514b8383292e355c65
\ No newline at end of file +f37c9ed0b18fb3cbd1505e24c818f8769e4a4443
\ No newline at end of file diff --git a/tests/wpt/metadata-css/MANIFEST.json b/tests/wpt/metadata-css/MANIFEST.json index 7c95f57413e..ecb5275b19a 100644 --- a/tests/wpt/metadata-css/MANIFEST.json +++ b/tests/wpt/metadata-css/MANIFEST.json @@ -2182,6 +2182,36 @@ "url": "/css-backgrounds-3_dev/html4/border-image-space-001.htm" }, { + "path": "css-backgrounds-3_dev/html4/border-image-width-005.htm", + "references": [ + [ + "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/html4/border-image-width-005.htm" + }, + { + "path": "css-backgrounds-3_dev/html4/border-image-width-006.htm", + "references": [ + [ + "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/html4/border-image-width-006.htm" + }, + { + "path": "css-backgrounds-3_dev/html4/border-image-width-007.htm", + "references": [ + [ + "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/html4/border-image-width-007.htm" + }, + { "path": "css-backgrounds-3_dev/html4/border-radius-001.htm", "references": [ [ @@ -4572,6 +4602,36 @@ "url": "/css-backgrounds-3_dev/xhtml1/border-image-space-001.xht" }, { + "path": "css-backgrounds-3_dev/xhtml1/border-image-width-005.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht" + }, + { + "path": "css-backgrounds-3_dev/xhtml1/border-image-width-006.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht" + }, + { + "path": "css-backgrounds-3_dev/xhtml1/border-image-width-007.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht" + }, + { "path": "css-backgrounds-3_dev/xhtml1/border-radius-clipping.xht", "references": [ [ @@ -6852,6 +6912,36 @@ "url": "/css-backgrounds-3_dev/xhtml1print/border-image-space-001.xht" }, { + "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht" + }, + { + "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht" + }, + { + "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht" + }, + { "path": "css-backgrounds-3_dev/xhtml1print/border-radius-clipping.xht", "references": [ [ @@ -49378,6 +49468,116 @@ "url": "/css-regions-1_dev/xhtml1/content-node-layers-005.xht" }, { + "path": "css-regions-1_dev/xhtml1/contentEditable-001.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-001-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-001.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-002.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-002-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-002.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-003.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-003-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-003.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-004.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-004-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-004.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-005.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-005-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-005.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-006.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-006-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-006.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-007.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-007-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-007.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-008.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-008-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-008.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-009.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-008-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-009.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-010.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-010-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-010.xht" + }, + { + "path": "css-regions-1_dev/xhtml1/contentEditable-011.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-011-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-011.xht" + }, + { "path": "css-regions-1_dev/xhtml1/extract-list-items-001.xht", "references": [ [ @@ -51162,6 +51362,116 @@ "url": "/css-regions-1_dev/xhtml1print/content-node-layers-005.xht" }, { + "path": "css-regions-1_dev/xhtml1print/contentEditable-001.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-001-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-001.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-002.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-002-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-002.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-003.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-003-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-003.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-004.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-004-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-004.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-005.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-005-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-005.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-006.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-006-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-006.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-007.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-007-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-007.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-008.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-008-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-008.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-009.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-008-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-009.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-010.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-010-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-010.xht" + }, + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-011.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-011-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-011.xht" + }, + { "path": "css-regions-1_dev/xhtml1print/extract-list-items-001.xht", "references": [ [ @@ -61452,6 +61762,16 @@ "url": "/css-text-3_dev/html/text-transform-uppercase-001.htm" }, { + "path": "css-text-3_dev/html/text-word-spacing-001.htm", + "references": [ + [ + "/css-text-3_dev/html/reference/text-word-spacing-ref.htm", + "==" + ] + ], + "url": "/css-text-3_dev/html/text-word-spacing-001.htm" + }, + { "path": "css-text-3_dev/html/white-space-collapsing-discard-001.htm", "references": [ [ @@ -67238,6 +67558,16 @@ "url": "/css-text-3_dev/xhtml1/text-transform-uppercase-001.xht" }, { + "path": "css-text-3_dev/xhtml1/text-word-spacing-001.xht", + "references": [ + [ + "/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht", + "==" + ] + ], + "url": "/css-text-3_dev/xhtml1/text-word-spacing-001.xht" + }, + { "path": "css-text-3_dev/xhtml1/white-space-collapsing-discard-001.xht", "references": [ [ @@ -73024,6 +73354,16 @@ "url": "/css-text-3_dev/xhtml1print/text-transform-uppercase-001.xht" }, { + "path": "css-text-3_dev/xhtml1print/text-word-spacing-001.xht", + "references": [ + [ + "/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht", + "==" + ] + ], + "url": "/css-text-3_dev/xhtml1print/text-word-spacing-001.xht" + }, + { "path": "css-text-3_dev/xhtml1print/white-space-collapsing-discard-001.xht", "references": [ [ @@ -108242,6 +108582,26 @@ "url": "/css-values-3_dev/xhtml1/calc-in-calc.xht" }, { + "path": "css-values-3_dev/xhtml1/calc-in-media-queries-001.xht", + "references": [ + [ + "/css-values-3_dev/xhtml1/reference/all-green.xht", + "==" + ] + ], + "url": "/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht" + }, + { + "path": "css-values-3_dev/xhtml1/calc-in-media-queries-002.xht", + "references": [ + [ + "/css-values-3_dev/xhtml1/reference/all-green.xht", + "==" + ] + ], + "url": "/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht" + }, + { "path": "css-values-3_dev/xhtml1/calc-invalid-range-clamping.xht", "references": [ [ @@ -118002,6 +118362,246 @@ "url": "/css-writing-modes-3_dev/html/block-flow-direction-025.htm" }, { + "path": "css-writing-modes-3_dev/html/block-flow-direction-042.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-042.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-043.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-043.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-045.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-045.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-046.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-046.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-047.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-047.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-048.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-048.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-049.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-049.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-050.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-050.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-051.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-051.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-052.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-052.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-053.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-053.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-054.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-054.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-055.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-055.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-056.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-056.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-057.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-057.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-058.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-058.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-059.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-059.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-060.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-060.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-061.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-061.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-062.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-062.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-063.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-063.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-064.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-064.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-065.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-065.htm" + }, + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-066.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-066.htm" + }, + { "path": "css-writing-modes-3_dev/html/block-override-001.htm", "references": [ [ @@ -120136,6 +120736,36 @@ "url": "/css-writing-modes-3_dev/html/margin-vrl-002.htm" }, { + "path": "css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm" + }, + { + "path": "css-writing-modes-3_dev/html/outline-inline-vlr-006.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm" + }, + { + "path": "css-writing-modes-3_dev/html/outline-inline-vrl-006.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm" + }, + { "path": "css-writing-modes-3_dev/html/padding-vlr-005.htm", "references": [ [ @@ -125240,6 +125870,26 @@ "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht" }, { + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht" + }, + { "path": "css-writing-modes-3_dev/xhtml1/block-override-001.xht", "references": [ [ @@ -127174,6 +127824,36 @@ "url": "/css-writing-modes-3_dev/xhtml1/margin-vrl-002.xht" }, { + "path": "css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht" + }, + { "path": "css-writing-modes-3_dev/xhtml1/padding-vlr-005.xht", "references": [ [ @@ -132138,6 +132818,26 @@ "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht" }, { + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht" + }, + { "path": "css-writing-modes-3_dev/xhtml1print/block-override-001.xht", "references": [ [ @@ -134072,6 +134772,36 @@ "url": "/css-writing-modes-3_dev/xhtml1print/margin-vrl-002.xht" }, { + "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht" + }, + { + "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht" + }, + { "path": "css-writing-modes-3_dev/xhtml1print/padding-vlr-005.xht", "references": [ [ @@ -319524,6 +320254,26 @@ "url": "/mediaqueries-3_dev/html/mq-calc-005.htm" }, { + "path": "mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht", + "references": [ + [ + "/mediaqueries-3_dev/xhtml1/reference/all-green.xht", + "==" + ] + ], + "url": "/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht" + }, + { + "path": "mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht", + "references": [ + [ + "/mediaqueries-3_dev/xhtml1/reference/all-green.xht", + "==" + ] + ], + "url": "/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht" + }, + { "path": "mediaqueries-3_dev/xhtml1/min-width-001.xht", "references": [ [ @@ -319584,6 +320334,26 @@ "url": "/mediaqueries-3_dev/xhtml1/mq-calc-005.xht" }, { + "path": "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht", + "references": [ + [ + "/mediaqueries-3_dev/xhtml1print/reference/all-green.xht", + "==" + ] + ], + "url": "/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht" + }, + { + "path": "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht", + "references": [ + [ + "/mediaqueries-3_dev/xhtml1print/reference/all-green.xht", + "==" + ] + ], + "url": "/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht" + }, + { "path": "mediaqueries-3_dev/xhtml1print/min-width-001.xht", "references": [ [ @@ -327801,6 +328571,42 @@ "url": "/css-backgrounds-3_dev/html4/border-image-space-001.htm" } ], + "css-backgrounds-3_dev/html4/border-image-width-005.htm": [ + { + "path": "css-backgrounds-3_dev/html4/border-image-width-005.htm", + "references": [ + [ + "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/html4/border-image-width-005.htm" + } + ], + "css-backgrounds-3_dev/html4/border-image-width-006.htm": [ + { + "path": "css-backgrounds-3_dev/html4/border-image-width-006.htm", + "references": [ + [ + "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/html4/border-image-width-006.htm" + } + ], + "css-backgrounds-3_dev/html4/border-image-width-007.htm": [ + { + "path": "css-backgrounds-3_dev/html4/border-image-width-007.htm", + "references": [ + [ + "/css-backgrounds-3_dev/html4/reference/ref-filled-green-100px-square.htm", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/html4/border-image-width-007.htm" + } + ], "css-backgrounds-3_dev/html4/border-radius-001.htm": [ { "path": "css-backgrounds-3_dev/html4/border-radius-001.htm", @@ -330669,6 +331475,42 @@ "url": "/css-backgrounds-3_dev/xhtml1/border-image-space-001.xht" } ], + "css-backgrounds-3_dev/xhtml1/border-image-width-005.xht": [ + { + "path": "css-backgrounds-3_dev/xhtml1/border-image-width-005.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-005.xht" + } + ], + "css-backgrounds-3_dev/xhtml1/border-image-width-006.xht": [ + { + "path": "css-backgrounds-3_dev/xhtml1/border-image-width-006.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-006.xht" + } + ], + "css-backgrounds-3_dev/xhtml1/border-image-width-007.xht": [ + { + "path": "css-backgrounds-3_dev/xhtml1/border-image-width-007.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1/border-image-width-007.xht" + } + ], "css-backgrounds-3_dev/xhtml1/border-radius-clipping.xht": [ { "path": "css-backgrounds-3_dev/xhtml1/border-radius-clipping.xht", @@ -333405,6 +334247,42 @@ "url": "/css-backgrounds-3_dev/xhtml1print/border-image-space-001.xht" } ], + "css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht": [ + { + "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-005.xht" + } + ], + "css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht": [ + { + "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-006.xht" + } + ], + "css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht": [ + { + "path": "css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht", + "references": [ + [ + "/css-backgrounds-3_dev/xhtml1print/reference/ref-filled-green-100px-square.xht", + "==" + ] + ], + "url": "/css-backgrounds-3_dev/xhtml1print/border-image-width-007.xht" + } + ], "css-backgrounds-3_dev/xhtml1print/border-radius-clipping.xht": [ { "path": "css-backgrounds-3_dev/xhtml1print/border-radius-clipping.xht", @@ -384433,6 +385311,138 @@ "url": "/css-regions-1_dev/xhtml1/content-node-layers-005.xht" } ], + "css-regions-1_dev/xhtml1/contentEditable-001.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-001.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-001-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-001.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-002.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-002.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-002-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-002.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-003.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-003.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-003-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-003.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-004.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-004.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-004-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-004.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-005.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-005.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-005-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-005.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-006.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-006.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-006-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-006.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-007.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-007.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-007-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-007.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-008.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-008.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-008-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-008.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-009.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-009.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-008-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-009.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-010.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-010.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-010-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-010.xht" + } + ], + "css-regions-1_dev/xhtml1/contentEditable-011.xht": [ + { + "path": "css-regions-1_dev/xhtml1/contentEditable-011.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1/reference/contentEditable-011-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1/contentEditable-011.xht" + } + ], "css-regions-1_dev/xhtml1/extract-list-items-001.xht": [ { "path": "css-regions-1_dev/xhtml1/extract-list-items-001.xht", @@ -386573,6 +387583,138 @@ "url": "/css-regions-1_dev/xhtml1print/content-node-layers-005.xht" } ], + "css-regions-1_dev/xhtml1print/contentEditable-001.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-001.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-001-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-001.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-002.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-002.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-002-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-002.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-003.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-003.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-003-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-003.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-004.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-004.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-004-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-004.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-005.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-005.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-005-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-005.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-006.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-006.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-006-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-006.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-007.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-007.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-007-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-007.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-008.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-008.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-008-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-008.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-009.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-009.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-008-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-009.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-010.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-010.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-010-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-010.xht" + } + ], + "css-regions-1_dev/xhtml1print/contentEditable-011.xht": [ + { + "path": "css-regions-1_dev/xhtml1print/contentEditable-011.xht", + "references": [ + [ + "/css-regions-1_dev/xhtml1print/reference/contentEditable-011-ref.xht", + "==" + ] + ], + "url": "/css-regions-1_dev/xhtml1print/contentEditable-011.xht" + } + ], "css-regions-1_dev/xhtml1print/extract-list-items-001.xht": [ { "path": "css-regions-1_dev/xhtml1print/extract-list-items-001.xht", @@ -398917,6 +400059,18 @@ "url": "/css-text-3_dev/html/text-transform-uppercase-001.htm" } ], + "css-text-3_dev/html/text-word-spacing-001.htm": [ + { + "path": "css-text-3_dev/html/text-word-spacing-001.htm", + "references": [ + [ + "/css-text-3_dev/html/reference/text-word-spacing-ref.htm", + "==" + ] + ], + "url": "/css-text-3_dev/html/text-word-spacing-001.htm" + } + ], "css-text-3_dev/html/white-space-collapsing-discard-001.htm": [ { "path": "css-text-3_dev/html/white-space-collapsing-discard-001.htm", @@ -405857,6 +407011,18 @@ "url": "/css-text-3_dev/xhtml1/text-transform-uppercase-001.xht" } ], + "css-text-3_dev/xhtml1/text-word-spacing-001.xht": [ + { + "path": "css-text-3_dev/xhtml1/text-word-spacing-001.xht", + "references": [ + [ + "/css-text-3_dev/xhtml1/reference/text-word-spacing-ref.xht", + "==" + ] + ], + "url": "/css-text-3_dev/xhtml1/text-word-spacing-001.xht" + } + ], "css-text-3_dev/xhtml1/white-space-collapsing-discard-001.xht": [ { "path": "css-text-3_dev/xhtml1/white-space-collapsing-discard-001.xht", @@ -412797,6 +413963,18 @@ "url": "/css-text-3_dev/xhtml1print/text-transform-uppercase-001.xht" } ], + "css-text-3_dev/xhtml1print/text-word-spacing-001.xht": [ + { + "path": "css-text-3_dev/xhtml1print/text-word-spacing-001.xht", + "references": [ + [ + "/css-text-3_dev/xhtml1print/reference/text-word-spacing-ref.xht", + "==" + ] + ], + "url": "/css-text-3_dev/xhtml1print/text-word-spacing-001.xht" + } + ], "css-text-3_dev/xhtml1print/white-space-collapsing-discard-001.xht": [ { "path": "css-text-3_dev/xhtml1print/white-space-collapsing-discard-001.xht", @@ -454905,6 +456083,30 @@ "url": "/css-values-3_dev/xhtml1/calc-in-calc.xht" } ], + "css-values-3_dev/xhtml1/calc-in-media-queries-001.xht": [ + { + "path": "css-values-3_dev/xhtml1/calc-in-media-queries-001.xht", + "references": [ + [ + "/css-values-3_dev/xhtml1/reference/all-green.xht", + "==" + ] + ], + "url": "/css-values-3_dev/xhtml1/calc-in-media-queries-001.xht" + } + ], + "css-values-3_dev/xhtml1/calc-in-media-queries-002.xht": [ + { + "path": "css-values-3_dev/xhtml1/calc-in-media-queries-002.xht", + "references": [ + [ + "/css-values-3_dev/xhtml1/reference/all-green.xht", + "==" + ] + ], + "url": "/css-values-3_dev/xhtml1/calc-in-media-queries-002.xht" + } + ], "css-values-3_dev/xhtml1/calc-invalid-range-clamping.xht": [ { "path": "css-values-3_dev/xhtml1/calc-invalid-range-clamping.xht", @@ -466617,6 +467819,294 @@ "url": "/css-writing-modes-3_dev/html/block-flow-direction-025.htm" } ], + "css-writing-modes-3_dev/html/block-flow-direction-042.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-042.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-042.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-043.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-043.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-043.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-045.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-045.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-045.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-046.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-046.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-046.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-047.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-047.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-047.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-048.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-048.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-048.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-049.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-049.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-049.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-050.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-050.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-050.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-051.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-051.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-051.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-052.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-052.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-052.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-053.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-053.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-053.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-054.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-054.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-054.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-055.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-055.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-055.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-056.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-056.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-056.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-057.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-057.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-057.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-058.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-058.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-058.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-059.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-059.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-059.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-060.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-060.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-001-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-060.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-061.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-061.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-061.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-062.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-062.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-062.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-063.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-063.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-043-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-063.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-064.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-064.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-002-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-064.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-065.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-065.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-025-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-065.htm" + } + ], + "css-writing-modes-3_dev/html/block-flow-direction-066.htm": [ + { + "path": "css-writing-modes-3_dev/html/block-flow-direction-066.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/block-flow-direction-066-ref.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/block-flow-direction-066.htm" + } + ], "css-writing-modes-3_dev/html/block-override-001.htm": [ { "path": "css-writing-modes-3_dev/html/block-override-001.htm", @@ -469173,6 +470663,42 @@ "url": "/css-writing-modes-3_dev/html/margin-vrl-002.htm" } ], + "css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm": [ + { + "path": "css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/outline-inline-block-vrl-006.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/outline-inline-block-vrl-006.htm" + } + ], + "css-writing-modes-3_dev/html/outline-inline-vlr-006.htm": [ + { + "path": "css-writing-modes-3_dev/html/outline-inline-vlr-006.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/outline-inline-vlr-006.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/outline-inline-vlr-006.htm" + } + ], + "css-writing-modes-3_dev/html/outline-inline-vrl-006.htm": [ + { + "path": "css-writing-modes-3_dev/html/outline-inline-vrl-006.htm", + "references": [ + [ + "/css-writing-modes-3_dev/html/reference/outline-inline-vrl-006.htm", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/html/outline-inline-vrl-006.htm" + } + ], "css-writing-modes-3_dev/html/padding-vlr-005.htm": [ { "path": "css-writing-modes-3_dev/html/padding-vlr-005.htm", @@ -475289,6 +476815,30 @@ "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-025.xht" } ], + "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-025-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-065.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/block-flow-direction-066-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/block-flow-direction-066.xht" + } + ], "css-writing-modes-3_dev/xhtml1/block-override-001.xht": [ { "path": "css-writing-modes-3_dev/xhtml1/block-override-001.xht", @@ -477605,6 +479155,42 @@ "url": "/css-writing-modes-3_dev/xhtml1/margin-vrl-002.xht" } ], + "css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-block-vrl-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-block-vrl-006.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vlr-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-vlr-006.xht" + } + ], + "css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1/reference/outline-inline-vrl-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1/outline-inline-vrl-006.xht" + } + ], "css-writing-modes-3_dev/xhtml1/padding-vlr-005.xht": [ { "path": "css-writing-modes-3_dev/xhtml1/padding-vlr-005.xht", @@ -483553,6 +485139,30 @@ "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-025.xht" } ], + "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-025-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-065.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/block-flow-direction-066-ref.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/block-flow-direction-066.xht" + } + ], "css-writing-modes-3_dev/xhtml1print/block-override-001.xht": [ { "path": "css-writing-modes-3_dev/xhtml1print/block-override-001.xht", @@ -485869,6 +487479,42 @@ "url": "/css-writing-modes-3_dev/xhtml1print/margin-vrl-002.xht" } ], + "css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-block-vrl-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-block-vrl-006.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vlr-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-vlr-006.xht" + } + ], + "css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht": [ + { + "path": "css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht", + "references": [ + [ + "/css-writing-modes-3_dev/xhtml1print/reference/outline-inline-vrl-006.xht", + "==" + ] + ], + "url": "/css-writing-modes-3_dev/xhtml1print/outline-inline-vrl-006.xht" + } + ], "css-writing-modes-3_dev/xhtml1print/padding-vlr-005.xht": [ { "path": "css-writing-modes-3_dev/xhtml1print/padding-vlr-005.xht", @@ -709293,6 +710939,30 @@ "url": "/mediaqueries-3_dev/html/mq-calc-005.htm" } ], + "mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht": [ + { + "path": "mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht", + "references": [ + [ + "/mediaqueries-3_dev/xhtml1/reference/all-green.xht", + "==" + ] + ], + "url": "/mediaqueries-3_dev/xhtml1/calc-in-media-queries-001.xht" + } + ], + "mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht": [ + { + "path": "mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht", + "references": [ + [ + "/mediaqueries-3_dev/xhtml1/reference/all-green.xht", + "==" + ] + ], + "url": "/mediaqueries-3_dev/xhtml1/calc-in-media-queries-002.xht" + } + ], "mediaqueries-3_dev/xhtml1/min-width-001.xht": [ { "path": "mediaqueries-3_dev/xhtml1/min-width-001.xht", @@ -709365,6 +711035,30 @@ "url": "/mediaqueries-3_dev/xhtml1/mq-calc-005.xht" } ], + "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht": [ + { + "path": "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht", + "references": [ + [ + "/mediaqueries-3_dev/xhtml1print/reference/all-green.xht", + "==" + ] + ], + "url": "/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-001.xht" + } + ], + "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht": [ + { + "path": "mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht", + "references": [ + [ + "/mediaqueries-3_dev/xhtml1print/reference/all-green.xht", + "==" + ] + ], + "url": "/mediaqueries-3_dev/xhtml1print/calc-in-media-queries-002.xht" + } + ], "mediaqueries-3_dev/xhtml1print/min-width-001.xht": [ { "path": "mediaqueries-3_dev/xhtml1print/min-width-001.xht", @@ -709438,7 +711132,7 @@ } ] }, - "rev": "c68e4df16362489debde94340cc6f54945a72f2f", + "rev": "e102a993c37a2e0ebd549bc7d5548b006458ab34", "url_base": "/", "version": 2 }
\ No newline at end of file |
