third_party/WebKit/LayoutTests/inspector/sources/debugger/live-edit.html

   1 <html>
   2 <head>
   3 <script src="../../../http/tests/inspector/inspector-test.js"></script>
   4 <script src="../../../http/tests/inspector/debugger-test.js"></script>
   5 <script src="../../../http/tests/inspector/live-edit-test.js"></script>
   6 <script src="resources/edit-me.js"></script>
   7 <script src="resources/edit-me-syntax-error.js"></script>
   8 <script src="resources/edit-me-when-paused.js"></script>
   9
  10 <script>
  11
  12 function test()
  13 {
  14     var panel = WebInspector.panels.sources;
  15
  16     InspectorTest.runDebuggerTestSuite([
  17         function testLiveEdit(next)
  18         {
  19             InspectorTest.showScriptSource("edit-me.js", didShowScriptSource);
  20
  21             function didShowScriptSource(sourceFrame)
  22             {
  23                 replaceInSource(sourceFrame, "return 0;", "return \"live-edited string\";", didEditScriptSource);
  24             }
  25
  26             function didEditScriptSource()
  27             {
  28                 InspectorTest.evaluateInPage("f()", didEvaluateInPage)
  29             }
  30
  31             function didEvaluateInPage(result)
  32             {
  33                 InspectorTest.assertEquals("live-edited string", result.description, "edited function returns wrong result");
  34                 InspectorTest.dumpSourceFrameContents(panel.visibleView);
  35                 next();
  36             }
  37         },
  38
  39         function testLiveEditSyntaxError(next)
  40         {
  41             InspectorTest.showScriptSource("edit-me-syntax-error.js", didShowScriptSource);
  42
  43             function didShowScriptSource(sourceFrame)
  44             {
  45                 InspectorTest.replaceInSource(sourceFrame, ",\"I'm good\"", "\"I'm good\"");
  46                 InspectorTest.dumpSourceFrameContents(panel.visibleView);
  47                 next();
  48             }
  49         },
  50
  51         function testLiveEditWhenPaused(next)
  52         {
  53             InspectorTest.showScriptSource("edit-me-when-paused.js", didShowScriptSource);
  54
  55             function didShowScriptSource(sourceFrame)
  56             {
  57                 InspectorTest.waitUntilPaused(paused);
  58                 InspectorTest.evaluateInPage("f1()", didEvaluateInPage);
  59             }
  60
  61             function paused(callFrames)
  62             {
  63                 replaceInSource(panel.visibleView, "return 1;", "return 2;\n\n\n\n", didEditScriptSource);
  64             }
  65
  66             function didEditScriptSource()
  67             {
  68                 InspectorTest.resumeExecution();
  69             }
  70
  71             function didEvaluateInPage(result)
  72             {
  73                 InspectorTest.assertEquals("3", result.description, "edited function returns wrong result");
  74                 next();
  75             }
  76         },
  77
  78         function testNoCrashWhenOnlyOneFunctionOnStack(next)
  79         {
  80             InspectorTest.showScriptSource("edit-me-when-paused.js", didShowScriptSource);
  81
  82             function didShowScriptSource(sourceFrame)
  83             {
  84                 InspectorTest.waitUntilPaused(paused);
  85                 InspectorTest.evaluateInPage("setTimeout(f1, 0)");
  86             }
  87
  88             function paused(callFrames)
  89             {
  90                 InspectorTest.captureStackTrace(callFrames);
  91                 replaceInSource(panel.visibleView, "debugger;", "debugger;\n", didEditScriptSource);
  92             }
  93
  94             function didEditScriptSource()
  95             {
  96                 InspectorTest.resumeExecution(InspectorTest.waitUntilPaused.bind(InspectorTest, InspectorTest.resumeExecution.bind(InspectorTest, next)));
  97             }
  98         },
  99
 100         function testBreakpointsUpdated(next)
 101         {
 102             InspectorTest.showScriptSource("edit-me.js", didShowScriptSource);
 103
 104             function didShowScriptSource(sourceFrame)
 105             {
 106                 InspectorTest.addSniffer(sourceFrame, "_addBreakpointDecoration", breakpointAdded);
 107                 InspectorTest.setBreakpoint(sourceFrame, 2, "", true);
 108             }
 109
 110             function breakpointAdded()
 111             {
 112                 replaceInSource(panel.visibleView, "function f()", "function newFunctionCreatedWithLiveEdit()\n{\n}\nfunction f()", didEditScriptSource);
 113             }
 114
 115             function didEditScriptSource()
 116             {
 117                 var breakpoints = panel.visibleView._breakpoints;
 118                 for (var lineNumber in breakpoints)
 119                     InspectorTest.assertEquals("5", lineNumber);
 120                 next();
 121             }
 122         },
 123
 124         function testNoCrashWhenLiveEditOnBreakpoint(next)
 125         {
 126             InspectorTest.showScriptSource("edit-me.js", didShowScriptSource);
 127
 128             var testSourceFrame;
 129
 130             function didShowScriptSource(sourceFrame)
 131             {
 132                 testSourceFrame = sourceFrame;
 133                 InspectorTest.addSniffer(sourceFrame, "_addBreakpointDecoration", uiBreakpointAdded);
 134                 InspectorTest.setBreakpoint(sourceFrame, 3, "", true);
 135             }
 136
 137             function uiBreakpointAdded() {
 138                 InspectorTest.addSniffer(testSourceFrame, "_addBreakpointDecoration", breakpointAdded);
 139             }
 140
 141             function breakpointAdded()
 142             {
 143                 InspectorTest.waitUntilPaused(pausedInF);
 144                 InspectorTest.evaluateInPage("setTimeout(f, 0)");
 145             }
 146
 147             function pausedInF(callFrames)
 148             {
 149                 replaceInSource(panel.visibleView, "function f()", "function f()\n", didEditScriptSource);
 150             }
 151
 152             function didEditScriptSource()
 153             {
 154                 InspectorTest.resumeExecution(resumed);
 155             }
 156
 157             function resumed()
 158             {
 159                 next();
 160             }
 161         }
 162     ]);
 163
 164     function replaceInSource(sourceFrame, string, replacement, callback)
 165     {
 166         InspectorTest.addSniffer(InspectorTest.debuggerModel, "_didEditScriptSource", callback);
 167         InspectorTest.replaceInSource(sourceFrame, string, replacement);
 168         InspectorTest.commitSource(sourceFrame);
 169     }
 170 };
 171
 172 </script>
 173
 174 </head>
 175
 176 <body onload="runTest()">
 177 <p>Tests live edit feature.</p>
 178
 179 </body>
 180 </html>