diff options
| -rw-r--r-- | tests/wpt/mozilla/meta/MANIFEST.json | 24 | ||||
| -rw-r--r-- | tests/wpt/mozilla/tests/css/image_percentage_dimen.html | 30 | ||||
| -rw-r--r-- | tests/wpt/mozilla/tests/css/image_percentage_dimen_ref.html | 29 |
3 files changed, 83 insertions, 0 deletions
diff --git a/tests/wpt/mozilla/meta/MANIFEST.json b/tests/wpt/mozilla/meta/MANIFEST.json index b349b7c5467..a0c8dbe70a9 100644 --- a/tests/wpt/mozilla/meta/MANIFEST.json +++ b/tests/wpt/mozilla/meta/MANIFEST.json @@ -1916,6 +1916,18 @@ "url": "/_mozilla/css/iframe/stacking_context_position_a.html" } ], + "css/image_percentage_dimen.html": [ + { + "path": "css/image_percentage_dimen.html", + "references": [ + [ + "/_mozilla/css/image_percentage_dimen_ref.html", + "==" + ] + ], + "url": "/_mozilla/css/image_percentage_dimen.html" + } + ], "css/image_rendering_auto_a.html": [ { "path": "css/image_rendering_auto_a.html", @@ -8290,6 +8302,18 @@ "url": "/_mozilla/css/iframe/stacking_context_position_a.html" } ], + "css/image_percentage_dimen.html": [ + { + "path": "css/image_percentage_dimen.html", + "references": [ + [ + "/_mozilla/css/image_percentage_dimen_ref.html", + "==" + ] + ], + "url": "/_mozilla/css/image_percentage_dimen.html" + } + ], "css/image_rendering_auto_a.html": [ { "path": "css/image_rendering_auto_a.html", diff --git a/tests/wpt/mozilla/tests/css/image_percentage_dimen.html b/tests/wpt/mozilla/tests/css/image_percentage_dimen.html new file mode 100644 index 00000000000..d25c607df30 --- /dev/null +++ b/tests/wpt/mozilla/tests/css/image_percentage_dimen.html @@ -0,0 +1,30 @@ +<!DOCTYPE html> +<!-- saved from url=(0042)http://testujem.eu/servo/circle-image.html --> +<html> +<head> + <link rel='match' href='image_percentage_dimen_ref.html'> + <style type="text/css"> + .image { + border:15px solid red; + padding:28px; + width:230px; + height:230px; + box-sizing:border-box; + -moz-box-sizing:border-box; + float:left; + margin-right:8% + } + .image .img { + background-size:cover; + background-position:center center; + width:100%; + height:100%; + } + </style> +</head> +<body> + <div class="image"> + <div class="img" style="background-image: url(test.jpeg);"></div> + </div> +</body> +</html> diff --git a/tests/wpt/mozilla/tests/css/image_percentage_dimen_ref.html b/tests/wpt/mozilla/tests/css/image_percentage_dimen_ref.html new file mode 100644 index 00000000000..713727faf6f --- /dev/null +++ b/tests/wpt/mozilla/tests/css/image_percentage_dimen_ref.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<!-- saved from url=(0042)http://testujem.eu/servo/circle-image.html --> +<html> +<head> + <style type="text/css"> + .image { + border:15px solid red; + padding:28px; + width:230px; + height:230px; + box-sizing:border-box; + -moz-box-sizing:border-box; + float:left; + margin-right:8% + } + .image .img { + background-size:cover; + background-position:center center; + width:144px; + height:144px; + } + </style> +</head> +<body> + <div class="image"> + <div class="img" style="background-image: url(test.jpeg);"></div> + </div> +</body> +</html> |