1 files changed, 123 insertions, 0 deletions
diff --git a/devtools/client/inspector/markup/test/browser_markup_events_02.js b/devtools/client/inspector/markup/test/browser_markup_events_02.js
new file mode 100644
index 0000000000..44840179d2
--- /dev/null
+++ b/devtools/client/inspector/markup/test/browser_markup_events_02.js
@@ -0,0 +1,123 @@
+/* Any copyright is dedicated to the Public Domain.
+ http://creativecommons.org/publicdomain/zero/1.0/ */
+/* import-globals-from helper_events_test_runner.js */
+
+"use strict";
+
+// Test that markup view event bubbles show the correct event info for DOM
+// events.
+
+const TEST_URL = URL_ROOT_SSL + "doc_markup_events_02.html";
+
+loadHelperScript("helper_events_test_runner.js");
+
+const TEST_DATA = [
+  {
+    selector: "#fatarrow",
+    expected: [
+      {
+        type: "click",
+        filename: TEST_URL + ":42:43",
+        attributes: ["Bubbling"],
+        handler: "() => {\n" + '  alert("Fat arrow without params!");\n' + "}",
+      },
+      {
+        type: "click",
+        filename: TEST_URL + ":46:43",
+        attributes: ["Bubbling"],
+        handler: "event => {\n" + '  alert("Fat arrow with 1 param!");\n' + "}",
+      },
+      {
+        type: "click",
+        filename: TEST_URL + ":50:43",
+        attributes: ["Bubbling"],
+        handler:
+          "(event, foo, bar) => {\n" +
+          '  alert("Fat arrow with 3 params!");\n' +
+          "}",
+      },
+      {
+        type: "click",
+        filename: TEST_URL + ":54:43",
+        attributes: ["Bubbling"],
+        handler: "b => b",
+      },
+    ],
+  },
+  {
+    selector: "#bound",
+    expected: [
+      {
+        type: "click",
+        filename: TEST_URL + ":65:32",
+        attributes: ["Bubbling"],
+        handler: "function(event) {\n" + '  alert("Bound event");\n' + "}",
+      },
+    ],
+  },
+  {
+    selector: "#boundhe",
+    expected: [
+      {
+        type: "click",
+        filename: TEST_URL + ":89:19",
+        attributes: ["Bubbling"],
+        handler: "function() {\n" + '  alert("boundHandleEvent");\n' + "}",
+      },
+    ],
+  },
+  {
+    selector: "#comment-inline",
+    expected: [
+      {
+        type: "click",
+        filename: TEST_URL + ":95:47",
+        attributes: ["Bubbling"],
+        handler:
+          "function functionProceededByInlineComment() {\n" +
+          '  alert("comment-inline");\n' +
+          "}",
+      },
+    ],
+  },
+  {
+    selector: "#comment-streaming",
+    expected: [
+      {
+        type: "click",
+        filename: TEST_URL + ":100:50",
+        attributes: ["Bubbling"],
+        handler:
+          "function functionProceededByStreamingComment() {\n" +
+          '  alert("comment-streaming");\n' +
+          "}",
+      },
+    ],
+  },
+  {
+    selector: "#anon-object-method",
+    expected: [
+      {
+        type: "click",
+        filename: TEST_URL + ":75:34",
+        attributes: ["Bubbling"],
+        handler: "function() {\n" + '  alert("obj.anonObjectMethod");\n' + "}",
+      },
+    ],
+  },
+  {
+    selector: "#object-method",
+    expected: [
+      {
+        type: "click",
+        filename: TEST_URL + ":79:34",
+        attributes: ["Bubbling"],
+        handler: "function kay() {\n" + '  alert("obj.objectMethod");\n' + "}",
+      },
+    ],
+  },
+];
+
+add_task(async function () {
+  await runEventPopupTests(TEST_URL, TEST_DATA);
+});