gecko-dev/browser/devtools/markupview/test/browser_markupview_events.js

/* vim: set ts=2 et sw=2 tw=80: */
/* Any copyright is dedicated to the Public Domain.
 http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

// Test that markup view event bubbles show the correct event info for DOM
// events.

const TEST_URL = TEST_URL_ROOT + "doc_markup_events.html";

loadHelperScript("helper_events_test_runner.js");

const TEST_DATA = [
  {
    selector: "html",
    expected: [
      {
        type: "load",
        filename: TEST_URL,
        attributes: [
          "Bubbling",
          "DOM0"
        ],
        handler: "init();"
      }
    ]
  },
  {
    selector: "#container",
    expected: [
      {
        type: "mouseover",
        filename: TEST_URL + ":62",
        attributes: [
          "Capturing",
          "DOM2"
        ],
        handler: 'function mouseoverHandler(event) {\n' +
                 '  if (event.target.id !== "container") {\n' +
                 '    let output = document.getElementById("output");\n' +
                 '    output.textContent = event.target.textContent;\n' +
                 '  }\n' +
                 '}'
      }
    ]
  },
  {
    selector: "#multiple",
    expected: [
      {
        type: "click",
        filename: TEST_URL + ":69",
        attributes: [
          "Bubbling",
          "DOM2"
        ],
        handler: 'function clickHandler(event) {\n' +
                 '  let output = document.getElementById("output");\n' +
                 '  output.textContent = "click";\n' +
                 '}'
      },
      {
        type: "mouseup",
        filename: TEST_URL + ":78",
        attributes: [
          "Bubbling",
          "DOM2"
        ],
        handler: 'function mouseupHandler(event) {\n' +
                 '  let output = document.getElementById("output");\n' +
                 '  output.textContent = "mouseup";\n' +
                 '}'
      }
    ]
  },
  {
    selector: "#DOM0",
    expected: [
      {
        type: "click",
        filename: TEST_URL,
        attributes: [
          "Bubbling",
          "DOM0"
        ],
        handler: "alert('hi')"
      }
    ]
  },
  {
    selector: "#handleevent",
    expected: [
      {
        type: "click",
        filename: TEST_URL + ":89",
        attributes: [
          "Bubbling",
          "DOM2"
        ],
        handler: 'handleEvent: function(blah) {\n' +
                 '  alert("handleEvent clicked");\n' +
                 '}'
      }
    ]
  },
  {
    selector: "#fatarrow",
    expected: [
      {
        type: "click",
        filename: TEST_URL + ":57",
        attributes: [
          "Bubbling",
          "DOM2"
        ],
        handler: 'event => {\n' +
                 '  alert("Yay for the fat arrow!");\n' +
                 '}'
      }
    ]
  },
  {
    selector: "#boundhe",
    expected: [
      {
        type: "click",
        filename: TEST_URL + ":101",
        attributes: [
          "Bubbling",
          "DOM2"
        ],
        handler: 'handleEvent: function() {\n' +
                 '  alert("boundHandleEvent clicked");\n' +
                 '}'
      }
    ]
  },
  {
    selector: "#bound",
    expected: [
      {
        type: "click",
        filename: TEST_URL + ":74",
        attributes: [
          "Bubbling",
          "DOM2"
        ],
        handler: 'function boundClickHandler(event) {\n' +
                 '  alert("Bound event clicked");\n' +
                 '}'
      }
    ]
  },
];

let test = asyncTest(runEventPopupTests);