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

Update web-platform-tests to revision 0bfde9f6a8bfde0fde4dba73d7172a8eed6e946e

Browse source
This commit is contained in:
WPT Sync Bot 2019-09-16 10:23:28 +00:00
parent 5d4dac8cf2
commit 6a79d6ee64
420 changed files with 901 additions and 14894 deletions
Download patch file Download diff file Expand all files Collapse all files

1
tests/wpt/web-platform-tests/css/css-transforms/META.yml
View file

@ -3,4 +3,5 @@ suggested_reviewers:
- dbaron
- plinss
- dirkschulze
- smfr
- grorg

4
tests/wpt/web-platform-tests/css/css-transforms/document-styles/svg-document-styles-003.html
View file

@ -21,7 +21,7 @@
<body>
<p>The test passes if there is a vertical green stripe to the left of a yellow vertical stripe. You should see no red.</p>
<svg>
<!-- Fill with Gradient to avoid false positive. -->
<!-- Fill with Gradient to avoid false positive. -->
<defs>
<linearGradient id="grad" x2="0%" y2="100%">
<stop offset="50%" stop-color="yellow"/>
@ -30,7 +30,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g class="testGroup">
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/document-styles/svg-document-styles-006.html
View file

@ -30,7 +30,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g transform="rotate(90)">
<rect class="testRect" width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect class="testRect" width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/document-styles/svg-document-styles-010.html
View file

@ -30,7 +30,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g class="testGroup" transform="rotate(90)">
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/external-styles/svg-external-styles-003.html
View file

@ -28,7 +28,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g class="rotate">
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/external-styles/svg-external-styles-004.html
View file

@ -28,7 +28,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g class="rotate" transform="scale(0.5)">
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/external-styles/svg-external-styles-006.html
View file

@ -28,7 +28,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g transform="rotate(90)">
<rect class="invalid" width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect class="invalid" width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/external-styles/svg-external-styles-010.html
View file

@ -28,7 +28,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g class="invalid" transform="rotate(90)">
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/external-styles/svg-external-styles-013.html
View file

@ -28,7 +28,7 @@
</linearGradient>
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<rect class="invalid" y="-60" width="100" height="100" fill="url(#grad)" transform="rotate(90,20px,20px)"/>
<rect class="invalid" y="-60" width="100" height="100" fill="url(#grad)" transform="rotate(90 20 20)"/>
</svg>
</body>
</html>

2
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-001.html
View file

@ -21,7 +21,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(50)">
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translate(50 0)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-002.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pixel unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(25px)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-003.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with point unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(18.75pt)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-004.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pica unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(1.5625pc)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-005.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with millimeter unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(6.614583333mm)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-006.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with centimeter unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.661458333cm)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-007.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with inch unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.260416667in)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

34
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-008.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with em unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(1em)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

33
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-009.html
View file

@ -1,33 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with translation-value and a unit less argument in scientific notation</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/#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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with unit less arguments in scientific numbers for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(2.5e1)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-010.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pixel unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(2.5e1px)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-011.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with point unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(1.875e1pt)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-012.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pica unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.15625e1pc)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-013.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with millimeter unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.6614583333e1mm)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-014.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with centimeter unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.0661458333e1cm)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-015.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with inch unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.0260416667e1in)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-016.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with em unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.1e1em)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

33
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-017.html
View file

@ -1,33 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with translation-value unit less argument in scientific notation with a negative exponent</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/#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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with unit less arguments in scientific numbers with negative exponents for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(250e-1)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-018.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pixel unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(250e-1px)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-019.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with point unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(187.5e-1pt)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-020.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with pica unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(15.625e-1pc)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-021.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with millimeter unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(66.14583333e-1mm)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-022.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with centimeter unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(6.61458333e-1cm)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-023.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with inch unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(2.60416667e-1in)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-024.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with em unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(10e-1em)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-025.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with a negative translation-value argument without unit</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/#svg-transform-value">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with negative unit less arguments for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-25)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-026.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative pixel unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'px' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-25px)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-027.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative point unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'pt' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-18.75pt)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-028.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative pica unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'pc' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-1.5625pc)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-029.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative millimeter unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'mm' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-6.614583333mm)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-030.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative centimeter unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'cm' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.661458333cm)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-031.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative inch unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the absolute length unit 'in' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.260416667in)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

34
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-032.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative em unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the relative length unit 'em' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-1em)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

