<!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>