15

我正在尝试从 PhantomJS 迁移到 Headless Chrome，但遇到了一些障碍。对于本地测试，我使用 Docker Compose 来启动并运行所有相关服务。为了配置 Google Chrome，我使用了一个将它和 ChromeDriver 捆绑在一起的图像，同时在 port 上提供它4444。docker-compose.yml然后，我在这个简化的文件中将它链接到我的应用程序容器，如下所示：

web:
    image: web/chrome-headless
    command: [js-specs]
    stdin_open: true
    tty: true
    environment:
        - RACK_ENV=test
        - RAILS_ENV=test
    links:
        - "chromedriver:chromedriver"

chromedriver:
    image: robcherry/docker-chromedriver:latest
    ports: 
        - "4444"
    cap_add: 
        - SYS_ADMIN
    environment:
        CHROMEDRIVER_WHITELISTED_IPS: ""

然后，我有一个spec/spec_helper.rb引导测试环境和相关工具的文件。我定义了:headless_chrome驱动程序并将其指向 ChromeDriver 的本地绑定；http://chromedriver:4444. 我很确定以下是正确的：

Capybara.javascript_driver = :headless_chrome

Capybara.register_driver :chrome do |app|
    Capybara::Selenium::Driver.new(app, browser: :chrome)
end

Capybara.register_driver :headless_chrome do |app|
    capabilities = Selenium::WebDriver::Remote::Capabilities.chrome(
    chromeOptions: { args: %w[headless disable-gpu window-size=1440,900] },
)

Capybara::Selenium::Driver.new app,
    browser: :chrome,
    url: "http://chromedriver:4444/",
    desired_capabilities: capabilities
end

我们也使用 VCR，但我已将其配置为忽略与 ChromeDriver 使用的端口的任何连接：

VCR.configure do |c|
    c.cassette_library_dir = 'spec/vcr_cassettes'
    c.default_cassette_options = { record: :new_episodes }
    c.ignore_localhost = true
    c.allow_http_connections_when_no_cassette = false
    c.configure_rspec_metadata!
    c.ignore_hosts 'codeclimate.com'
    c.hook_into :webmock, :excon

    c.ignore_request do |request|
        URI(request.uri).port == 4444
    end
end

我使用 Docker Compose 启动服务，这会触发测试运行程序。该命令几乎是这样的：

$ bundle exec rspec --format progress --profile --tag 'broken' --tag 'js' --tag '~quarantined'

稍等片刻，我遇到了第一个失败的测试：

  1) Beta parents code redemption:  redeeming a code on the dashboard when the parent has reached the code redemption limit does not display an error message for cart codes
     Failure/Error: fill_in "code", with: "BOOK-CODE"

     Capybara::ElementNotFound:
       Unable to find field "code"
     # ./spec/features/beta_parents_code_redemption_spec.rb:104:in `block (4 levels) in <top (required)>'

所有规格都有相同的错误。因此，我进入容器自己手动运行测试并捕获它正在测试的 HTML。我将它保存在本地并在我的浏览器中打开它，以受到以下 Chrome 错误页面的欢迎。ChromeDriver 似乎没有评估规范的 HTML，因为它无法访问它，因此它尝试针对此错误页面运行测试。

鉴于上述信息，我在这里做错了什么？我很感激任何和所有的帮助，因为离开 PhantomJS 会为我们解决很多头痛的问题。

非常感谢你。如果您需要更多信息，请告诉我。

在此处输入图像描述

4

1 回答 1

3

您遇到的问题是，默认情况下，Capybara 启动绑定到的 AUT 127.0.0.1，然后告诉驱动程序从相同的浏览器请求。但是，在您的情况下， 127.0.0.1 不是应用程序运行的位置（从浏览器的角度来看），因为它与浏览器位于不同的容器上。要解决这个问题，您需要设置Capybara.server_host“web”容器的外部接口（可从“chromedriver”容器访问）。这将导致 Capybara 将 AUT 绑定到该接口并告诉驱动程序让浏览器向它发出请求。

在您的情况下，这可能意味着您可以指定“网络”

Capybara.server_host = 'web'
于 2017-09-06T23:05:41.093 回答