如何在本地运行 Vue.js 应用程序并使用 npm 脚本按顺序运行 Cypress 测试

Posted 2023-02-22

【中文标题】如何在本地运行 Vue.js 应用程序并使用 npm 脚本按顺序运行 Cypress 测试

【英文标题】：How to run Vue.js app locally & run Cypress tests against it sequentially using npm script

【发布时间】：2022-01-17 21:37:26

【问题描述】：

我正在尝试在本地运行 Vue.js 应用程序(localhost:3000) 然后针对它运行 Cypress 测试。

下面是我package.json中的一些npm脚本：

"dev": "nuxt",
"cypress": "npx cypress open",
"localCypress": "npm run dev && npm run cypress"

当我自己运行上述dev 和cypress 命令时，它们按预期工作。

但是当我尝试使用localCypress 依次运行它们时，只有应用程序正在启动，并且赛普拉斯资源管理器没有打开（npm run cypress 部分似乎没有工作）。

有人可以指出为什么会发生这种情况以及我如何解决它吗？

【问题讨论】：

npm run dev命令运行后是退出还是继续运行？

【参考方案1】：

问题在于npm run dev 旋转服务器，这是一个长时间运行的进程，直到您手动停止它（或者如果它崩溃），它才会关闭。在这两种情况下，它都会返回一个不同于 0 的退出代码，因此 && 之后的第二个命令不会运行。

看看这个问题，看看如何并行运行两个 npm 进程： How can I run multiple npm scripts in parallel?