如何在 WebStorm 中调试 Vue.js e2e 测试?

How to debug Vue.js e2e tests in WebStorm?

我一直在尝试在 WebStorm(或 IntelliJ Ultimate)的 Vue.js 应用程序中为 e2e 测试添加“Debug Configuration”。

在遵循解决该问题的 their blog post 之后,单元测试很容易完成。

但是,我也想在运行 e2e 测试时使用断点。我遇到的所有文章和搜索结果都只提到了这种情况下的单元测试,但肯定其他人正在使用他们的 Jetbrains IDE 在 Vue 应用程序中调试 e2e 测试?

如何配置我的 IDE 的调试配置,以便我可以在我的 Vue 应用程序的 e2e 测试中命中断点?

目前没有提供对Nightwatch测试框架的特殊支持;如果您错过了它,请投票给 WEB-16510 以提高其优先级,并在其任何进展时收到通知。

Nightwatch wiki 提供了将其与 Webstorm 集成的分步说明 IDE - 请参阅 https://github.com/nightwatchjs/nightwatch/wiki/Debugging-Nightwatch-tests-in-WebStorm

但是,在 Vue 项目中,e2e 测试通常是 运行 和 vue-cli-service,我建议使用适合我的不同设置: