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

Update web-platform-tests to revision 58b72393db0bd273bb93268c33666cf893feb985

Browse source
This commit is contained in:
Josh Matthews 2017-10-31 08:58:31 -04:00
parent 43a4f01647
commit 64e0a52537
12717 changed files with 59835 additions and 59820 deletions
Download patch file Download diff file Expand all files Collapse all files

20
tests/wpt/web-platform-tests/css/css-transforms/skewY/reference/svg-skewy-ref.html Normal file
View file

@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Reftest Reference</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<meta name="flags" content="svg">
<style type="text/css">
svg {
width: 250px;
height: 250px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect width="100%" height="100%" fill="green"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-001.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and angle argument without unit on skewY</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support unit less arguments for angle. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(45)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-002.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and angle argument with degree unit on skewY</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support the unit 'degree' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(45deg)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-003.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and angle argument with grad unit on skewY</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support the unit 'grad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(50grad)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-004.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and angle argument with turn unit on skewY</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support the unit 'turn' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(0.125turn)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-005.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and angle argument with radian unit on skewY</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support the unit 'rad' on angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(0.785398163rad)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-006.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with negative, unit less turn</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support negative, unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(-315)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-007.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with negative degrees</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support negative, 'degree' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(-315deg)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-008.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with negative gradians</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support negative 'grad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(-350grad)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-009.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with negative radians</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support negative 'rad' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(-5.49778714rad)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-010.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with negative turns</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support negative 'turn' angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(-0.875turn)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-011.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and more than full circle skewY with unit less angle</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support 'modulo whole circle' for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(405)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-012.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and more than full circle skewY with angle in degree</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support 'modulo whole circle' for arguments in. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(405deg)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-013.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and more than full circle skewY with angle in gradian</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support 'modulo whole circle' for arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(450grad)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-014.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and more than full circle skewY with angle in radian</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support 'modulo whole circle' for arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(7.06858347rad)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-015.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and more than full circle skewY with angle in turn</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support 'modulo whole circle' for arguments in turn. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(1.125turn)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-016.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers on unit less angles</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(4.5e1)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-017.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers on unit less angles</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(4.5e1deg)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-018.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers on gradian angles</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers for angle arguments in gradians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(5.0e1grad)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-019.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers on radian angles</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers for angle arguments in radians. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(0.0785398163e1rad)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-020.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers on turns</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers for angle arguments in turns. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(0.0125e1turn)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-021.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers with negative exponents for unit less arguments</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers with negative exponents for unit less angle arguments. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(450e-1)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-022.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in degree</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers with negative exponents for angle arguments in degree. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(450e-1deg)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-023.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in gradian</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers with negative exponents for angle arguments in gradian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(500e-1grad)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-024.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY and scientific numbers with negative exponents for arguments in radian</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(7.85398163e-1rad)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms/skewY/svg-skewy-025.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and skewY with scientific numbers with negative exponents for arguments in turns</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-skewy">
<link rel="match" href="reference/svg-skewy-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The skewY transform function must support scientific numbers with negative exponents for angle arguments in radian. The green rect in this test should be skewed vertically 45 degrees to completely cover the red path.">
<style type="text/css">
svg {
width: 250px;
height: 250px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 1,2 2,99 99,197 99,101 Z" fill="red"/>
<rect width="100" height="100" fill="green" transform="skewY(1.25e-1turn)"/>
</svg>
</body>
</html>