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

Update web-platform-tests to revision 58eb04cecbbec2e18531ab440225e38944a9c444

Browse source
This commit is contained in:
Josh Matthews 2017-04-17 12:06:02 +10:00 • committed by Anthony Ramine
parent 25e8bf69e6
commit 665817d2a6
35333 changed files with 1818077 additions and 16036 deletions
Download patch file Download diff file Expand all files Collapse all files

20
tests/wpt/web-platform-tests/css/css-transforms-1/translate/reference/svg-translate-abs-unit-combinations-ref.html Normal file
View file

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

22
tests/wpt/web-platform-tests/css/css-transforms-1/translate/reference/svg-translate-ex-unit-ref.html Normal file
View file

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

20
tests/wpt/web-platform-tests/css/css-transforms-1/translate/reference/svg-translate-multiple-ref.html Normal file
View file

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

20
tests/wpt/web-platform-tests/css/css-transforms-1/translate/reference/svg-translate-multiple-relative-ref.html Normal file
View file

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

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

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

20
tests/wpt/web-platform-tests/css/css-transforms-1/translate/reference/svg-translate-relative-ref.html Normal file
View file

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

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-001.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with translation-value arguments 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/#funcdef-translate">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support unit less arguments for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(50 50)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-002.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with pixel units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'px' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(50px 50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-003.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with point units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pt' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(37.5pt 37.5pt)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-004.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with pica units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pc' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(3.125pc 3.125pc)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-005.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with millimeter units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'mm' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(13.229166667mm 13.229166667mm)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-006.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with centimeter units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'cm' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(1.322916667cm 1.322916667cm)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-007.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with inch units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'in' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(0.520833333in 0.520833333in)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-008.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with em units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'em' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 20px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(2.5em 2.5em)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-009.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with translation-value and unit less arguments 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/#svg-transform-value">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support unit less arguments in scientific numbers for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(5.0e1 5.0e1)"/>
</svg>
</body>
</html>

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

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with pixel units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'px' in scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(5.0e1px 5.0e1px)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-011.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with point units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pt' in scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(3.75e1pt 3.75e1pt)"/>
</svg>
</body>
</html>

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

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with pica units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pc' in scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(0.3125e1pc 0.3125e1pc)"/>
</svg>
</body>
</html>

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

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with millimeter units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'mm' in scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(1.3229166667e1mm 1.3229166667e1mm)"/>
</svg>
</body>
</html>

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

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with centimeter units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'cm' in scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(0.1322916667e1cm 0.1322916667e1cm)"/>
</svg>
</body>
</html>

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

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with inch units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'in' in scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(0.0520833333e1in 0.0520833333e1in)"/>
</svg>
</body>
</html>

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

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with em units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'em' in scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 20px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(0.25e1em 0.25e1em)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-017.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with translation-value unit less arguments in scientific notation with negative exponents</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support unit less arguments in scientific numbers with negative exponents for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(500e-1 500e-1)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-018.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with pixel units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'px' in scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(500.0e-1px 500.0e-1px)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-019.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with point units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pt' in scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(375e-1pt 375e-1pt)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-020.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with pica units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pc' in scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(31.25e-1pc 31.25e-1pc)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-021.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with millimeter units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'mm' in scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(132.29166667e-1mm 132.29166667e-1mm)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-022.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with centimeter units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'cm' in scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(13.22916667e-1cm 13.22916667e-1cm)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-023.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with inch units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'in' in scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(5.20833333e-1in 5.20833333e-1in)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-024.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with em units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'em' in scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 20px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(25e-1em 25e-1em)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-025.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with negative translation-value arguments 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/#funcdef-translate">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative unit less arguments for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-50 -50)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-026.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative pixel units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative numbers in the absolute length unit 'px' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-50px -50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-027.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative point units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative numbers in the absolute length unit 'pt' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-37.5pt -37.5pt)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-028.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative pica units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative numbers in the absolute length unit 'pc' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-3.125pc -3.125pc)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-029.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative millimeter units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative numbers in the absolute length unit 'mm' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-13.229166667mm -13.229166667mm)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-030.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative centimeter units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative numbers in the absolute length unit 'cm' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-1.322916667cm -1.322916667cm)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-031.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative inch units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative numbers in the absolute length unit 'in' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-0.520833333in -0.520833333in)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-032.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative em units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support negative numbers in the relative length unit 'em' on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 20px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-2.5em -2.5em)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-033.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with translation-value and negative unit less arguments 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/#svg-transform-value">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative unit less arguments in scientific numbers for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-5.0e1 -5.0e1)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-034.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with pixel units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'px' in negative scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-5.0e1px -5.0e1px)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-035.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with point units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pt' in negative scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-3.75e1pt -3.75e1pt)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-036.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with pica units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pc' in negative scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-0.3125e1pc -0.3125e1pc)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-037.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative argument with millimeter units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'mm' in negative scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-1.3229166667e1mm -1.3229166667e1mm)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-038.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with centimeter units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'cm' in negative scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-0.1322916667e1cm -0.1322916667e1cm)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-039.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative argument with inch units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'in' in negative scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-0.0520833333e1in -0.0520833333e1in)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-040.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with em units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'em' in negative scientific numbers on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 20px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-0.25e1em -0.25e1em)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-041.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with translation-value unit less negative arguments in scientific notation with negative exponents</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support unit less arguments in negative scientific numbers with negative exponents for translation-value. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-500e-1 -500e-1)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-042.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with pixel units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'px' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-500.0e-1px -500.0e-1px)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-043.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with point units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pt' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-375e-1pt -375e-1pt)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-044.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with pica units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'pc' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-31.25e-1pc -31.25e-1pc)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-045.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with millimeter units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'mm' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-132.29166667e-1mm -132.29166667e-1mm)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-046.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with centimeter units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'cm' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-13.22916667e-1cm -13.22916667e-1cm)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-047.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with inch units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support the absolute length unit 'in' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-5.20833333e-1in -5.20833333e-1in)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-048.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with em units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'em' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 20px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="100" width="100" height="100" fill="green" transform="translate(-25e-1em -25e-1em)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-049.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with one translation-value argument</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function takes tx as the first translation-value parameter and ty is the optional second translation-value parameter. If ty is not provided, ty has zero as a value. The rect in the test should be moved 50 pixels in the X direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect y="50" width="100" height="100" fill="green" transform="translate(50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-050.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with one negative translation-value argument</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function takes tx as the first translation-value parameter and ty is the optional second translation-value parameter. If ty is not provided, ty has zero as a value. The rect in the test should be moved 50 pixels in the X direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect x="100" y="50" width="100" height="100" fill="green" transform="translate(-50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-051.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with comma delimited arguments with no spaces</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function arguments can be separated by an optional comma with no spaces. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(50px,50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-052.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with comma delimited arguments with a space in between</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function arguments can be separated by an optional comma with a space in between. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(50px, 50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-053.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with arguments separated by multiple spaces</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function arguments can multiple spaces. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(50px 50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-054.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with comma delimited arguments with multiple spaces before the comma</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function arguments can be separated by an optional comma with multiple spaces before the comma. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(50px ,50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-055.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translate with comma delimited arguments with multiple spaces before and after the comma</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function arguments can be separated by an optional comma with multiple spaces before and after the comma. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="51" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(50px , 50px)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-abs-unit-combinations-001.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with different absolute units on translate - x in px, y unit less</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-translate-abs-unit-combinations-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support different absoulute units on translation-value arguments. The rect in the test should be moved 100 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="101" y="51" width="73" height="73" fill="red"/>
<rect width="75" height="75" fill="green" transform="translate(100px 50)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-abs-unit-combinations-002.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with different absolute units on translate - x unit less, y in px</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-translate-abs-unit-combinations-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support different absoulute units on translation-value arguments. The rect in the test should be moved 100 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="101" y="51" width="73" height="73" fill="red"/>
<rect width="75" height="75" fill="green" transform="translate(100 50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-abs-unit-combinations-003.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with different absolute units on translate - x in cm, y in mm</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-abs-unit-combinations-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support different absoulute units on translation-value arguments. The rect in the test should be moved 100 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="101" y="51" width="73" height="73" fill="red"/>
<rect width="75" height="75" fill="green" transform="translate(2.645833333cm 13.229166667mm)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-abs-unit-combinations-004.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with different absolute units on translate - x in pc, y in pt</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-abs-unit-combinations-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support different absoulute units on translation-value arguments. The rect in the test should be moved 100 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="101" y="51" width="73" height="73" fill="red"/>
<rect width="75" height="75" fill="green" transform="translate(6.25pc 37.5pt)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-abs-unit-combinations-005.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and positive and negative translation-value arguments different absolute units on translate - x negative in inches, y positive in px</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-abs-unit-combinations-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support different absoulute units on translation-value arguments. The rect in the test should be moved 100 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="101" y="51" width="73" height="73" fill="red"/>
<rect x="200" width="75" height="75" fill="green" transform="translate(-1.041666667in 50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-abs-unit-combinations-006.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and positive and negative translation-value arguments different absolute units on translate - x positive in px, y negative in cm</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-abs-unit-combinations-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support different absoulute units on translation-value arguments. The rect in the test should be moved 100 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="101" y="51" width="73" height="73" fill="red"/>
<rect y="100" width="75" height="75" fill="green" transform="translate(100px -1.322916667cm)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-ex-unit-001.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with ex units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'ex' on translation-value arguments. The rect in the test should be moved 40 pixels in the X direction and 40 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 50px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41px" y="41px" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(1ex 1ex)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-ex-unit-002.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with ex units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'ex' in scientific numbers on translation-value arguments. The rect in the test should be moved 40 pixels in the X direction and 40 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 50px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(0.1e1ex 0.1e1ex)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-ex-unit-003.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with ex units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'ex' in scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 40 pixels in the X direction and 40 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
font: 50px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="98" height="98" fill="red"/>
<rect width="100" height="100" fill="green" transform="translate(10e-1ex 10e-1ex)"/>
</svg>
</body>
</html>

