Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(91)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side 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 unified diff | 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')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <html> 1 <html>
2 <head> 2 <head>
3 <script src="../../http/tests/inspector/inspector-test.js"></script> 3 <script src="../../http/tests/inspector/inspector-test.js"></script>
4 <script src="resources/jquery-1.11.3.min.js"></script>
4 <script> 5 <script>
5 function test() 6 function test()
6 { 7 {
7 var windowObject; 8 var windowObject;
8 var divWithHandlers; 9 var divWithHandlers;
9 var divWithoutHandlers; 10 var divWithoutHandlers;
10 11 var divWithJQueryHandlers;
11 function dumpListeners(next, listeners)
12 {
13 for (var i = 0; i < listeners.length; ++i) {
14 delete listeners[i]._location.scriptId;
15 var sourceName = listeners[i]._sourceName;
16 sourceName = sourceName.substr(sourceName.lastIndexOf('/') + 1);
17 listeners[i]._sourceName = sourceName;
18
19 InspectorTest.addResult("type: " + listeners[i].type());
20 InspectorTest.addResult("useCapture: " + listeners[i].useCapture());
21 InspectorTest.addResult("location: " + listeners[i].location().colum nNumber + ", " + listeners[i].location().lineNumber);
22 InspectorTest.addResult("handler: " + listeners[i].handler().descrip tion);
23 InspectorTest.addResult("sourceName: " + listeners[i].sourceName());
24 InspectorTest.addResult("");
25 }
26 next();
27 }
28 12
29 InspectorTest.runTestSuite([ 13 InspectorTest.runTestSuite([
30 function testSetUp(next) 14 function testSetUp(next)
31 { 15 {
32 InspectorTest.RuntimeAgent.evaluate("window", "get-event-listeners-t est", step1); 16 InspectorTest.RuntimeAgent.evaluate("window", "get-event-listeners-t est", step1);
33 17
34 function step1(error, result, wasThrown) 18 function step1(error, result, wasThrown)
35 { 19 {
36 windowObject = InspectorTest.runtimeModel.createRemoteObject(res ult); 20 windowObject = InspectorTest.runtimeModel.createRemoteObject(res ult);
37 InspectorTest.RuntimeAgent.evaluate("document.getElementById(\"w ith-handlers\")", "get-event-listeners-test", step2); 21 InspectorTest.RuntimeAgent.evaluate("document.getElementById(\"w ith-handlers\")", "get-event-listeners-test", step2);
38 } 22 }
39 23
40 function step2(error, result, wasThrown) 24 function step2(error, result, wasThrown)
41 { 25 {
42 divWithHandlers = InspectorTest.runtimeModel.createRemoteObject( result); 26 divWithHandlers = InspectorTest.runtimeModel.createRemoteObject( result);
43 InspectorTest.RuntimeAgent.evaluate("document.getElementById(\"w ithout-handlers\")", "get-event-listeners-test", step3); 27 InspectorTest.RuntimeAgent.evaluate("document.getElementById(\"w ithout-handlers\")", "get-event-listeners-test", step3);
44 } 28 }
45 29
46 function step3(error, result, wasThrown) 30 function step3(error, result, wasThrown)
47 { 31 {
48 divWithoutHandlers = InspectorTest.runtimeModel.createRemoteObje ct(result); 32 divWithoutHandlers = InspectorTest.runtimeModel.createRemoteObje ct(result);
33 InspectorTest.RuntimeAgent.evaluate("document.getElementById(\"j query-handlers\")", "get-event-listeners-test", step4);
34 }
35
36 function step4(error, result, wasThrown)
37 {
38 divWithJQueryHandlers = InspectorTest.runtimeModel.createRemoteO bject(result);
49 next(); 39 next();
50 } 40 }
41
51 }, 42 },
52 43
53 function testWindowEventListeners(next) 44 function testWindowEventListeners(next)
54 { 45 {
55 windowObject.eventListeners().then(dumpListeners.bind(this, next)); 46 windowObject.eventListeners().then(InspectorTest.dumpEventListeners. bind(this, next));
56 }, 47 },
57 48
58 function testDivEventListeners(next) 49 function testDivEventListeners(next)
59 { 50 {
60 divWithHandlers.eventListeners().then(dumpListeners.bind(this, next) ); 51 divWithHandlers.eventListeners().then(InspectorTest.dumpEventListene rs.bind(this, next));
61 }, 52 },
62 53
63 function testDivWithoutEventListeners(next) 54 function testDivWithoutEventListeners(next)
64 { 55 {
65 divWithoutHandlers.eventListeners().then(dumpListeners.bind(this, ne xt)); 56 divWithoutHandlers.eventListeners().then(InspectorTest.dumpEventList eners.bind(this, next));
57 },
58
59 function testDivJQueryEventListeners(next)
60 {
61 divWithJQueryHandlers.eventListeners().then(InspectorTest.dumpEventL isteners.bind(this, next));
66 } 62 }
67 ]); 63 ]);
68 } 64 }
69 65
70 </script> 66 </script>
71 </head> 67 </head>
72 <body> 68 <body>
73 <p> 69 <p>
74 Tests RemoteObject.eventListeners. 70 Tests RemoteObject.eventListeners.
75 </p> 71 </p>
76 <div id="with-handlers" onclick="return 42;"></div> 72 <div id="with-handlers" onclick="return 42;"></div>
77 <div id="without-handlers"></div> 73 <div id="without-handlers"></div>
74 <div id="jquery-handlers"></div>
78 <script> 75 <script>
79 function foo() {} 76 function foo() {}
80 function boo() {} 77 function boo() {}
81 window.addEventListener("scroll", foo, true); 78 window.addEventListener("scroll", foo, true);
82 document.getElementById("with-handlers").addEventListener("click", boo, true ); 79 document.getElementById("with-handlers").addEventListener("click", boo, true );
83 document.getElementById("with-handlers").addEventListener("mouseout", foo, f alse); 80 document.getElementById("with-handlers").addEventListener("mouseout", foo, f alse);
81
82 node = $("#jquery-handlers")[0];
83 $("#jquery-handlers").click(function(){ console.log("first jquery"); });
84 $("#jquery-handlers").click(function(){ console.log("second jquery"); });
85 node.addEventListener("click", function() { console.log("addEventListener"); });
86 node.onclick = function() { console.log("onclick"); };
87
84 runTest(); 88 runTest();
85 </script> 89 </script>
86 </body> 90 </body>
87 </html> 91 </html>
OLDNEW
« 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')

Powered by Google App Engine
This is Rietveld 408576698