Diff
Modified: trunk/ChangeLog (105165 => 105166)
--- trunk/ChangeLog 2012-01-17 17:44:12 UTC (rev 105165)
+++ trunk/ChangeLog 2012-01-17 18:11:24 UTC (rev 105166)
@@ -1,3 +1,17 @@
+2012-01-17 Raul Hudea <[email protected]>
+
+ Move tests out of WebCore/manual-tests to toplevel ManualTests.
+ It looks like the manual-tests folder wasn't noticed by git (or me :).
+
+ Move some SVG manual tests from deprecated WebCore/manual-tests to toplevel ManualTests
+ https://bugs.webkit.org/show_bug.cgi?id=76437
+
+ Reviewed by Daniel Bates.
+
+ * ManualTests/svg-animation-css-transform.html: Renamed from Source/WebCore/manual-tests/svg-animation-css-transform.html.
+ * ManualTests/svg-css-animate-compound.html: Renamed from Source/WebCore/manual-tests/svg-css-animate-compound.html.
+ * ManualTests/svg-css-transition-compound.html: Renamed from Source/WebCore/manual-tests/svg-css-transition-compound.html.
+
2012-01-16 Tor Arne Vestbø <[email protected]>
[Qt] Add more files to project-files for easier navigation in Qt Creator
Copied: trunk/ManualTests/svg-animation-css-transform.html (from rev 105164, trunk/Source/WebCore/manual-tests/svg-animation-css-transform.html) (0 => 105166)
--- trunk/ManualTests/svg-animation-css-transform.html (rev 0)
+++ trunk/ManualTests/svg-animation-css-transform.html 2012-01-17 18:11:24 UTC (rev 105166)
@@ -0,0 +1,20 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <title>SVG Animation of elements transformed using -webkit-transform</title>
+</head>
+<body>
+ <h1>SVG Animation of SVG element rotated using '-webkit-transform'</h1>
+
+ <p>The rotated rect should from 0,0 to 100,0 over 3 seconds.</p>
+
+ <svg xmlns='http://www.w3.org/2000/svg'>
+ <rect id="target" width='100' height='100' stroke="blue" fill="none" style="-webkit-transform: rotate(45deg)">
+ <animateMotion to='100,0' dur='3s' />
+ </rect>
+ </svg>
+</body>
+</html>
\ No newline at end of file
Copied: trunk/ManualTests/svg-css-animate-compound.html (from rev 105164, trunk/Source/WebCore/manual-tests/svg-css-animate-compound.html) (0 => 105166)
--- trunk/ManualTests/svg-css-animate-compound.html (rev 0)
+++ trunk/ManualTests/svg-css-animate-compound.html 2012-01-17 18:11:24 UTC (rev 105166)
@@ -0,0 +1,82 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>Animation of rotate property</title>
+<style type="text/css" media="screen">
+ div {
+ -webkit-box-sizing: border-box;
+ }
+
+ .column {
+ margin: 10px;
+ display: inline-block;
+ vertical-align: top;
+ }
+ .container {
+ position: relative;
+ height: 200px;
+ width: 200px;
+ margin: 10px;
+ background-color: silver;
+ border: 1px solid black;
+ }
+
+ .box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 60px;
+ width: 60px;
+ border: 1px dotted black;
+ -webkit-transform-origin: top left; /* to match SVG */
+ }
+
+ .final {
+ border: 1px solid blue;
+ }
+
+ #target, #ref {
+ -webkit-animation-name: bounce;
+ -webkit-animation-duration: 2s;
+ -webkit-animation-iteration-count: infinite;
+ -webkit-animation-direction: alternate;
+ -webkit-animation-timing-function: ease-in-out;
+ }
+
+ @-webkit-keyframes bounce {
+ from {
+ -webkit-transform: translate(0px, 0px) scale(1) rotate(0deg);
+ }
+ to {
+ -webkit-transform: translate(75px, 25px) scale(2) rotate(45deg);
+ }
+ }
+</style>
+</head>
+<body>
+ <h1>CSS Animation of 'webkit-transform:' property for SVG</h1>
+
+ <p>The SVG animation should be identical with the CSS one</p>
+
+ <div class="column">
+ <h2>SVG compound</h2>
+ <div class="container">
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+ viewBox="0 0 200 200" style="width:200px; height:200px;">
+ <rect id="target" x="0" y="0" width="60" height="60" stroke="blue" fill="none">
+ </rect>
+ </svg>
+ </div>
+
+ <h2>CSS compound</h2>
+ <div class="container">
+ <div class="final box" id="ref">
+ </div>
+ </div>
+ </div>
+
+</body>
+</html>
\ No newline at end of file
Copied: trunk/ManualTests/svg-css-transition-compound.html (from rev 105164, trunk/Source/WebCore/manual-tests/svg-css-transition-compound.html) (0 => 105166)
--- trunk/ManualTests/svg-css-transition-compound.html (rev 0)
+++ trunk/ManualTests/svg-css-transition-compound.html 2012-01-17 18:11:24 UTC (rev 105166)
@@ -0,0 +1,93 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+ "http://www.w3.org/TR/html4/loose.dtd">
+
+<html lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+<title>CSS Transition of SVG elements</title>
+
+<style type="text/css" media="screen">
+ div {
+ -webkit-box-sizing: border-box;
+ }
+
+ .column {
+ margin: 10px;
+ display: inline-block;
+ vertical-align: top;
+ }
+ .container {
+ position: relative;
+ height: 200px;
+ width: 200px;
+ margin: 10px;
+ background-color: silver;
+ border: 1px solid black;
+ }
+
+ .box {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 60px;
+ width: 60px;
+ border: 1px dotted black;
+ -webkit-transform-origin: top left; /* to match SVG */
+ }
+
+ .final {
+ border: 1px solid blue;
+ }
+
+ #target, #ref {
+ -webkit-transition-property: -webkit-transform;
+ -webkit-transition-duration: 1s;
+ }
+</style>
+
+<script type="text/_javascript_" charset="utf-8">
+ var flag = true;
+
+ function transition() {
+ var svgElm = document.getElementById("target");
+ var divElm = document.getElementById("ref");
+
+ if (flag) {
+ svgElm.style.webkitTransform = "translate(75px, 25px) scale(2) rotate(45deg)";
+ divElm.style.webkitTransform = "translate(75px, 25px) scale(2) rotate(45deg)";
+ }
+ else {
+ svgElm.style.webkitTransform = "translate(0px, 0px) scale(1) rotate(0deg)";
+ divElm.style.webkitTransform = "translate(0px, 0px) scale(1) rotate(0deg)";
+ }
+ flag = !flag;
+ }
+</script>
+</head>
+<body>
+ <h1>CSS Transition of "-webkit-trasform" property for SVG elements</h1>
+
+ <p>The element below should transition when button is clicked</p>
+ <p>The SVG transition should be identical with the CSS one</p>
+
+ <input type="button" value="Transition" _onclick_="transition()" />
+
+ <div class="column">
+ <h2>SVG compound</h2>
+ <div class="container">
+ <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
+ viewBox="0 0 200 200" style="width:200px; height:200px;">
+ <rect id="target" x="0" y="0" width="60" height="60" stroke="blue" fill="none">
+ </rect>
+ </svg>
+ </div>
+
+ <h2>CSS compound</h2>
+ <div class="container">
+ <div class="final box" id="ref">
+ </div>
+ </div>
+ </div>
+
+</body>
+</html>
\ No newline at end of file
Deleted: trunk/Source/WebCore/manual-tests/svg-animation-css-transform.html (105165 => 105166)
--- trunk/Source/WebCore/manual-tests/svg-animation-css-transform.html 2012-01-17 17:44:12 UTC (rev 105165)
+++ trunk/Source/WebCore/manual-tests/svg-animation-css-transform.html 2012-01-17 18:11:24 UTC (rev 105166)
@@ -1,20 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-
-<html lang="en">
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>SVG Animation of elements transformed using -webkit-transform</title>
-</head>
-<body>
- <h1>SVG Animation of SVG element rotated using '-webkit-transform'</h1>
-
- <p>The rotated rect should from 0,0 to 100,0 over 3 seconds.</p>
-
- <svg xmlns='http://www.w3.org/2000/svg'>
- <rect id="target" width='100' height='100' stroke="blue" fill="none" style="-webkit-transform: rotate(45deg)">
- <animateMotion to='100,0' dur='3s' />
- </rect>
- </svg>
-</body>
-</html>
\ No newline at end of file
Deleted: trunk/Source/WebCore/manual-tests/svg-css-animate-compound.html (105165 => 105166)
--- trunk/Source/WebCore/manual-tests/svg-css-animate-compound.html 2012-01-17 17:44:12 UTC (rev 105165)
+++ trunk/Source/WebCore/manual-tests/svg-css-animate-compound.html 2012-01-17 18:11:24 UTC (rev 105166)
@@ -1,82 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>Animation of rotate property</title>
-<style type="text/css" media="screen">
- div {
- -webkit-box-sizing: border-box;
- }
-
- .column {
- margin: 10px;
- display: inline-block;
- vertical-align: top;
- }
- .container {
- position: relative;
- height: 200px;
- width: 200px;
- margin: 10px;
- background-color: silver;
- border: 1px solid black;
- }
-
- .box {
- position: absolute;
- top: 0;
- left: 0;
- height: 60px;
- width: 60px;
- border: 1px dotted black;
- -webkit-transform-origin: top left; /* to match SVG */
- }
-
- .final {
- border: 1px solid blue;
- }
-
- #target, #ref {
- -webkit-animation-name: bounce;
- -webkit-animation-duration: 2s;
- -webkit-animation-iteration-count: infinite;
- -webkit-animation-direction: alternate;
- -webkit-animation-timing-function: ease-in-out;
- }
-
- @-webkit-keyframes bounce {
- from {
- -webkit-transform: translate(0px, 0px) scale(1) rotate(0deg);
- }
- to {
- -webkit-transform: translate(75px, 25px) scale(2) rotate(45deg);
- }
- }
-</style>
-</head>
-<body>
- <h1>CSS Animation of 'webkit-transform:' property for SVG</h1>
-
- <p>The SVG animation should be identical with the CSS one</p>
-
- <div class="column">
- <h2>SVG compound</h2>
- <div class="container">
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
- viewBox="0 0 200 200" style="width:200px; height:200px;">
- <rect id="target" x="0" y="0" width="60" height="60" stroke="blue" fill="none">
- </rect>
- </svg>
- </div>
-
- <h2>CSS compound</h2>
- <div class="container">
- <div class="final box" id="ref">
- </div>
- </div>
- </div>
-
-</body>
-</html>
\ No newline at end of file
Deleted: trunk/Source/WebCore/manual-tests/svg-css-transition-compound.html (105165 => 105166)
--- trunk/Source/WebCore/manual-tests/svg-css-transition-compound.html 2012-01-17 17:44:12 UTC (rev 105165)
+++ trunk/Source/WebCore/manual-tests/svg-css-transition-compound.html 2012-01-17 18:11:24 UTC (rev 105166)
@@ -1,93 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
-
-<html lang="en">
-<head>
-<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-<title>CSS Transition of SVG elements</title>
-
-<style type="text/css" media="screen">
- div {
- -webkit-box-sizing: border-box;
- }
-
- .column {
- margin: 10px;
- display: inline-block;
- vertical-align: top;
- }
- .container {
- position: relative;
- height: 200px;
- width: 200px;
- margin: 10px;
- background-color: silver;
- border: 1px solid black;
- }
-
- .box {
- position: absolute;
- top: 0;
- left: 0;
- height: 60px;
- width: 60px;
- border: 1px dotted black;
- -webkit-transform-origin: top left; /* to match SVG */
- }
-
- .final {
- border: 1px solid blue;
- }
-
- #target, #ref {
- -webkit-transition-property: -webkit-transform;
- -webkit-transition-duration: 1s;
- }
-</style>
-
-<script type="text/_javascript_" charset="utf-8">
- var flag = true;
-
- function transition() {
- var svgElm = document.getElementById("target");
- var divElm = document.getElementById("ref");
-
- if (flag) {
- svgElm.style.webkitTransform = "translate(75px, 25px) scale(2) rotate(45deg)";
- divElm.style.webkitTransform = "translate(75px, 25px) scale(2) rotate(45deg)";
- }
- else {
- svgElm.style.webkitTransform = "translate(0px, 0px) scale(1) rotate(0deg)";
- divElm.style.webkitTransform = "translate(0px, 0px) scale(1) rotate(0deg)";
- }
- flag = !flag;
- }
-</script>
-</head>
-<body>
- <h1>CSS Transition of "-webkit-trasform" property for SVG elements</h1>
-
- <p>The element below should transition when button is clicked</p>
- <p>The SVG transition should be identical with the CSS one</p>
-
- <input type="button" value="Transition" _onclick_="transition()" />
-
- <div class="column">
- <h2>SVG compound</h2>
- <div class="container">
- <svg xmlns="http://www.w3.org/2000/svg" version="1.1"
- viewBox="0 0 200 200" style="width:200px; height:200px;">
- <rect id="target" x="0" y="0" width="60" height="60" stroke="blue" fill="none">
- </rect>
- </svg>
- </div>
-
- <h2>CSS compound</h2>
- <div class="container">
- <div class="final box" id="ref">
- </div>
- </div>
- </div>
-
-</body>
-</html>
\ No newline at end of file
