mirror of
https://github.com/servo/servo.git
synced 2025-08-08 06:55:31 +01:00
Update web-platform-tests to revision b'51407aaa3d17aa440f6807caef5e390dc779087a'
This commit is contained in:
WPT Sync Bot
parent
60b642968b
commit
4db11786c5
263 changed files with 6777 additions and 1228 deletions
|
|
@ -2,7 +2,19 @@
|
|||
<html class="reftest-wait">
|
||||
<link rel="match" href="transform-interpolation-ref.html?skew">
|
||||
<link rel="help" href="https://drafts.csswg.org/css-transforms/">
|
||||
|
||||
<!--
|
||||
Fuzzy match is needed because the browser may raster in different scales for the
|
||||
test and the reference. For example, in the first case the test animates skew
|
||||
from 0deg to 60deg and take snapshot when the skew is 30deg, while the reference
|
||||
animates skew from 30deg to 30deg, and the browser may choose a higher raster
|
||||
scale for the former because at 60deg the ideal scale is higher.
|
||||
3000: 130 * 6 * 2 + 80 * 9 * 2
|
||||
130, 80: width and height of the div
|
||||
6: number of antialiased horizontal edges
|
||||
9: number of antialiased vertical edges
|
||||
2: number of antialiased pixels for each pixel on the edge
|
||||
-->
|
||||
<meta name=fuzzy content="0-255;0-3000">
|
||||
<script src="../../../common/reftest-wait.js"></script>
|
||||
<script src="support/transform-interpolation-reftests.js"></script>
|
||||
|
||||
|
|
|
|||
|
|
@ -35,6 +35,7 @@ test_valid_value("scale", "100% 200%", "1 2");
|
|||
test_valid_value("scale", "100 200 1", "100 200");
|
||||
test_valid_value("scale", "100% 200% 1", "1 2");
|
||||
test_valid_value("scale", "100 200 300");
|
||||
test_valid_value("scale", "100 100 2", "100 100 2");
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -0,0 +1,22 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: combination of the CSS translate and transform properties and the SVG transform attribute</title>
|
||||
<link rel="author" title="Antoine Quint" href="mailto:graouts@apple.com">
|
||||
<meta name="flags" content="svg">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green rectangle and no red.</p>
|
||||
<svg>
|
||||
<rect x="100" y="100" width="200" height="200" fill="green"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: combination of the CSS translate property and SVG transform attribute</title>
|
||||
<link rel="author" title="Antoine Quint" href="mailto:graouts@apple.com">
|
||||
<meta name="flags" content="svg">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green rectangle and no red.</p>
|
||||
<svg>
|
||||
<rect x="100" y="100" width="200" height="200" fill="green"/>
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: the CSS translate property applied to an SVG element</title>
|
||||
<link rel="author" title="Antoine Quint" href="mailto:graouts@apple.com">
|
||||
<meta name="flags" content="svg">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green rectangle and no red.</p>
|
||||
<svg>
|
||||
<rect x="100" y="100" width="100" height="100" fill="green" />
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: combination of the CSS translate and transform properties and the SVG transform attribute</title>
|
||||
<link rel="author" title="Antoine Quint" href="mailto:graouts@apple.com">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-transforms-2/#propdef-translate">
|
||||
<link rel="match" href="reference/translate-and-transform-attribute-in-svg-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The CSS translate property is applied in combination with the CSS transform property and the SVG transform attribute has no effect.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green rectangle and no red.</p>
|
||||
<svg>
|
||||
<rect x="101" y="101" width="198" height="198" fill="red"/>
|
||||
<rect width="100" height="100" fill="green" transform="rotate(45deg)" style="transform: scale(2); translate: 100px 100px" />
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: combination of the CSS translate property and SVG transform attribute</title>
|
||||
<link rel="author" title="Antoine Quint" href="mailto:graouts@apple.com">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-transforms-2/#propdef-translate">
|
||||
<link rel="match" href="reference/translate-and-transform-css-property-in-svg-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The CSS translate property is applied in combination with the SVG transform attribute in the absence of a CSS transform property.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green rectangle and no red.</p>
|
||||
<svg>
|
||||
<rect x="101" y="101" width="198" height="198" fill="red"/>
|
||||
<rect width="100" height="100" fill="green" transform="scale(2)" style="translate: 100px 100px" />
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Transforms Test: the CSS translate property applied to an SVG element</title>
|
||||
<link rel="author" title="Antoine Quint" href="mailto:graouts@apple.com">
|
||||
<link rel="help" href="https://www.w3.org/TR/css-transforms-2/#propdef-translate">
|
||||
<link rel="match" href="reference/translate-in-svg-ref.html">
|
||||
<meta name="flags" content="svg">
|
||||
<meta name="assert" content="The CSS translate property is applied to an SVG element.">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if there is a green rectangle and no red.</p>
|
||||
<svg>
|
||||
<rect x="101" y="101" width="98" height="98" fill="red"/>
|
||||
<rect width="100" height="100" fill="green" style="translate: 100px 100px" />
|
||||
</svg>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Add a link
Reference in a new issue