summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/svg/animations/cyclic-syncbase-2.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/svg/animations/cyclic-syncbase-2.html')
-rw-r--r--testing/web-platform/tests/svg/animations/cyclic-syncbase-2.html29
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/svg/animations/cyclic-syncbase-2.html b/testing/web-platform/tests/svg/animations/cyclic-syncbase-2.html
new file mode 100644
index 0000000000..7e27f469e8
--- /dev/null
+++ b/testing/web-platform/tests/svg/animations/cyclic-syncbase-2.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<title>Cyclic syncbase dependency with syncbase trigger</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<svg>
+ <rect width="100" height="100" fill="blue">
+ <animate attributeName="fill" from="yellow" to="blue" id="a"
+ begin="c.end; b.begin" dur="10ms"/>
+ </rect>
+ <rect width="100" height="100" x="100" fill="blue">
+ <animate attributeName="fill" from="yellow" to="blue" id="b"
+ begin="c.end; a.begin" dur="10ms"/>
+ </rect>
+ <rect width="100" height="100" x="200" fill="blue">
+ <animate attributeName="fill" from="yellow" to="blue" id="c"
+ begin="0; 15ms" dur="10ms"/>
+ </rect>
+</svg>
+<script>
+ async_test(function(t) {
+ let a = document.getElementById('a');
+ a.begun = 0;
+ a.addEventListener('beginEvent', t.step_func(function() {
+ a.begun++;
+ if (a.begun === 2)
+ t.done();
+ }));
+ });
+</script>