配置Heroku CI：如何使用Docker镜像执行Webdriver测试验证代码？

我来帮你梳理下Heroku CI配置Webdriver自动化测试的具体思路，结合你提到的Docker镜像需求一步步拆解：

先明确核心结论：Heroku CI支持Docker镜像 #

Heroku CI的test-setup阶段确实可以使用Docker镜像，不过有几个关键限制需要注意：

• 仅支持单个容器运行，不能用Docker Compose编排多容器
• 镜像必须是公开可访问的（比如Docker Hub上的官方镜像）
• 需要在app.json中正确配置测试阶段的启动命令与环境变量

适配selenium镜像的app.json配置示例 #

假设你的app.json需要补充测试环境的配置，这里给出适配selenium/standalone-chrome-debug镜像的完整示例：

{
  "name": "你的应用名称",
  "environments": {
    "test": {
      "scripts": {
        "test-setup": "docker run -d -p 4444:4444 selenium/standalone-chrome-debug:latest",
        "test": "sleep 5 && npm run test-webdriver" // sleep是给selenium服务留启动时间，替换成你的实际测试命令
      },
      "env": {
        "SELENIUM_REMOTE_URL": "http://localhost:4444/wd/hub"
      },
      "formation": {
        "test": {
          "quantity": 1,
          "size": "hobby" // 若测试资源不足，可升级为standard-1x
        }
      }
    }
  }
}

关键配置细节说明： #

• test-setup阶段：用docker run -d后台启动selenium镜像，映射默认的4444端口用于Webdriver连接
• 环境变量SELENIUM_REMOTE_URL：让你的测试代码知道要连接本地启动的selenium服务，避免硬编码地址
• 测试代码适配：确保你的测试脚本读取这个环境变量初始化Webdriver，比如JS示例：

// 示例Node.js测试代码
const { Builder } = require('selenium-webdriver');
const chrome = require('selenium-webdriver/chrome');

async function runTest() {
  const driver = await new Builder()
    .forBrowser('chrome')
    .usingServer(process.env.SELENIUM_REMOTE_URL)
    .setChromeOptions(new chrome.Options())
    .build();
  // 你的测试逻辑...
}

常见问题与解决方法 #

1. 连接超时或selenium服务未就绪：

   • 在test命令前增加sleep 5（或更长时间），给selenium容器足够的启动初始化时间
   • 查看Heroku CI日志中test-setup阶段的输出，确认镜像是否成功拉取并启动

2. Chrome运行崩溃：

   • 若使用hobby规格的测试实例，可能内存不足，可将formation.test.size改为standard-1x
   • 在ChromeOptions中添加无头模式配置：new chrome.Options().addArguments('--headless=new')

3. 镜像拉取失败：

   • 指定具体的镜像tag（比如selenium/standalone-chrome-debug:4.15.0），避免latest版本的拉取延迟或兼容性问题

验证配置的步骤 #

1. 本地模拟CI流程：执行heroku ci:run test命令，查看本地日志是否正常启动容器并运行测试
2. 提交代码触发CI：推送代码到Heroku关联仓库，观察CI流水线的test-setup和test阶段日志，确认整个流程跑通

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