使用 zuul 在浏览器中调试 javascript 待测代码 运行
debug javascript code under test running in the browser using zuul
- 我写了一个javascript组件,比方说在文件中
component.js
- 我已经编写了一些测试,假设在文件
test-component.js
中验证组件中发生的 DOM 操作。它使用 require('./component.js')
语句加载被测代码。
我正在使用 zuul 在本地浏览器中 运行 进行测试。
命令类似于:
zuul --local 8080 --ui mocha-tdd -- src/test/js/test-component.js
我正在使用 Chrome 并打开开发者工具 (F12) 浏览至 http://localhost:8080/__zuul
。
- 我可以使用 Chrome 调试
test-component.js
中的测试代码(它以与我的 IDE 中相同的格式显示)
现在我的问题是:当我在 Chrome 开发人员工具中打开 component.js
时,代码显示为缩小的(虽然没有混淆)。 Chrome 可以漂亮地打印这个缩小的文件,但是你不能添加断点,即使这样,几乎每两行代码之间也会插入一行,看起来像这样:
__cov_CgRFa1QfsDvBYUENO9jTSQ.s['119']++;
我很确定这是为了收集测试覆盖率信息。但这使得代码难以阅读。有没有一种方法可以 运行 zuul 而无需缩小和代码转换来添加代码覆盖语句?
Zuul Github wiki 指示使用 --no-coverage
关闭覆盖
- 我写了一个javascript组件,比方说在文件中
component.js
- 我已经编写了一些测试,假设在文件
test-component.js
中验证组件中发生的 DOM 操作。它使用require('./component.js')
语句加载被测代码。 我正在使用 zuul 在本地浏览器中 运行 进行测试。
命令类似于:zuul --local 8080 --ui mocha-tdd -- src/test/js/test-component.js
我正在使用 Chrome 并打开开发者工具 (F12) 浏览至
http://localhost:8080/__zuul
。- 我可以使用 Chrome 调试
test-component.js
中的测试代码(它以与我的 IDE 中相同的格式显示)
现在我的问题是:当我在 Chrome 开发人员工具中打开 component.js
时,代码显示为缩小的(虽然没有混淆)。 Chrome 可以漂亮地打印这个缩小的文件,但是你不能添加断点,即使这样,几乎每两行代码之间也会插入一行,看起来像这样:
__cov_CgRFa1QfsDvBYUENO9jTSQ.s['119']++;
我很确定这是为了收集测试覆盖率信息。但这使得代码难以阅读。有没有一种方法可以 运行 zuul 而无需缩小和代码转换来添加代码覆盖语句?
Zuul Github wiki 指示使用 --no-coverage
关闭覆盖