Reftests for viewport percentage length units

This commit is contained in:
James Gilbertson 2015-03-05 20:27:29 -07:00
parent a50807051b
commit d80abce13e
7 changed files with 100 additions and 0 deletions

View file

@ -274,6 +274,10 @@ flaky_cpu,experimental == vertical-lr-blocks.html vertical-lr-blocks_ref.html
== vertical_align_top_a.html vertical_align_top_ref.html
== vertical_align_top_bottom_a.html vertical_align_top_bottom_ref.html
== vertical_align_top_span_a.html vertical_align_top_span_ref.html
resolution=800x600 == viewport_percentage_vmin_vmax.html viewport_percentage_vmin_vmax_a.html
resolution=600x800 == viewport_percentage_vmin_vmax.html viewport_percentage_vmin_vmax_b.html
resolution=800x600 == viewport_percentage_vw_vh.html viewport_percentage_vw_vh_a.html
resolution=600x800 == viewport_percentage_vw_vh.html viewport_percentage_vw_vh_b.html
== visibility_hidden.html visibility_hidden_ref.html
== whitespace_nowrap_a.html whitespace_nowrap_ref.html
== whitespace_pre.html whitespace_pre_ref.html

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style>
#box {
background: green;
height: 50vmax;
width: 50vmin;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style>
#box {
background: green;
height: 400px;
width: 300px;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style>
#box {
background: green;
height: 400px;
width: 300px;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style>
#box {
background: green;
height: 50vh;
width: 50vw;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style>
#box {
background: green;
height: 300px;
width: 400px;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>

View file

@ -0,0 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<style>
#box {
background: green;
height: 400px;
width: 300px;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>