如何在Node.js 8.9.4旧Angular项目中使用兼容版Cypress？

结论：可以使用适配的旧版Cypress #

Node.js 8.9.4仅兼容Cypress 3.x系列（Cypress 4.0及以上要求Node.js 10+），其中3.8.3是最后一个支持Node.js 8的稳定版本，安装这个版本就能解决兼容性问题。

操作步骤 #

1. 安装指定版本的Cypress #

在项目根目录执行对应包管理器命令：

• npm：

npm install cypress@3.8.3 --save-dev

• yarn：

yarn add cypress@3.8.3 --dev

2. 验证安装有效性 #

执行命令启动Cypress：

npx cypress open

能正常打开Cypress测试工作台，就说明适配成功。

3. 适配旧Angular项目的测试要点 #

• 旧版Angular（包括AngularJS、Angular 2-7）的元素定位逻辑和现代版本差异不大，但要注意避免使用Cypress 4+新增的API：比如路由拦截在3.x中用cy.route()，而不是4.x的cy.intercept()；
• 针对AngularJS的ng-*属性，直接用属性选择器定位即可，示例：cy.get('[ng-click="submitForm()"]')；
• 若项目有自定义构建路径，在cypress.json中配置baseUrl指向你的应用服务地址，确保Cypress能访问到测试页面。

4. 锁定版本防自动升级 #

检查package.json的devDependencies，确保Cypress版本被固定为3.8.3（而非^3.8.3），防止后续包管理器更新时升级到不兼容版本：

{
  "devDependencies": {
    "cypress": "3.8.3"
  }
}

内容的提问来源于stack exchange，提问作者starr