Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-06 14:10:11 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 1e4fe87a7f01c0b5c614c8f601ffa68b4a00662a

Browse source
This commit is contained in:
WPT Sync Bot 2018-02-13 20:15:58 -05:00
parent 4c3f1756da
commit 432648745e
164 changed files with 8354 additions and 595 deletions
Download patch file Download diff file Expand all files Collapse all files

4
tests/wpt/web-platform-tests/css/css-transforms/animation/scale-interpolation.html
View file

@ -28,13 +28,13 @@
test_interpolation({
property: 'scale',
from: '26 17 9',
to: '2',
to: '2 1',
}, [
{at: -1, expect: '50 33 17'},
{at: 0, expect: '26 17 9'},
{at: 0.125, expect: '23 15 8'},
{at: 0.875, expect: '5 3 2'},
{at: 1, expect: '2'},
{at: 1, expect: '2 1'},
{at: 2, expect: '-22 -15 -7'}
]);

2
tests/wpt/web-platform-tests/css/css-transforms/css-transform-property-existence.html
View file

@ -14,7 +14,7 @@
<div id="log"></div>
<script>
test(function() {
assert_not_equals(document.getElementById("test").style.transfor, undefined, "expect transform is not undefined");
assert_not_equals(document.getElementById("test").style.transform, undefined, "expect transform is not undefined");
}, "Check the existence of transform.");
test(function() {

2
tests/wpt/web-platform-tests/css/css-transforms/individual-transform/individual-transform-1-ref.html
View file

@ -24,7 +24,7 @@
left: 100px;
width: 50px;
height: 100px;
transform: scaleX(2);
transform: scale(2, 2);
}
.translate_1 {
left: 150px;

6
tests/wpt/web-platform-tests/css/css-transforms/parsing/rotate-parsing-invalid.html
View file

@ -17,6 +17,12 @@ test_invalid_value("rotate", "100px");
test_invalid_value("rotate", "100 400deg");
test_invalid_value("rotate", "100 200 400deg");
test_invalid_value("rotate", "100 200 300 500 400deg");
test_invalid_value("rotate", "x y 45deg");
test_invalid_value("rotate", "45deg x y");
test_invalid_value("rotate", "z");
test_invalid_value("rotate", "1 2");
test_invalid_value("rotate", "1 2 3");
</script>
</body>
</html>

10
tests/wpt/web-platform-tests/css/css-transforms/parsing/rotate-parsing-valid.html
View file

@ -17,6 +17,16 @@ test_valid_value("rotate", "none");
test_valid_value("rotate", "0deg");
test_valid_value("rotate", "100 200 300 400grad");
test_valid_value("rotate", "400grad 100 200 300", "100 200 300 400grad");
test_valid_value("rotate", "x 400grad", "1 0 0 400grad");
test_valid_value("rotate", "400grad x", "1 0 0 400grad");
test_valid_value("rotate", "y 400grad", "0 1 0 400grad");
test_valid_value("rotate", "400grad y", "0 1 0 400grad");
test_valid_value("rotate", "z 400grad", "0 0 1 400grad");
test_valid_value("rotate", "400grad z", "0 0 1 400grad");
</script>
</body>
</html>

2
tests/wpt/web-platform-tests/css/css-transforms/transforms-support-calc.html
View file

@ -31,7 +31,7 @@
test(function(){
target.style = 'translate: calc(30px + 20%) calc(-200px + 100%);';
assert_equals(getComputedStyle(target).translate, '90px 0px');
assert_equals(getComputedStyle(target).translate, 'calc(30px + 20%) calc(-200px + 100%)');
}, 'translate supports calc');
test(function(){

49
tests/wpt/web-platform-tests/css/css-transforms/translate-getComputedStyle.html Normal file
View file

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Transform Module Level 2: translate getComputedStyle</title>
<link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.org">
<link rel="help" href="https://drafts.csswg.org/css-transforms-2/#propdef-translate">
<meta name="assert" content="translate computed style does not resolve percentages.">
<style type="text/css">
#container {
transform-style: preserve-3d;;
}
#first {
font-size: 10px;
translate: 10px 2em;
}
#second {
translate: 30% 40% 50px;
}
#third {
font-size: 10px;
width: 98px;
height: 76px;
translate: calc(7em + 80%) -9em;
}
</style>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
</head>
<body>
<div id="container">
<div id="first"></div>
<div id="second"></div>
<div id="third"></div>
</div>
<script>
'use strict';
function getTranslateFor(id) {
return window.getComputedStyle(document.getElementById(id)).getPropertyValue("translate");
}
test(function() {
assert_equals(getTranslateFor("first"), "10px 20px");
assert_equals(getTranslateFor("second"), "30% 40% 50px");
assert_equals(getTranslateFor("third"), "calc(70px + 80%) -90px");
}, "computed style for translate");
</script>
</body>
</html>