mirror of
https://github.com/servo/servo.git
synced 2025-08-14 18:05:36 +01:00
Update web-platform-tests to revision d7afcb8708eac08a614d161d5622a48172daf7e3
This commit is contained in:
parent
6f8bb4dd40
commit
edff458e23
791 changed files with 17647 additions and 10322 deletions
24
tests/wpt/web-platform-tests/css/css-images/inheritance.html
Normal file
24
tests/wpt/web-platform-tests/css/css-images/inheritance.html
Normal 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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
|
@ -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.
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue