summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/svg/animations
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/svg/animations')
-rw-r--r--testing/web-platform/tests/svg/animations/repeatcount-attribute-mutation.html19
-rw-r--r--testing/web-platform/tests/svg/animations/stop-animation-01.html21
2 files changed, 40 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/animations/repeatcount-attribute-mutation.html b/testing/web-platform/tests/svg/animations/repeatcount-attribute-mutation.html
new file mode 100644
index 0000000000..fd4952b4ba
--- /dev/null
+++ b/testing/web-platform/tests/svg/animations/repeatcount-attribute-mutation.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<title>Mutating the 'repeatCount' attribute after the element has been inserted</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<svg height="0">
+ <rect width="10" height="100" fill="blue">
+ <animate id="anim" attributeName="width" from="10" to="100" dur="10ms"
+ repeatCount="indefinite"/>
+ </rect>
+</svg>
+<script>
+ promise_test(t => {
+ const anim = document.getElementById("anim");
+ anim.removeAttribute('repeatCount');
+
+ const watcher = new EventWatcher(t, anim, ['endEvent', 'repeatEvent']);
+ return watcher.wait_for('endEvent');
+ });
+</script>
diff --git a/testing/web-platform/tests/svg/animations/stop-animation-01.html b/testing/web-platform/tests/svg/animations/stop-animation-01.html
new file mode 100644
index 0000000000..d240c51142
--- /dev/null
+++ b/testing/web-platform/tests/svg/animations/stop-animation-01.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html class="reftest-wait">
+<title>Animate a &lt;stop> element</title>
+<link rel="match" href="../struct/reftests/reference/green-100x100.html">
+<script src="/common/reftest-wait.js"></script>
+<script src="/common/rendering-utils.js"></script>
+<script>
+function test() {
+ waitForAtLeastOneFrame().then(takeScreenshot);
+}
+</script>
+<svg>
+ <linearGradient id="g">
+ <stop stop-color="red">
+ <animate attributeName="stop-color" values="red; green" dur="1s"
+ keyTimes="0; 0.01" fill="freeze" calcMode="discrete"
+ onbegin="test()"/>
+ </stop>
+ </linearGradient>
+ <rect width="100" height="100" fill="url(#g)"/>
+</svg>