28
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-ex-unit-004.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative ex units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support negative numbers in the relative length unit 'ex' on translation-value arguments. The rect in the test should be moved 40 pixels in the X direction and 40 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 50px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="98" height="98" fill="red"/>
<rect x="80" y="80" width="100" height="100" fill="green" transform="translate(-1ex -1ex)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-ex-unit-005.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with ex units in scientific notation on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'ex' in negative scientific numbers on translation-value arguments. The rect in the test should be moved 40 pixels in the X direction and 40 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 50px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="98" height="98" fill="red"/>
<rect x="80" y="80" width="100" height="100" fill="green" transform="translate(-0.1e1ex -0.1e1ex)"/>
</svg>
</body>
</html>

29
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-ex-unit-006.html Normal file
View file

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value negative arguments with ex units in scientific notation with negative exponents on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-number">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-ex-unit-ref.html">
<meta name="flags" content="svg ahem">
<meta name="assert" content="The translate transform function must support the relative length unit 'ex' in negative scientific numbers with negative exponents on translation-value arguments. The rect in the test should be moved 40 pixels in the X direction and 40 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
line-height: 1;
font: 50px Ahem;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="41" y="41" width="98" height="98" fill="red"/>
<rect x="80" y="80" width="100" height="100" fill="green" transform="translate(-10e-1ex -10e-1ex)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-multiple-001.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with translate applied twice</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-multiple-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can be called multiple times on the same element. The rect in the test should be moved 50 pixels in the X direction and 75 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="76" width="148" height="148" fill="red"/>
<rect width="150" height="150" fill="green" transform="translate(25px 25px) translate(25px 50px)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-multiple-002.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with translate applied twice in both directions</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-multiple-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can be applied multiple times and in both directions. The rect in the test should be moved 50 pixels in the X direction and 75 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green square and no red.</p>
<svg>
<rect x="51" y="76" width="148" height="148" fill="red"/>
<rect width="150" height="150" fill="green" transform="translate(150 150) translate(-100 -75)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-multiple-relative-001.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with translate applied once in pixels and once in percentage 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="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-multiple-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can be called multiple times on the same element with relative and absolute values. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="198" height="98" fill="red"/>
<rect width="200" height="100" fill="green" transform="translate(25px 25px) translate(12.5% 75%)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-multiple-relative-002.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with translate applied twice in percentage 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="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-multiple-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can be called multiple times in relative translation-values. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="198" height="98" fill="red"/>
<rect width="200" height="100" fill="green" transform="translate(10% 25%) translate(15% 75%)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-relative-001.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with percentage units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support percentage units on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="98" height="198" fill="red"/>
<rect width="100" height="200" fill="green" transform="translate(50% 50%)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-relative-002.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and translation-value arguments with negative percentage units on translate</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function must support negative percentage units on translation-value arguments. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="98" height="198" fill="red"/>
<rect x="100" y="200" width="100" height="200" fill="green" transform="translate(-50% -50%)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-relative-003.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute with relative and absolute combined translation-value arguments for translate - with tx in px, ty in %</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can have combinations of relative and absolute arguments. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="98" height="198" fill="red"/>
<rect width="100" height="200" fill="green" transform="translate(50px 50%)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-relative-004.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute with relative and absolute combined translation-value arguments for translate - tx in %, ty in px</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can have combinations of relative and absolute arguments. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="98" height="198" fill="red"/>
<rect width="100" height="200" fill="green" transform="translate(50% 100px)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-relative-005.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute with relative and absolute combined translation-value arguments for translate - tx unit less, ty in %</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-translate-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can have combinations of relative and absolute arguments. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="98" height="198" fill="red"/>
<rect width="100" height="200" fill="green" transform="translate(50 50%)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-relative-006.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute with relative and absolute combined translation-value arguments for translate - tx in %, ty unit less</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-translate-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can have combinations of relative and absolute arguments. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 300px;
height: 300px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="98" height="198" fill="red"/>
<rect width="100" height="200" fill="green" transform="translate(50% 100)"/>
</svg>
</body>
</html>