33
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-033.html
View file

@ -1,33 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with translation-value and a negative unit less argument in scientific notation</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/#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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with negative unit less arguments in scientific numbers for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-2.5e1)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-034.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with pixel unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-2.5e1px)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-035.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with point unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-1.875e1pt)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-036.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with pica unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.15625e1pc)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-037.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with millimeter unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.6614583333e1mm)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-038.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with centimeter unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.0661458333e1cm)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-039.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with inch unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.0260416667e1in)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-040.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with em unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.1e1em)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

33
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-041.html
View file

@ -1,33 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translateX with translation-value unit less negative argument in scientific notation with a negative exponent</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/#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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with unit less arguments in negative scientific numbers with negative exponents for translation-value. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-250e-1)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-042.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with pixel unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'px' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-250e-1px)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-043.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with point unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pt' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-187.5e-1pt)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-044.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with pica unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'pc' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-15.625e-1pc)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-045.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with millimeter unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'mm' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-66.14583333e-1mm)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-046.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with centimeter unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'cm' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-6.61458333e-1cm)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

32
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-047.html
View file

@ -1,32 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with inch unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the absolute length unit 'in' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-2.60416667e-1in)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-048.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with em unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'em' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-10e-1em)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-049.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG transform presentation attribute on the gradient element - has no effect</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-transform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute does not support the transform presentation attribute. The gradient in the test should not be moved.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a vertical green bar to the left of a vertical yellow bar.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" transform="translateX(50px)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="yellow"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

2
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-combination-001.html
View file

@ -20,7 +20,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" gradientUnits="userSpaceOnUse" gradientTransform="translateX(50px) translateX(50px)">
<linearGradient id="grad" gradientUnits="userSpaceOnUse" gradientTransform="translate(50 0) translate(50 0)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-combination-002.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with translateX applied once in pixels and once in pt units</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="match" href="reference/svg-gradientTransform-combination-ref.html">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support multiple transform functions on the same element with different translation-value units. The gradient in the test should be moved 100 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 200px;
height: 200px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" gradientUnits="userSpaceOnUse" gradientTransform="translateX(50px) translateX(37.5pt)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="200" height="200"/>
</svg>
</body>
</html>

2
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-combination-003.html
View file

@ -20,7 +20,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" gradientTransform="translateX(150) translateX(-50)">
<linearGradient id="grad" gradientTransform="translate(150 0) translate(-50 0)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-ex-unit-001.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with ex unit on translateX</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="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<meta name="flags" content="svg">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(2.2ex)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-ex-unit-002.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with ex unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' in scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(0.22e1ex)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-ex-unit-003.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with ex unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' in scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(22e-1ex)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="red"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

34
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-ex-unit-004.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative ex unit on translateX</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="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with negative numbers in the relative length unit 'ex' on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-2.2ex)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-ex-unit-005.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with ex unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' in negative scientific numbers on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-0.22e1ex)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-ex-unit-006.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value negative argument with ex unit in scientific notation with a negative exponent on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The gradientTransform attribute must support functions with the relative length unit 'ex' in negative scientific numbers with negative exponents on translation-value arguments. The gradient in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-22e-1ex)">
<stop offset="50%" stop-color="red"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-relative-001.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with percentage unit on translateX - has no effect</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="Arguments in percentage units in gradientTransform functions should have no affect. The gradient in the test should be not be moved.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a vertical green bar next to a vertical blue bar.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(25%)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="blue"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-relative-002.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute and translation-value argument with negative percentage unit on translateX - has no effect</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="Arguments in percentage units in gradientTransform functions should have no affect. The gradient in the test should be not be moved.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a vertical green bar next to a vertical blue bar.</p>
<svg>
<defs>
<linearGradient id="grad" x1="0%" y1="0%" gradientTransform="translateX(-25%)">
<stop offset="50%" stop-color="green"/>
<stop offset="50%" stop-color="blue"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

31
tests/wpt/web-platform-tests/css/css-transforms/gradientTransform/svg-gradientTransform-relative-003.html
View file

@ -1,31 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG gradientTransform presentation attribute with rotate and translateX in percentage units, the latter has no effect</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-gradientTransform-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="Arguments in percentage units in gradientTransform functions should have no affect. The gradient in the test should be not be translated but should be rotated.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
}
</style>
</head>
<body>
<p>The test passes if there is a vertical green bar next to a vertical blue bar.</p>
<svg>
<defs>
<linearGradient id="grad" x2="0%" y2="100%" gradientTransform="rotate(90, 0.5, 0.5) translateX(25%)">
<stop offset="50%" stop-color="blue"/>
<stop offset="50%" stop-color="green"/>
</linearGradient>
</defs>
<rect fill="url(#grad)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-group-002.html
View file

