Vue 已有项目集成 Cypress 做 E2E 自动化测试

一、项目集成

官方 vue-cli 已经提供了相应的 plugin：@vue/cli-plugin-e2e-cypress

已有项目集成，根据官方文档，直接执行如下命令即可：

npm install -g vue-cli  #先安装vue-cli
vue add @vue/e2e-cypress # 再安装插件

完成后如下图：

二、运行示例

npm run test:e2e

此命令会先启动 vue 的服务，然后再启动Cypress

点击 test.js 即可看到测试效果