<!DOCTYPE html>
<title>Timed element not active after first interval active duration changes to unresolved</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<svg>
<rect width="100" height="100" fill="green">
<set attributeName="fill" to="red" fill="freeze"
begin="click" end="click" dur="100ms" repeatCount="indefinite"/>
</rect>
</svg>
<script>
async_test(function(t) {
let set = document.querySelector('set');
window.onload = t.step_func(function() {
t.step_timeout(function() {
set.setAttribute('begin', '-100ms');
set.setAttribute('begin', 'click');
set.parentNode.appendChild(set);
set.setAttribute('end', '-100ms');
set.setAttribute('end', 'click');
window.requestAnimationFrame(t.step_func_done(function() {
let target = set.targetElement;
assert_equals(getComputedStyle(target).fill, 'rgb(0, 128, 0)');
}));
}, 0);
});
});
</script>