27
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-relative-007.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute with relative and absolute combined translation-value arguments for translate - relative width, tx in %, ty unit less</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform-value">
<link rel="match" href="reference/svg-translate-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can have combinations of relative and absolute arguments and can be applied to relative sized shapes. The rect in the test should be moved 50 pixels in the X direction and 100 pixels in the Y direction">
<style type="text/css">
svg {
width: 200px;
height: 400px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="98" height="198" fill="red"/>
<rect width="50%" height="200" fill="green" transform="translate(50% 100)"/>
</svg>
</body>
</html>

26
tests/wpt/web-platform-tests/css/css-transforms-1/translate/svg-translate-relative-008.html Normal file
View file

@ -0,0 +1,26 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute with relative and absolute combined translation-value arguments for translate - relative height, tx in px, ty in %</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#svg-transform">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions">
<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#funcdef-translate">
<link rel="match" href="reference/svg-translate-relative-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The translate transform function can have combinations of relative and absolute arguments and can be applied to relative sized shapes. The rect in the test should be moved 50 pixels in the X direction and 50 pixels in the Y direction">
<style type="text/css">
svg {
width: 400px;
height: 400px;
}
</style>
</head>
<body>
<p>The test passes if there is a green rectangle and no red.</p>
<svg>
<rect x="51" y="101" width="98" height="198" fill="red"/>
<rect width="100" height="50%" fill="green" transform="translate(50px 50%)"/>
</svg>
</body>
</html>