summaryrefslogtreecommitdiffstats
path: root/WebCore/manual-tests/animation
diff options
context:
space:
mode:
authorThe Android Open Source Project <initial-contribution@android.com>2009-03-03 19:30:52 -0800
committerThe Android Open Source Project <initial-contribution@android.com>2009-03-03 19:30:52 -0800
commit8e35f3cfc7fba1d1c829dc557ebad6409cbe16a2 (patch)
tree11425ea0b299d6fb89c6d3618a22d97d5bf68d0f /WebCore/manual-tests/animation
parent648161bb0edfc3d43db63caed5cc5213bc6cb78f (diff)
downloadexternal_webkit-8e35f3cfc7fba1d1c829dc557ebad6409cbe16a2.zip
external_webkit-8e35f3cfc7fba1d1c829dc557ebad6409cbe16a2.tar.gz
external_webkit-8e35f3cfc7fba1d1c829dc557ebad6409cbe16a2.tar.bz2
auto import from //depot/cupcake/@135843
Diffstat (limited to 'WebCore/manual-tests/animation')
-rw-r--r--WebCore/manual-tests/animation/animateColor-by.svg6
-rw-r--r--WebCore/manual-tests/animation/animateColor-from-by.svg6
-rw-r--r--WebCore/manual-tests/animation/animateColor-repeat-indefinite.svg6
-rw-r--r--WebCore/manual-tests/animation/animateColor-to-from.svg6
-rw-r--r--WebCore/manual-tests/animation/animateColor-to.svg6
-rw-r--r--WebCore/manual-tests/animation/animateColor-values-simple.svg6
-rw-r--r--WebCore/manual-tests/animation/animateMotion-to.svg8
-rw-r--r--WebCore/manual-tests/animation/animateTransform-keyTimes.svg11
-rw-r--r--WebCore/manual-tests/animation/animateTransform-parser.svg86
-rw-r--r--WebCore/manual-tests/animation/animateTransform-repeat-once.svg8
-rw-r--r--WebCore/manual-tests/animation/animateTransform-toanimation.svg9
-rw-r--r--WebCore/manual-tests/animation/set-to.svg10
12 files changed, 168 insertions, 0 deletions
diff --git a/WebCore/manual-tests/animation/animateColor-by.svg b/WebCore/manual-tests/animation/animateColor-by.svg
new file mode 100644
index 0000000..d528865
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateColor-by.svg
@@ -0,0 +1,6 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect width='100' height='100' fill='black'>
+ <animateColor attributeName="fill" by='green' dur='3s' fill='freeze' />
+ </rect>
+ <text x='10' y='120'>The rect should animate from black to green over 3 seconds</text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateColor-from-by.svg b/WebCore/manual-tests/animation/animateColor-from-by.svg
new file mode 100644
index 0000000..5d0be05
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateColor-from-by.svg
@@ -0,0 +1,6 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect width='100' height='100'>
+ <animateColor attributeName="fill" from='#DD0000' by='#0000DD' dur='3s' fill='freeze' />
+ </rect>
+ <text x='10' y='120'>The rect should animate from red to purple over 3 seconds</text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateColor-repeat-indefinite.svg b/WebCore/manual-tests/animation/animateColor-repeat-indefinite.svg
new file mode 100644
index 0000000..c2339f6
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateColor-repeat-indefinite.svg
@@ -0,0 +1,6 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect width='100' height='100'>
+ <animateColor attributeName="fill" values='blue; green' dur='2s' repeatCount='indefinite' />
+ </rect>
+ <text x='10' y='120'>The rect should animate from blue to green over 2 seconds, repeatedly.</text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateColor-to-from.svg b/WebCore/manual-tests/animation/animateColor-to-from.svg
new file mode 100644
index 0000000..ecd4357
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateColor-to-from.svg
@@ -0,0 +1,6 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect width='100' height='100'>
+ <animateColor attributeName="fill" from='blue' to='green' dur='3s' fill='freeze' />
+ </rect>
+ <text x='10' y='120'>The rect should animate from blue to green over 3 seconds</text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateColor-to.svg b/WebCore/manual-tests/animation/animateColor-to.svg
new file mode 100644
index 0000000..4a276c6
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateColor-to.svg
@@ -0,0 +1,6 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect width='100' height='100' fill='blue'>
+ <animateColor attributeName="fill" to='green' dur='3s' fill='freeze' />
+ </rect>
+ <text x='10' y='120'>The rect should animate from blue to green over 3 seconds</text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateColor-values-simple.svg b/WebCore/manual-tests/animation/animateColor-values-simple.svg
new file mode 100644
index 0000000..b512651
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateColor-values-simple.svg
@@ -0,0 +1,6 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect width='100' height='100'>
+ <animateColor attributeName="fill" values='blue; green' dur='3s' fill='freeze' />
+ </rect>
+ <text x='10' y='120'>The rect should animate from blue to green over 3 seconds</text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateMotion-to.svg b/WebCore/manual-tests/animation/animateMotion-to.svg
new file mode 100644
index 0000000..17e2cdc
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateMotion-to.svg
@@ -0,0 +1,8 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect width='100' height='100'>
+ <animateMotion to='100,0' dur='3s' />
+ </rect>
+ <text x='10' y='120'>
+ The rect should from 0,0 to 100,0 over 3 seconds.
+ </text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateTransform-keyTimes.svg b/WebCore/manual-tests/animation/animateTransform-keyTimes.svg
new file mode 100644
index 0000000..049a070
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateTransform-keyTimes.svg
@@ -0,0 +1,11 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect fill='blue' width='100' height='100'>
+ <animateTransform attributeName="transform" type='translate' values='0,0; 10,0; 100,0' keyTimes='0; .6; 1' dur='3s' fill='freeze' />
+ </rect>
+ <rect fill='none' stroke='orange' x='10' width='100' height='100' />
+ <rect fill='none' stroke='green' x='100' width='100' height='100' />
+ <text x='10' y='120'>
+ The rect should from 0,0 to 100,0 over 3 seconds.
+ <tspan dy='20' x='10'>It should be at the orange at 2 seconds and the green at 3 seconds.</tspan>
+ </text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateTransform-parser.svg b/WebCore/manual-tests/animation/animateTransform-parser.svg
new file mode 100644
index 0000000..4e0dd72
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateTransform-parser.svg
@@ -0,0 +1,86 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+animateTransform parsing code coverage for translate, rotate, skewX
+
+TODO: does not test e/E exponent notation
+
+-->
+<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="600px">
+ <g transform="translate(-90, -90)">
+ <circle fill="none" stroke="black" stroke-width="3" cx="200" cy="200" r="100" />
+ <line x1="200" y1="200" x2="300" y2="200" stroke="red" stroke-width="30" stroke-linecap="round">
+ <animateTransform attributeName="transform" type="rotate" from=" 0, 200, 200" to=" 360, 200, 200"
+ dur="5s" />
+ </line>
+ <line x1="200" y1="200" x2="300" y2="200" stroke="green" stroke-width="20" stroke-linecap="round">
+ <animateTransform attributeName="transform" type="rotate" from=" 0 200 200" to=" 360 200 200"
+ dur="5s" />
+ </line>
+ <line x1="200" y1="200" x2="300" y2="200" stroke="blue" stroke-width="10" stroke-linecap="round">
+ <animateTransform attributeName="transform" type="rotate" from=" 0,200,200" to=" 360,200,200"
+ dur="5s" />
+ </line>
+ <line x1="200" y1="200" x2="300" y2="200" stroke="white" stroke-width="5" stroke-linecap="round">
+ <animateTransform attributeName="transform" type="rotate" from=" 0,+200 +200" to=" 360 +200 +200"
+ dur="5s" />
+ </line>
+ </g>
+ <g transform="translate(300, 10)">
+ <rect fill="none" stroke="black" stroke-width="3" x="0" y="0" width="200" height="200" />
+ <circle fill="red" cx="0" cy="0" r="30">
+ <animateTransform attributeName="transform" type="translate" from="0, 0" to="200, 200" dur="5s" />
+ </circle>
+ <circle fill="green" cx="0" cy="0" r="20">
+ <animateTransform attributeName="transform" type="translate" from="0 0" to="200 200" dur="5s" />
+ </circle>
+ <circle fill="blue" cx="0" cy="0" r="10">
+ <animateTransform attributeName="transform" type="translate" from="0,0" to="200,200" dur="5s" />
+ </circle>
+ <circle fill="yellow" cx="0" cy="0" r="5">
+ <animateTransform attributeName="transform" type="translate" from=" +0,+0" to=" +200 +200" dur="5s" />
+ </circle>
+ </g>
+ <g transform="translate(10, 300)">
+ <rect fill="none" stroke="black" stroke-width="3" x="0" y="0" width="200" height="200" />
+ <rect fill="red" x="0" y="0" width="40" height="100">
+ <animateTransform attributeName="transform" type="scale" from="1,1" by="0,1" dur="5s" />
+ </rect>
+ <rect fill="green" x="0" y="0" width="30" height="100">
+ <animateTransform attributeName="transform" type="scale" from="1 1" by="0 1" dur="5s" />
+ </rect>
+ <rect fill="blue" x="0" y="0" width="20" height="100">
+ <animateTransform attributeName="transform" type="scale" from="1, 1" by="0, 1" dur="5s" />
+ </rect>
+ <rect fill="yellow" x="0" y="0" width="10" height="100">
+ <animateTransform attributeName="transform" type="scale" from="+1,+1" by=" +0, +1" dur="5s" />
+ </rect>
+
+ <rect fill="red" x="0" y="0" width="100" height="40">
+ <animateTransform attributeName="transform" type="scale" from="1,1" by="1,0" dur="5s" />
+ </rect>
+ <rect fill="green" x="0" y="0" width="100" height="30">
+ <animateTransform attributeName="transform" type="scale" from="1 1" by="1 0" dur="5s" />
+ </rect>
+ <rect fill="blue" x="0" y="0" width="100" height="20">
+ <animateTransform attributeName="transform" type="scale" from="1, 1" by="1, 0" dur="5s" />
+ </rect>
+ <rect fill="yellow" x="0" y="0" width="100" height="10">
+ <animateTransform attributeName="transform" type="scale" from="+1,+1" by=" +1, +0" dur="5s" />
+ </rect>
+ </g>
+
+ <g transform="translate(300, 300)">
+ <rect fill="none" stroke="black" stroke-width="3" x="0" y="0" width="200" height="200" />
+ <rect fill="red" x="0" y="0" width="100" height="100">
+ <animateTransform attributeName="transform" type="skewX" from="0" by="45" dur="5s" />
+ </rect>
+ <rect fill="green" x="0" y="0" width="50" height="100">
+ <animateTransform attributeName="transform" type="skewX" from="0" by=" 45" dur="5s" />
+ </rect>
+ <rect fill="blue" x="0" y="0" width="25" height="100">
+ <animateTransform attributeName="transform" type="skewX" from="0" by=" +45.0" dur="5s" />
+ </rect>
+ </g>
+</svg>
+
diff --git a/WebCore/manual-tests/animation/animateTransform-repeat-once.svg b/WebCore/manual-tests/animation/animateTransform-repeat-once.svg
new file mode 100644
index 0000000..b1951ba
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateTransform-repeat-once.svg
@@ -0,0 +1,8 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect fill='blue' width='100' height='100'>
+ <animateTransform attributeName="transform" type='translate' from='0,0' to='100,0' dur='2s' repeatCount='2' fill='freeze' />
+ </rect>
+ <text x='10' y='120'>
+ The rect should from 0,0 to 100,0 over 2 seconds, twice.
+ </text>
+</svg>
diff --git a/WebCore/manual-tests/animation/animateTransform-toanimation.svg b/WebCore/manual-tests/animation/animateTransform-toanimation.svg
new file mode 100644
index 0000000..b15ffd3
--- /dev/null
+++ b/WebCore/manual-tests/animation/animateTransform-toanimation.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="800px" height="600px">
+ <g transform="translate(10, 300)">
+ <rect fill="red" x="0" y="0" width="100" height="100">
+ <animateTransform attributeName="transform" type="scale" to="5" dur="5s" />
+ </rect>
+ </g>
+</svg>
+
diff --git a/WebCore/manual-tests/animation/set-to.svg b/WebCore/manual-tests/animation/set-to.svg
new file mode 100644
index 0000000..8b35459
--- /dev/null
+++ b/WebCore/manual-tests/animation/set-to.svg
@@ -0,0 +1,10 @@
+<svg xmlns='http://www.w3.org/2000/svg'>
+ <rect width='100' height='100' fill='red' />
+ <rect x='-100' width='100' height='100' fill='red'>
+ <set attributeName='x' to='0' dur='3s' />
+ <set attributeName='fill' to='green' dur='3s' />
+ </rect>
+ <text x='10' y='120'>
+ There should be a 100x100 green rect at 0,0.
+ </text>
+</svg>
generated by cgit v1.1 at 2024-09-15 13:30:24 +0000