gecko-dev/docshell/test/browser/browser_timelineMarkers-frame-03.js

/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

// This file expects frame-head.js to be loaded in the environment.
/* import-globals-from frame-head.js */

"use strict";

// Test that the docShell profile timeline API returns the right
// markers for DOM events.

var TESTS = [
  {
    desc: "Event dispatch with single handler",
    searchFor: "DOMEvent",
    setup(docShell) {
      content.document.body.addEventListener(
        "dog",
        function(e) {
          console.log("hi");
        },
        true
      );
      content.document.body.dispatchEvent(new content.Event("dog"));
    },
    check(markers) {
      markers = markers.filter(m => m.name == "DOMEvent");
      is(markers.length, 1, "Got 1 marker");
      is(markers[0].type, "dog", "Got dog event name");
      is(markers[0].eventPhase, 2, "Got phase 2");
    },
  },
  {
    desc: "Event dispatch with a second handler",
    searchFor(markers) {
      return markers.filter(m => m.name == "DOMEvent").length >= 2;
    },
    setup(docShell) {
      content.document.body.addEventListener("dog", function(e) {
        console.log("hi");
      });
      content.document.body.dispatchEvent(new content.Event("dog"));
    },
    check(markers) {
      markers = markers.filter(m => m.name == "DOMEvent");
      is(markers.length, 2, "Got 2 markers");
    },
  },
  {
    desc: "Event targeted at child",
    searchFor(markers) {
      return markers.filter(m => m.name == "DOMEvent").length >= 2;
    },
    setup(docShell) {
      let child = content.document.body.firstElementChild;
      child.addEventListener("dog", function(e) {});
      child.dispatchEvent(new content.Event("dog"));
    },
    check(markers) {
      markers = markers.filter(m => m.name == "DOMEvent");
      is(markers.length, 2, "Got 2 markers");
      is(markers[0].eventPhase, 1, "Got phase 1 marker");
      is(markers[1].eventPhase, 2, "Got phase 2 marker");
    },
  },
  {
    desc: "Event dispatch on a new document",
    searchFor(markers) {
      return markers.filter(m => m.name == "DOMEvent").length >= 2;
    },
    setup(docShell) {
      let doc = content.document.implementation.createHTMLDocument("doc");
      let p = doc.createElement("p");
      p.innerHTML = "inside";
      doc.body.appendChild(p);

      p.addEventListener("zebra", function(e) {
        console.log("hi");
      });
      p.dispatchEvent(new content.Event("zebra"));
    },
    check(markers) {
      markers = markers.filter(m => m.name == "DOMEvent");
      is(markers.length, 1, "Got 1 marker");
    },
  },
  {
    desc: "Event dispatch on window",
    searchFor(markers) {
      return markers.filter(m => m.name == "DOMEvent").length >= 2;
    },
    setup(docShell) {
      content.window.addEventListener("aardvark", function(e) {
        console.log("I like ants!");
      });

      content.window.dispatchEvent(new content.Event("aardvark"));
    },
    check(markers) {
      markers = markers.filter(m => m.name == "DOMEvent");
      is(markers.length, 1, "Got 1 marker");
    },
  },
];

timelineContentTest(TESTS);