diff options
Diffstat (limited to 'tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference')
16 files changed, 62 insertions, 51 deletions
diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/Flexible-order-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/Flexible-order-ref.xht index a7cfd462494..e4b0a23c8b1 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/Flexible-order-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/Flexible-order-ref.xht @@ -33,7 +33,7 @@ </style> - + </head> <body> @@ -49,4 +49,5 @@ + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht index 8540a4079be..49730ad1fae 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/css-flexbox-img-expand-evenly-ref.xht @@ -3,7 +3,7 @@ <title>CSS Reftest Reference</title> <link href="mailto:agektmr+github@gmail.com" rel="author" title="Eiji Kitamura" /> <style type="text/css"> - + /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ div.flexbox { height: 50px; @@ -16,12 +16,12 @@ background: purple; border: 1px solid white; } - + </style> </head> <body> <p>3 rectangular images fill out border.</p> - + <!-- PAGE CONTENT --> <div class="flexbox"> <!-- It is important that there is no linebreak between the <img> tags. @@ -29,7 +29,7 @@ --> <img src="../support/solidblue.png" /><img src="../support/solidblue.png" /><img src="../support/solidblue.png" /> </div> - + diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-wrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-wrap-ref.xht index f6a9cf9b742..f8cc282ffc6 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-wrap-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-box-wrap-ref.xht @@ -3,7 +3,7 @@ <title>CSS Flexbox Test: flex-wrap: wrap</title> <link href="mailto:tokuda109@gmail.com" rel="author" title="Tsuyoshi Tokuda" /> <style type="text/css"> - + .box { margin: 0; padding-left: 0; @@ -16,7 +16,7 @@ height: 100px; background-color: green; } - + </style> </head> <body> @@ -26,7 +26,7 @@ <li class="item">width: 120px</li> <li class="item">width: 120px</li> </ul> - + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-modify.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-modify.xht index 409c288e79e..6cc080372f3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-modify.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-modify.xht @@ -17,16 +17,16 @@ line-height: 50px; text-align: center; } - - + + .flex-container.flex-direction-row{ flex-direction : row; } - + .flex-container.flex-direction-row-reverse{ flex-direction : row-reverse; } - + .flex-container.flex-direction-column{ flex-direction : column; } @@ -38,6 +38,7 @@ <body> <h1>flex-direction:row</h1> <div class="flex-container flex-direction-row" id="flex_container"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - + + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-with-element-insert.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-with-element-insert.xht index 6c1180c7bda..9db9d78f559 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-with-element-insert.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction-with-element-insert.xht @@ -25,23 +25,23 @@ .flex-container.flex-direction-row-reverse{ text-align: right; } - + .flex-container.flex-direction-column{ padding:20px 0px; } - + .flex-container.flex-direction-column .flex-item{ display: block; margin:40px 20px; } - + .flex-container.flex-direction-column .flex-item.first{ margin-top:0px; } .flex-container.flex-direction-column .flex-item.last{ margin-bottom:0px; } - + .flex-container.flex-direction-column-reverse{ padding:20px 0px; } @@ -50,7 +50,7 @@ display: block; margin:40px 20px; } - + .flex-container.flex-direction-column-reverse .flex-item.first{ margin-top:0px; } @@ -62,13 +62,13 @@ <body> <h1>flex-direction:row</h1> <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item">new</div></div> - + <h1>flex-direction:row-reverse</h1> <div class="flex-container flex-direction-row-reverse"><div class="flex-item">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div> - + <h1>flex-direction:column</h1> <div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item">3</div><div class="flex-item last">new</div></div> - + <h1>flex-direction:column-reverse</h1> <div class="flex-container flex-direction-column-reverse"><div class="flex-item first">new</div><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction.xht index a046951996c..6ef502a442e 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-direction.xht @@ -25,23 +25,23 @@ .flex-container.flex-direction-row-reverse{ text-align: right; } - + .flex-container.flex-direction-column{ padding:20px 0px; } - + .flex-container.flex-direction-column .flex-item{ display: block; margin:40px 20px; } - + .flex-container.flex-direction-column .flex-item.first{ margin-top:0px; } .flex-container.flex-direction-column .flex-item.last{ margin-bottom:0px; } - + .flex-container.flex-direction-column-reverse{ padding:20px 0px; } @@ -50,7 +50,7 @@ display: block; margin:40px 20px; } - + .flex-container.flex-direction-column-reverse .flex-item.first{ margin-top:0px; } @@ -62,13 +62,13 @@ <body> <h1>flex-direction:row</h1> <div class="flex-container flex-direction-row"><div class="flex-item">1</div><div class="flex-item">2</div><div class="flex-item">3</div></div> - + <h1>flex-direction:row-reverse</h1> <div class="flex-container flex-direction-row-reverse"><div class="flex-item">3</div><div class="flex-item">2</div><div class="flex-item">1</div></div> - + <h1>flex-direction:column</h1> <div class="flex-container flex-direction-column"><div class="flex-item first">1</div><div class="flex-item">2</div><div class="flex-item last">3</div></div> - + <h1>flex-direction:column-reverse</h1> <div class="flex-container flex-direction-column-reverse"><div class="flex-item first">3</div><div class="flex-item">2</div><div class="flex-item last">1</div></div> diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-childmargin-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-childmargin-ref.xht index 8d85b885325..c07ec2707ae 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-childmargin-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-childmargin-ref.xht @@ -4,7 +4,7 @@ <link href="mailto:csf178@gmail.com" rel="author" title="Shaofei Cheng" /> <meta content="" name="flags" /> <style> - #test + #test { background: blue; display: block; @@ -12,16 +12,16 @@ position:relative; } #test>div.flex { - width: 100px; + width: 100px; background:red; } - #test>div.fixed - { + #test>div.fixed + { height: 300px; flex:1; background:red; } - #test p + #test p { margin:200px 0 0 0; } diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht index 07986cef58d..1bf6ef05ffc 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flex-flexitem-percentage-prescation-ref.xht @@ -4,14 +4,14 @@ <link href="mailto:csf178@gmail.com" rel="author" title="Shaofei Cheng" /> <meta content="" name="flags" /> <style> - #test + #test { background: blue; position:relative; height:300px; width:101px; } - p + p { position:absolute; margin:0 0 0 0; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht index bee4b80c406..3a73a9c9846 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/flexbox_writing_mode_vertical_lays_out_contents_from_top_to_bottom-ref.xht @@ -5,19 +5,19 @@ <style type="text/css"> .container { position: relative; - + width: 200px; height: 200px; } - + .item { position: absolute; - + width: 100px; height:100px; } - + .item.one { top: 0; @@ -59,4 +59,5 @@ </div> </div> + </body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ref-pass-body.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ref-pass-body.xht new file mode 100644 index 00000000000..6c0a6058a79 --- /dev/null +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ref-pass-body.xht @@ -0,0 +1,8 @@ +<!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>PASS in body, black</title> +<link href="mailto:me@gsnedders.com" rel="author" title="Geoffrey Sneddon" /> +<style> +.PASS {color: black;} +</style> +</head><body class="PASS">PASS +</body></html>
\ No newline at end of file diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md index 686cb0c4279..50f82b61cf3 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/support/adobe-fonts/README.md @@ -3,7 +3,7 @@ CSS Orientation Test Overview ---- -CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files +CSS Orientation Test are special-purpose OpenType fonts. This open source project provides all of the source files that were used to build these OpenType fonts by using the AFDKO *makeotf* tool. Getting Involved @@ -15,7 +15,7 @@ Building Pre-built font binaries ---- -The installable font resources (font binaries) are not part of the source files. +The installable font resources (font binaries) are not part of the source files. They are available at https://github.com/adobe-fonts/css-orientation-test/ The latest version of the font binaries is 1.005 (October 2015). @@ -23,17 +23,17 @@ The latest version of the font binaries is 1.005 (October 2015). Requirements ---- -For building binary font files from source, installation of the -[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) +For building binary font files from source, installation of the +[Adobe Font Development Kit for OpenType](http://www.adobe.com/devnet/opentype/afdko.html) (AFDKO) is necessary. The AFDKO tools are widely used for font development today, and are part of most font editor applications. Building the fonts ---- -The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found +The key to building OpenType fonts is *makeotf*, which is part of AFDKO. Information and usage instructions can be found by executing *makeotf -h*. -In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font +In this repository, all necessary files are in place for building the OpenType fonts. For example, build a binary OTF font for the full-width version like this, which also includes a post-process for inserting a "stub" 'DSIG' table: % makeotf -f cidfont.ps -r -ch UnicodeAll-UTF32-H diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-ref.xht index 5179a2d6e5b..493e960a3c9 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-ref.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-direction proprety - column</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: relative; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht index dbebba77d51..4e61b431269 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-direction-column-reverse-ref.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-direction proprety - column-reverse</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: relative; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht index 525cc83c950..913daf0b030 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-inline-ref.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: display proprety - inline-flex</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: relative; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht index 92f5a9f6156..db50acddda4 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-ref.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-wrap proprety - wrap</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: relative; diff --git a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-reverse-ref.xht b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-reverse-ref.xht index 86973267af2..fd6c0002195 100644 --- a/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-reverse-ref.xht +++ b/tests/wpt/css-tests/css-flexbox-1_dev/xhtml1/reference/ttwf-reftest-flex-wrap-reverse-ref.xht @@ -3,7 +3,7 @@ <title>CSS Flexible Box Test: flex-wrap proprety - wrap-reverse</title> <link href="mailto:haosdent@gmail.com" rel="author" title="haosdent" /> <style type="text/css"> - /* Positioned container allows for the self-describing statement to still + /* Positioned container allows for the self-describing statement to still be visible in the case of failure */ .container { position: relative; |