@ -19,7 +19,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/>
<g transform="translateX(40px)">
<g transform="translate(40px 0)">
<rect y="40" width="80" height="80" fill="green"/>
</g>
</svg>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-group-003.html
View file

@ -19,7 +19,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/>
<g transform="translateY(40)">
<g transform="translate(0 40)">
<rect x="40" width="80" height="80" fill="green"/>
</g>
</svg>

4
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-002.html
View file

@ -19,8 +19,8 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/>
<g transform="translateX(20px)">
<rect y="40" width="80" height="80" fill="green" transform="translateX(20px)"/>
<g transform="translate(20 0)">
<rect y="40" width="80" height="80" fill="green" transform="translate(20 0)"/>
</g>
</svg>
</body>

4
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-003.html
View file

@ -19,8 +19,8 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/>
<g transform="translateY(20)">
<rect x="40" width="80" height="80" fill="green" transform="translateY(20)"/>
<g transform="translate(0 20)">
<rect x="40" width="80" height="80" fill="green" transform="translate(0 20)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-012.html
View file

@ -19,7 +19,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/>
<g transform="translateX(40px)">
<g transform="translate(40 0)">
<rect y="20" width="80" height="40" fill="green" transform="scaleY(2)"/>
</g>
</svg>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-013.html
View file

@ -20,7 +20,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<path d="M 2,26 100,26 198,124 100,124 Z" fill="red"/>
<g transform="translateY(25)">
<g transform="translate(0 25)">
<rect width="100" height="100" fill="green" transform="skewX(45)"/>
</g>
</svg>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-016.html
View file

@ -20,7 +20,7 @@
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/>
<g transform="scaleY(2)">
<rect y="20" width="80" height="40" fill="green" transform="translateX(40)"/>
<rect y="20" width="80" height="40" fill="green" transform="translate(40 0)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-017.html
View file

@ -20,7 +20,7 @@
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/>
<g transform="rotate(90)">
<rect x="40" y="-160" width="80" height="80" fill="green" transform="translateY(40)"/>
<rect x="40" y="-160" width="80" height="80" fill="green" transform="translate(0 40)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-022.html
View file

@ -19,7 +19,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/> <!-- this rect is outside the group to catch failures of the group transform -->
<g transform="translateX(20)">
<g transform="translate(20 0)">
<rect x="42" y="41" width="156" height="78" fill="red" transform="scaleX(0.5)"/> <!-- false positive if scaleX is negative -->
<rect width="40" height="40" fill="green" transform="matrix(-2 0 0 -2 100 120)"/>
</g>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-023.html
View file

@ -19,7 +19,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/> <!-- this rect is outside the group to catch failures of the group transform -->
<g transform="translateY(25px)">
<g transform="translate(0 25px)">
<rect x="1" y="1" width="78" height="78" fill="red" transform="translate(40px 15px)"/>
<rect x="80" y="30" width="160" height="160" fill="green" transform="scale(0.5)"/>
</g>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-024.html
View file

@ -20,7 +20,7 @@
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/> <!-- this rect is outside the group to catch failures of the group transform -->
<g transform="scale(0.5)">
<rect x="62" y="82" width="156" height="156" fill="red" transform="translateX(20)"/>
<rect x="62" y="82" width="156" height="156" fill="red" transform="translate(20 0)"/>
<rect x="160" y="80" width="320" height="160" fill="green" transform="scaleX(0.5)"/>
</g>
</svg>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-025.html
View file

@ -20,7 +20,7 @@
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/> <!-- this rect is outside the group to catch failures of the group transform -->
<g transform="scaleX(0.5)">
<rect x="82" y="21" width="156" height="78" fill="red" transform="translateY(20)"/>
<rect x="82" y="21" width="156" height="78" fill="red" transform="translate(0 20)"/>
<rect x="160" y="80" width="320" height="160" fill="green" transform="scale(0.5)"/>
</g>
</svg>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-027.html
View file

