LayoutTests/inspector/domdebugger/domdebugger-getEventListeners.html - Issue 1268353005: [DevTools] Support JQuery event listeners

Unified Diff: LayoutTests/inspector/domdebugger/domdebugger-getEventListeners.html

Issue 1268353005: [DevTools] Support JQuery event listeners (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master

Patch Set: Created 5 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View side-by-side diff with in-line comments

Download patch

« no previous file with comments | « LayoutTests/http/tests/inspector/inspector-test.js ('k') | LayoutTests/inspector/domdebugger/domdebugger-getEventListeners-expected.txt » ('j') | LayoutTests/inspector/domdebugger/domdebugger-getEventListeners-jquery2.html » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

Index: LayoutTests/inspector/domdebugger/domdebugger-getEventListeners.html

diff --git a/LayoutTests/inspector/domdebugger/domdebugger-getEventListeners.html b/LayoutTests/inspector/domdebugger/domdebugger-getEventListeners.html

index d8e0ac47ad0350f60a4aaf60c1e712b8c3bb6406..cc997ebac4a5daa2a61601f62125f0951d7cb555 100644

--- a/LayoutTests/inspector/domdebugger/domdebugger-getEventListeners.html

+++ b/LayoutTests/inspector/domdebugger/domdebugger-getEventListeners.html

@@ -1,30 +1,14 @@

<html>

<head>

+<script src="resources/jquery-1.11.3.min.js"></script>

function test()

{

var windowObject;

var divWithHandlers;

var divWithoutHandlers;

- function dumpListeners(next, listeners)

- {

- for (var i = 0; i < listeners.length; ++i) {

- delete listeners[i]._location.scriptId;

- var sourceName = listeners[i]._sourceName;

- sourceName = sourceName.substr(sourceName.lastIndexOf('/') + 1);

- listeners[i]._sourceName = sourceName;

- InspectorTest.addResult("type: " + listeners[i].type());

- InspectorTest.addResult("useCapture: " + listeners[i].useCapture());

- InspectorTest.addResult("location: " + listeners[i].location().columnNumber + ", " + listeners[i].location().lineNumber);

- InspectorTest.addResult("handler: " + listeners[i].handler().description);

- InspectorTest.addResult("sourceName: " + listeners[i].sourceName());

- InspectorTest.addResult("");

- }

- next();

- }

+ var divWithJQueryHandlers;

InspectorTest.runTestSuite([

function testSetUp(next)

@@ -46,23 +30,35 @@ function test()

function step3(error, result, wasThrown)

{

divWithoutHandlers = InspectorTest.runtimeModel.createRemoteObject(result);

+ InspectorTest.RuntimeAgent.evaluate("document.getElementById(\"jquery-handlers\")", "get-event-listeners-test", step4);

+ }

+ function step4(error, result, wasThrown)

+ {

+ divWithJQueryHandlers = InspectorTest.runtimeModel.createRemoteObject(result);

next();

}

function testWindowEventListeners(next)

{

- windowObject.eventListeners().then(dumpListeners.bind(this, next));

+ windowObject.eventListeners().then(InspectorTest.dumpEventListeners.bind(this, next));

function testDivEventListeners(next)

{

- divWithHandlers.eventListeners().then(dumpListeners.bind(this, next));

+ divWithHandlers.eventListeners().then(InspectorTest.dumpEventListeners.bind(this, next));

function testDivWithoutEventListeners(next)

{

- divWithoutHandlers.eventListeners().then(dumpListeners.bind(this, next));

+ divWithoutHandlers.eventListeners().then(InspectorTest.dumpEventListeners.bind(this, next));

+ },

+ function testDivJQueryEventListeners(next)

+ {

+ divWithJQueryHandlers.eventListeners().then(InspectorTest.dumpEventListeners.bind(this, next));

}

]);

}

@@ -75,12 +71,20 @@ Tests RemoteObject.eventListeners.

</p>

+<div id="jquery-handlers"></div>

function foo() {}

function boo() {}

window.addEventListener("scroll", foo, true);

document.getElementById("with-handlers").addEventListener("click", boo, true);

document.getElementById("with-handlers").addEventListener("mouseout", foo, false);

+ node = $("#jquery-handlers")[0];

+ $("#jquery-handlers").click(function(){ console.log("first jquery"); });

+ $("#jquery-handlers").click(function(){ console.log("second jquery"); });

+ node.addEventListener("click", function() { console.log("addEventListener"); });

+ node.onclick = function() { console.log("onclick"); };

runTest();

</script>

</body>