使用 zuul 在浏览器中调试 javascript 待测代码 运行

debug javascript code under test running in the browser using zuul

  1. 我写了一个javascript组件,比方说在文件中 component.js
  2. 我已经编写了一些测试,假设在文件 test-component.js 中验证组件中发生的 DOM 操作。它使用 require('./component.js') 语句加载被测代码。
  3. 我正在使用 zuul 在本地浏览器中 运行 进行测试。
    命令类似于:

    zuul --local 8080 --ui mocha-tdd -- src/test/js/test-component.js

  4. 我正在使用 Chrome 并打开开发者工具 (F12) 浏览至 http://localhost:8080/__zuul

  5. 我可以使用 Chrome 调试 test-component.js 中的测试代码(它以与我的 IDE 中相同的格式显示)

现在我的问题是:当我在 Chrome 开发人员工具中打开 component.js 时,代码显示为缩小的(虽然没有混淆)。 Chrome 可以漂亮地打印这个缩小的文件,但是你不能添加断点,即使这样,几乎每两行代码之间也会插入一行,看起来像这样:

__cov_CgRFa1QfsDvBYUENO9jTSQ.s['119']++;

我很确定这是为了收集测试覆盖率信息。但这使得代码难以阅读。有没有一种方法可以 运行 zuul 而无需缩小和代码转换来添加代码覆盖语句?

Zuul Github wiki 指示使用 --no-coverage

关闭覆盖

https://github.com/defunctzombie/zuul/wiki/debugging-zuul