summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/svg/animations/interval-restart-events.html
blob: 3c3ad89a3230bb03048dc3fc9727558de511bee9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<title>Event dispatching on interval restart</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<svg height="0">
  <rect width="100" height="100" fill="blue">
    <animate attributeName="x" begin="0s; 10ms" end="20ms" from="0" to="100"
             id="target"/>
    <set attributeName="visibility" begin="0s" end="50ms" from="visible" to="visible"
         id="timekeeper"/>
  </rect>
</svg>
<script>
  async_test(t => {
    let begin_count = 0, end_count = 0;
    let target = document.getElementById("target");
    target.addEventListener("beginEvent", t.step_func(() => {
      begin_count++;
    }));
    target.addEventListener("endEvent", t.step_func(() => {
      end_count++;
    }));
    let timekeeper = document.getElementById("timekeeper");
    timekeeper.addEventListener("endEvent", t.step_func(() => {
      requestAnimationFrame(t.step_func_done(() => {
        assert_equals(begin_count, end_count);
      }));
    }));
  });
</script>