Skip to main content

Browse the archive

https://github.com/web-platform-tests/wpt
26 December 2018, 22:31:15 UTC
Raw File
Tip revision: 617fbe23dc89c0e48f443e4d3a6e918d7bdc3022 authored by Anne van Kesteren on 28 September 2016, 13:24:58 UTC
WIP
Tip revision: 617fbe2
po-mark-measure.html 
<!DOCTYPE HTML>
<meta charset=utf-8>
<title>PerformanceObservers: mark and measure</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="performanceobservers.js"></script>
<h1>PerformanceObservers: mark and measure</h1>
<p>
Performance.mark() and Performance.measure() will <a href="https://w3c.github.io/performance-timeline/#dfn-queue-a-performanceentry">queue a PerformanceEntry</a>.
</p>
<div id="log"></div>
<script>
  async_test(function (t) {
    var stored_entries = [];
    var observer  = new PerformanceObserver(
        t.step_func(function (entryList, obs) {
          stored_entries =
            stored_entries.concat(entryList.getEntries());
          if (stored_entries.length >= 4) {
            checkEntries(stored_entries,
              [{ entryType: "mark", name: "mark1"},
              { entryType: "mark", name: "mark2"},
              { entryType: "measure", name: "measure1"},
              { entryType: "measure", name: "measure2"}]);
            observer.disconnect();
            t.done();
          }
        })
      );
    observer.observe({entryTypes: ["mark", "measure"]});
  }, "entries are observable");

  async_test(function (t) {
    var mark_entries = [];
    var observer = new PerformanceObserver(
        t.step_func(function (entryList, obs) {
          mark_entries =
            mark_entries.concat(entryList.getEntries());
          if (mark_entries.length >= 2) {
            checkEntries(mark_entries,
              [{ entryType: "mark", name: "mark1"},
              { entryType: "mark", name: "mark2"}]);
            observer.disconnect();
            t.done();
          }
        })
      );
    observer.observe({entryTypes: ["mark"]});
    performance.mark("mark1");
    performance.mark("mark2");
  }, "mark entries are observable");

  async_test(function (t) {
    var measure_entries = [];
    var observer = new PerformanceObserver(
        t.step_func(function (entryList, obs) {
          measure_entries =
            measure_entries.concat(entryList.getEntries());
          if (measure_entries.length >= 2) {
            checkEntries(measure_entries,
              [{ entryType: "measure", name: "measure1"},
              { entryType: "measure", name: "measure2"}]);
            observer.disconnect();
            t.done();
          }
        })
      );
    observer.observe({entryTypes: ["measure"]});
    performance.measure("measure1");
    performance.measure("measure2");
  }, "measure entries are observable");
</script>
back to top