无网络环境下如何测试本地部署的Angular网站？

结论：完全可以在仅装有Angular和浏览器的无网络计算机上开展测试，核心是提前在有网络环境下准备好所有离线依赖，规避自动下载逻辑。以下是针对Karma（单元测试）和Protractor（端到端测试）的具体解决办法：

一、单元测试（Karma） #

Karma本身不依赖网络，但默认配置可能会尝试在线下载浏览器驱动或依赖包，按以下步骤处理：

• 提前在有网机器上完成项目依赖安装：执行npm install，确保karma、karma-chrome-launcher、测试框架（如jasmine-core）等所有依赖都已下载到node_modules，然后将整个node_modules文件夹打包拷贝到无网络机器的项目根目录。
• 确认无网络机器上预装的浏览器（如Chrome）版本，提前下载对应版本的ChromeDriver，放到项目本地目录（比如./drivers/chromedriver）。
• 修改karma.conf.js配置：
  • 指定ChromeDriver路径：chromeDriver: './drivers/chromedriver'
  • 禁用自动下载：确保配置中没有开启自动下载驱动的选项，部分版本的karma-chrome-launcher默认会自动下载，需手动关闭。

二、端到端测试（Protractor） #

Protractor的卡点在于Selenium Server和浏览器驱动的自动下载，解决办法是本地化所有组件：

• 提前在有网环境下载对应版本的selenium-server-standalone.jar和匹配浏览器版本的驱动（如ChromeDriver），拷贝到无网络机器的项目目录。
• 修改protractor.conf.js配置：
  • 直接连接浏览器（推荐）：将directConnect设为true，此模式下无需启动Selenium Server，直接调用本地浏览器驱动，需确保驱动路径已正确配置：chromeDriver: './drivers/chromedriver'
  • 若必须使用Selenium Server：设置seleniumServerJar: './drivers/selenium-server-standalone.jar'，同时禁用自动下载逻辑。

三、关键注意事项 #

• 版本兼容性：浏览器版本必须和对应的驱动版本严格匹配，否则会出现启动失败或测试挂起的问题。
• 预验证：在有网环境下先确保测试脚本可以正常运行，再迁移到无网络机器，排除脚本本身的错误。
• 依赖完整性：拷贝node_modules时要确保所有依赖都完整，避免遗漏子依赖导致的安装失败。

内容的提问来源于stack exchange，提问作者Marc Le Bihan