| OLD | NEW |
| 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="../../../http/tests/inspector/debugger-test.js"></script> | 4 <script src="../../../http/tests/inspector/debugger-test.js"></script> |
| 5 <script> | 5 <script> |
| 6 | 6 |
| 7 function testFunction() { | 7 function testFunction() |
| 8 { |
| 8 var proto = Object.create(HTMLElement.prototype); | 9 var proto = Object.create(HTMLElement.prototype); |
| 9 proto.createdCallback = function createdCallback() { | 10 proto.createdCallback = function createdCallback() |
| 11 { |
| 10 output('Invoked createdCallback.'); | 12 output('Invoked createdCallback.'); |
| 11 }; | 13 }; |
| 12 proto.attachedCallback = function attachedCallback() { | 14 proto.attachedCallback = function attachedCallback() |
| 15 { |
| 13 output('Invoked attachedCallback.'); | 16 output('Invoked attachedCallback.'); |
| 14 }; | 17 }; |
| 15 proto.detachedCallback = function detachedCallback() { | 18 proto.detachedCallback = function detachedCallback() |
| 19 { |
| 16 output('Invoked detachedCallback.'); | 20 output('Invoked detachedCallback.'); |
| 17 }; | 21 }; |
| 18 proto.attributeChangedCallback = function attributeChangedCallback() { | 22 proto.attributeChangedCallback = function attributeChangedCallback() |
| 23 { |
| 19 output('Invoked attributeChangedCallback.'); | 24 output('Invoked attributeChangedCallback.'); |
| 20 }; | 25 }; |
| 21 var FooElement = document.registerElement('x-foo', { prototype: proto }); | 26 var FooElement = document.registerElement('x-foo', { prototype: proto }); |
| 22 debugger; | 27 debugger; |
| 23 var foo = new FooElement(); | 28 var foo = new FooElement(); |
| 24 debugger; | 29 debugger; |
| 25 foo.setAttribute('a', 'b'); | 30 foo.setAttribute('a', 'b'); |
| 26 debugger; | 31 debugger; |
| 27 document.body.appendChild(foo); | 32 document.body.appendChild(foo); |
| 28 debugger; | 33 debugger; |
| 29 foo.remove(); | 34 foo.remove(); |
| 30 } | 35 } |
| 31 | 36 |
| 32 var test = function() { | 37 function test() |
| 38 { |
| 33 InspectorTest.startDebuggerTest(step1, true); | 39 InspectorTest.startDebuggerTest(step1, true); |
| 34 | 40 |
| 35 function step1() | 41 function step1() |
| 36 { | 42 { |
| 37 InspectorTest.runTestFunctionAndWaitUntilPaused(step2); | 43 InspectorTest.runTestFunctionAndWaitUntilPaused(step2); |
| 38 } | 44 } |
| 39 | 45 |
| 40 function checkTopFrameFunction(callFrames, expectedName) | 46 function checkTopFrameFunction(callFrames, expectedName) |
| 41 { | 47 { |
| 42 var topFunctionName = callFrames[0].functionName; | 48 var topFunctionName = callFrames[0].functionName; |
| (...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 102 } | 108 } |
| 103 } | 109 } |
| 104 | 110 |
| 105 </script> | 111 </script> |
| 106 </head> | 112 </head> |
| 107 | 113 |
| 108 <body onload="runTest()"> | 114 <body onload="runTest()"> |
| 109 <p> | 115 <p> |
| 110 Tests that stepping into custom element methods will lead to a pause in the call
backs. | 116 Tests that stepping into custom element methods will lead to a pause in the call
backs. |
| 111 </p> | 117 </p> |
| 112 | |
| 113 </body> | 118 </body> |
| 114 </html> | 119 </html> |
| OLD | NEW |