@ -20,7 +20,7 @@
<svg>
<rect x="41" y="41" width="78" height="78" fill="red"/> <!-- this rect is outside the group to catch failures of the group transform -->
<g transform="rotate(90)">
<rect x="20" y="-120" width="80" height="80" fill="green" transform="translateX(20)"/>
<rect x="20" y="-120" width="80" height="80" fill="green" transform="translate(20 0)"/>
<rect x="40" y="-240" width="80" height="160" fill="green" transform="scaleY(0.5)"/> <!-- false positive if scaleY is negative; need to fix -->
</g>
</svg>

2
tests/wpt/web-platform-tests/css/css-transforms/group/svg-transform-nested-028.html
View file

@ -21,7 +21,7 @@
<rect x="41" y="41" width="78" height="78" fill="red"/> <!-- this rect is outside the group to catch failures of the group transform -->
<g transform="matrix(-0.5 0 0 -0.5 120 90)">
<rect x="2" y="-116" width="156" height="312" fill="red" transform="scaleY(0.5)"/> <!-- false positive if scaleY is between 0.4 and -0.3 -->
<rect width="160" height="160" fill="green" transform="translateY(-60)"/>
<rect width="160" height="160" fill="green" transform="translate(0 -60)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/inline-styles/svg-inline-styles-003.html
View file

@ -27,7 +27,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g style="transform: rotate(90)">
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/inline-styles/svg-inline-styles-004.html
View file

@ -27,7 +27,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g style="transform: rotate(90)" transform="scale(0.5)">
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/inline-styles/svg-inline-styles-006.html
View file

@ -27,7 +27,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g transform="rotate(90)">
<rect width="100" height="100" fill="url(#grad)" style="transform: scale(invalid)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" style="transform: scale(invalid)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/inline-styles/svg-inline-styles-010.html
View file

@ -27,7 +27,7 @@
</defs>
<rect x="1" y="1" width="98" height="98" fill="red"/>
<g style="transform: scale(invalid)" transform="rotate(90)">
<rect width="100" height="100" fill="url(#grad)" transform="translateY(-100)"/>
<rect width="100" height="100" fill="url(#grad)" transform="translate(0 -100)"/>
</g>
</svg>
</body>

2
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-001.html
View file

@ -22,7 +22,7 @@
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(25)">
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translate(25 0)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>

34
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-002.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with pixel unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'px' on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(25px)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

34
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-003.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with point unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'pt' on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(18.75pt)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

34
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-004.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with pica unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'pc' on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(1.5625pc)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

34
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-005.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with millimeter unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'mm' on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(6.614583333mm)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

34
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-006.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with centimeter unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'cm' on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(0.661458333cm)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

34
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-007.html
View file

@ -1,34 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with inch unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'in' on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(0.260416667in)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

37
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-008.html
View file

@ -1,37 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with em unit on translateX</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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The patternTransform attribute must support functions with the relative length unit 'em' on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
line-height: 1;
font: 25px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(1em)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

36
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-009.html
View file

@ -1,36 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translateX with translation-value and a unit less argument in scientific notation</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/#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/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with unit less arguments in scientific numbers for translation-value. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(2.5e1)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-010.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with pixel unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'px' in scientific numbers on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(2.5e1px)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-011.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with point unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'pt' in scientific numbers on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(1.875e1pt)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

35
tests/wpt/web-platform-tests/css/css-transforms/patternTransform/svg-patternTransform-012.html
View file

@ -1,35 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG patternTransform presentation attribute and translation-value argument with pica unit in scientific notation on translateX</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/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-gradient-transform-pattern-transform">
<link rel="match" href="reference/svg-patternTransform-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The patternTransform attribute must support functions with the absolute length unit 'pc' in scientific numbers on translation-value arguments. The pattern in the test should be moved 25 pixels in the X direction resulting in a solid green rect.">
<style type="text/css">
svg {
width: 100px;
height: 100px;
background:red;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<defs>
<pattern id="greenRects" patternUnits="userSpaceOnUse" x="0" y="0" width="50" height="50" patternTransform="translateX(0.15625e1pc)">
<rect x="0" y="0" width="25" height="25" fill="green"/>
<rect x="0" y="25" width="25" height="25" fill="green"/>
</pattern>
</defs>
<rect fill="green" x="0" y="0" width="25" height="100"/>
<rect fill="green" x="50" y="0" width="25" height="100"/>
<rect fill="url(#greenRects)" x="0" y="0" width="100" height="100"/>
</svg>
</body>
</html>

Some files were not shown because too many files have changed in this diff Show more