diff options
| author | Glenn Watson <gw@intuitionlibrary.com> | 2014-09-29 08:05:30 +1000 |
|---|---|---|
| committer | Glenn Watson <gw@intuitionlibrary.com> | 2014-09-29 08:05:30 +1000 |
| commit | bc06e27fe28f334c456b31f7bc880b9fa04d1e20 (patch) | |
| tree | 2b0199f01dfcc294fa22b2fd8760ed14aef8e11a | |
| parent | 6184c13f9515caa2277c5ad4e997824d8cee171e (diff) | |
| download | servo-bc06e27fe28f334c456b31f7bc880b9fa04d1e20.tar.gz servo-bc06e27fe28f334c456b31f7bc880b9fa04d1e20.zip | |
Add some vertical align reftests now that text elements get correct vertical align property.
| -rw-r--r-- | tests/ref/basic.list | 4 | ||||
| -rw-r--r-- | tests/ref/vertical_align_bottom_a.html | 27 | ||||
| -rw-r--r-- | tests/ref/vertical_align_bottom_ref.html | 37 | ||||
| -rw-r--r-- | tests/ref/vertical_align_top_a.html | 27 | ||||
| -rw-r--r-- | tests/ref/vertical_align_top_bottom_a.html | 32 | ||||
| -rw-r--r-- | tests/ref/vertical_align_top_bottom_ref.html | 55 | ||||
| -rw-r--r-- | tests/ref/vertical_align_top_ref.html | 37 | ||||
| -rw-r--r-- | tests/ref/vertical_align_top_span_a.html | 27 | ||||
| -rw-r--r-- | tests/ref/vertical_align_top_span_ref.html | 38 |
9 files changed, 284 insertions, 0 deletions
diff --git a/tests/ref/basic.list b/tests/ref/basic.list index 406fbbf6283..efa58cae29f 100644 --- a/tests/ref/basic.list +++ b/tests/ref/basic.list @@ -151,3 +151,7 @@ flaky_linux == acid2_noscroll.html acid2_ref_broken.html == block_formatting_context_containing_floats_a.html block_formatting_context_containing_floats_ref.html == clear_generated_content_table_a.html clear_generated_content_table_ref.html == inline_block_border_a.html inline_block_border_ref.html +== vertical_align_top_a.html vertical_align_top_ref.html +== vertical_align_bottom_a.html vertical_align_bottom_ref.html +== vertical_align_top_span_a.html vertical_align_top_span_ref.html +== vertical_align_top_bottom_a.html vertical_align_top_bottom_ref.html diff --git a/tests/ref/vertical_align_bottom_a.html b/tests/ref/vertical_align_bottom_a.html new file mode 100644 index 00000000000..e09d9397658 --- /dev/null +++ b/tests/ref/vertical_align_bottom_a.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" type="text/css" href="css/ahem.css"> + <style type="text/css"> + body { + margin: 0; + font-size: 100px; + line-height: 1; + color: yellow; + } + div { + position: absolute; + top: 100px; + background-color: red; + } + .align { + color: green; + font-size: 20px; + vertical-align: bottom; + } + </style> + </head> + <body> + <div><span class="align">X</span><span>X</span></div> + </body> +</html> diff --git a/tests/ref/vertical_align_bottom_ref.html b/tests/ref/vertical_align_bottom_ref.html new file mode 100644 index 00000000000..228f1c806c2 --- /dev/null +++ b/tests/ref/vertical_align_bottom_ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> + <head> + <style type="text/css"> + body { + margin: 0; + } + .red { + background-color: red; + position: absolute; + top: 100px; + width: 20px; + height: 80px; + } + .green { + background-color: green; + position: absolute; + top: 180px; + width: 20px; + height: 20px; + } + .yellow { + background-color: yellow; + position: absolute; + left: 20px; + top: 100px; + width: 100px; + height: 100px; + } + </style> + </head> + <body> + <div class="red"></div> + <div class="green"></div> + <div class="yellow"></div> + </body> +</html> diff --git a/tests/ref/vertical_align_top_a.html b/tests/ref/vertical_align_top_a.html new file mode 100644 index 00000000000..82fba004963 --- /dev/null +++ b/tests/ref/vertical_align_top_a.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" type="text/css" href="css/ahem.css"> + <style type="text/css"> + body { + margin: 0; + font-size: 100px; + line-height: 1; + color: yellow; + } + div { + position: absolute; + top: 100px; + background-color: red; + } + .align { + color: green; + font-size: 20px; + vertical-align: top; + } + </style> + </head> + <body> + <div><span class="align">X</span><span>X</span></div> + </body> +</html> diff --git a/tests/ref/vertical_align_top_bottom_a.html b/tests/ref/vertical_align_top_bottom_a.html new file mode 100644 index 00000000000..03b8dd5b7b2 --- /dev/null +++ b/tests/ref/vertical_align_top_bottom_a.html @@ -0,0 +1,32 @@ +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" type="text/css" href="css/ahem.css"> + <style type="text/css"> + body { + margin: 0; + font-size: 100px; + line-height: 1; + color: yellow; + } + div { + position: absolute; + top: 100px; + background-color: red; + } + .align-top { + color: green; + font-size: 20px; + vertical-align: top; + } + .align-bottom { + color: green; + font-size: 20px; + vertical-align: bottom; + } + </style> + </head> + <body> + <div><span class="align-top">X</span><span>X</span><span class="align-bottom">X</span></div> + </body> +</html> diff --git a/tests/ref/vertical_align_top_bottom_ref.html b/tests/ref/vertical_align_top_bottom_ref.html new file mode 100644 index 00000000000..53516c83cac --- /dev/null +++ b/tests/ref/vertical_align_top_bottom_ref.html @@ -0,0 +1,55 @@ +<!DOCTYPE html> +<html> + <head> + <style type="text/css"> + body { + margin: 0; + } + .red1 { + background-color: red; + position: absolute; + left: 120px; + top: 100px; + width: 20px; + height: 80px; + } + .green1 { + background-color: green; + position: absolute; + left: 120px; + top: 180px; + width: 20px; + height: 20px; + } + .red2 { + background-color: red; + position: absolute; + top: 120px; + width: 20px; + height: 80px; + } + .green2 { + background-color: green; + position: absolute; + top: 100px; + width: 20px; + height: 20px; + } + .yellow { + background-color: yellow; + position: absolute; + left: 20px; + top: 100px; + width: 100px; + height: 100px; + } + </style> + </head> + <body> + <div class="red1"></div> + <div class="green1"></div> + <div class="yellow"></div> + <div class="red2"></div> + <div class="green2"></div> + </body> +</html> diff --git a/tests/ref/vertical_align_top_ref.html b/tests/ref/vertical_align_top_ref.html new file mode 100644 index 00000000000..37108822bdd --- /dev/null +++ b/tests/ref/vertical_align_top_ref.html @@ -0,0 +1,37 @@ +<!DOCTYPE html> +<html> + <head> + <style type="text/css"> + body { + margin: 0; + } + .red { + background-color: red; + position: absolute; + top: 120px; + width: 20px; + height: 80px; + } + .green { + background-color: green; + position: absolute; + top: 100px; + width: 20px; + height: 20px; + } + .yellow { + background-color: yellow; + position: absolute; + top: 100px; + width: 100px; + height: 100px; + left: 20px; + } + </style> + </head> + <body> + <div class="red"></div> + <div class="green"></div> + <div class="yellow"></div> + </body> +</html> diff --git a/tests/ref/vertical_align_top_span_a.html b/tests/ref/vertical_align_top_span_a.html new file mode 100644 index 00000000000..d451124e1cb --- /dev/null +++ b/tests/ref/vertical_align_top_span_a.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<html> + <head> + <link rel="stylesheet" type="text/css" href="css/ahem.css"> + <style type="text/css"> + body { + margin: 0; + font-size: 100px; + line-height: 1; + color: yellow; + } + div { + position: absolute; + top: 100px; + background-color: red; + } + .align { + color: green; + font-size: 20px; + vertical-align: top; + } + </style> + </head> + <body> + <div><span>X<span class="align">X</span></span></div> + </body> +</html> diff --git a/tests/ref/vertical_align_top_span_ref.html b/tests/ref/vertical_align_top_span_ref.html new file mode 100644 index 00000000000..488c1aada28 --- /dev/null +++ b/tests/ref/vertical_align_top_span_ref.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html> + <head> + <style type="text/css"> + body { + margin: 0; + } + .red { + background-color: red; + position: absolute; + left: 100px; + top: 120px; + width: 20px; + height: 80px; + } + .green { + background-color: green; + position: absolute; + left: 100px; + top: 100px; + width: 20px; + height: 20px; + } + .yellow { + background-color: yellow; + position: absolute; + top: 100px; + width: 100px; + height: 100px; + } + </style> + </head> + <body> + <div class="red"></div> + <div class="green"></div> + <div class="yellow"></div> + </body> +</html> |