Update web-platform-tests to revision d7afcb8708eac08a614d161d5622a48172daf7e3

This commit is contained in:
WPT Sync Bot 2019-05-15 10:40:54 -04:00 committed by Josh Matthews
parent 6f8bb4dd40
commit edff458e23
791 changed files with 17647 additions and 10322 deletions

View file

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Inheritance of CSS Images properties</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#property-index">
<meta name="assert" content="Properties inherit or not according to the spec.">
<meta name="assert" content="Properties have initial values according to the spec.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/inheritance-testcommon.js"></script>
</head>
<body>
<div id="container">
<div id="target"></div>
</div>
<script>
assert_inherited('image-orientation', '0deg', 'from-image'); // none is 0deg
assert_inherited('image-rendering', 'auto', 'pixelated');
assert_not_inherited('object-fit', 'fill', 'contain');
assert_not_inherited('object-position', '50% 50%', '10px 20px');
</script>
</body>
</html>

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Images: getComputedValue().imageOrientation</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-image-orientation">
<meta name="assert" content="image-orientation computed value is as specified.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("image-orientation", "from-image");
test_computed_value("image-orientation", "none");
</script>
</body>
</html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Images: getComputedValue().imageRendering</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-image-rendering">
<meta name="assert" content="image-rendering computed value is as specified.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("image-rendering", "auto");
test_computed_value("image-rendering", "smooth");
test_computed_value("image-rendering", "high-quality");
test_computed_value("image-rendering", "crisp-edges");
test_computed_value("image-rendering", "pixelated");
</script>
</body>
</html>

View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Images: getComputedValue().objectFit</title>
<link rel="help" href="https://drafts.csswg.org/css-images-4/#propdef-object-fit">
<meta name="assert" content="object-fit computed value is as specified.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("object-fit", "contain");
test_computed_value("object-fit", "cover");
test_computed_value("object-fit", "cover scale-down");
test_computed_value("object-fit", "fill");
test_computed_value("object-fit", "none");
test_computed_value("object-fit", "scale-down");
</script>
</body>
</html>

View file

@ -6,6 +6,7 @@
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-images-4/#propdef-object-fit">
<meta name="assert" content="object-fit supports the full grammar 'fill | none | [contain | cover] || scale-down'.">
<meta name="assert" content="'scale-down' is equivalent to 'contain scale-down'.">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
@ -13,14 +14,14 @@
<body>
<script>
test_valid_value("object-fit", "contain");
test_valid_value("object-fit", "contain scale-down");
test_valid_value("object-fit", "contain scale-down", "scale-down");
test_valid_value("object-fit", "cover");
test_valid_value("object-fit", "cover scale-down");
test_valid_value("object-fit", "fill");
test_valid_value("object-fit", "none");
test_valid_value("object-fit", "scale-down");
test_valid_value("object-fit", "scale-down contain");
test_valid_value("object-fit", "scale-down cover");
test_valid_value("object-fit", "scale-down contain", "scale-down");
test_valid_value("object-fit", "scale-down cover", "cover scale-down");
</script>
</body>
</html>

View file

@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Images Module Level 3 Test: getComputedValue().objectPosition</title>
<link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-object-position">
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/computed-testcommon.js"></script>
</head>
<body>
<div id="target"></div>
<script>
test_computed_value("object-position", "10% center", "10% 50%");
test_computed_value("object-position", "right 30% top 60px", "70% 60px");
test_computed_value("object-position", "-20% -30px");
test_computed_value("object-position", "30px center", "30px 50%");
test_computed_value("object-position", "40px top", "40px 0%");
test_computed_value("object-position", "right 20% bottom 10%", "80% 90%");
test_computed_value("object-position", "right bottom", "100% 100%");
test_computed_value("object-position", "center 50px", "50% 50px");
test_computed_value("object-position", "center bottom", "50% 100%");
test_computed_value("object-position", "left center", "0% 50%");
test_computed_value("object-position", "left bottom", "0% 100%");
test_computed_value("object-position", "right 40%", "100% 40%");
test_computed_value("object-position", "center top", "50% 0%");
test_computed_value("object-position", "center", "50% 50%");
test_computed_value("object-position", "center center", "50% 50%");
</script>
</body>
</html>

View file

@ -15,7 +15,7 @@
// First serialization is being returned by Blink/Firefox/WebKit, second by Edge.
test_valid_value("object-position", "10%", ["10% center", "10% 50%"]);
test_valid_value("object-position", "right 30% top 60px"); // "calc(70%) 60px" in Edge.
test_valid_value("object-position", "20% 30px");
test_valid_value("object-position", "-20% -30px");
test_valid_value("object-position", "30px center", ["30px center", "30px 50%"]);
test_valid_value("object-position", "40px top", ["40px top", "40px 0%"]);
test_valid_value("object-position", "bottom 10% right 20%", "right 20% bottom 10%"); // "calc(80%) calc(90%)" in Edge.