javascript - 使用 Karma 运行测试时使用 PhantomJS 单步执行代码

Question

我在 PhantomJS 上使用 Karma 运行我的测试，并且面临异步运行循环问题。我想知道在测试运行时是否有交互调试代码(单步调试)的方法。

非常感谢任何帮助。

Answer 1

如果您使用 karma-phantomjs-launcher npm 包在你的 karma 测试中，你可以在 karma.conf.js 文件中添加以下代码片段以在调试器模式下运行 PhantomJS:

browsers: ['PhantomJS_custom'],

// you can define custom flags
customLaunchers: {
  'PhantomJS_custom': {
    base: 'PhantomJS',
    debug: true
  }
}

在此之后，编写一个 debugger; 语句，在您要在代码中放置断点的位置。

现在，当您启动 karma 测试运行器时，您会看到 PhantomJS 正在等待您的浏览器连接到调试器端口以开始执行测试。

29 12 2016 13:14:25.269:INFO [launcher]: Starting browser PhantomJS
29 12 2016 13:14:25.325:INFO [phantomjs.launcher]: ACTION REQUIRED:
29 12 2016 13:14:25.325:INFO [phantomjs.launcher]: 
29 12 2016 13:14:25.326:INFO [phantomjs.launcher]:   Launch browser at
29 12 2016 13:14:25.326:INFO [phantomjs.launcher]:   http://localhost:9000/webkit/inspector/inspector.html?page=2
29 12 2016 13:14:25.326:INFO [phantomjs.launcher]: 
29 12 2016 13:14:25.326:INFO [phantomjs.launcher]: Waiting 15 seconds ...

将您的 chrome 指向日志中指定的地址。现在，您将看到一个由 Phantomjs 提供的调试器界面。代码在 PhantomJS 引擎中执行，但您可以从任何基于 webkit 的浏览器观察断点、评估表达式并执行许多调试操作。