google-chrome - Chrome在docker网络内部无法访问

标签 google-chrome docker nginx protractor gitlab-ci

我有一个Web应用程序,我正在尝试使用Protractor在Gitlab-CI下进行测试。

我在Gitlab-CI中使用docker-in-docker构建和测试应用程序。

我将所有服务打包在Docker中(一个用于承载静态文件的Nginx服务器,一个Nodejs API,一个Postgresql DB和一个Nginx反向代理,“指向”静态文件nginx服务器和nodejs API)。

昨天,在运行 protractor 测试时,一切正常。
然后,我将git分支与另一个分支合并以添加新测试。
在合并过程的中间,我丢失了我的反向nginx代理配置(我误删除了它),必须重新进行配置。我不认为新的反向代理配置是问题所在,但与此同时,这是唯一已更改的事情。
现在每个测试都失败,并显示以下错误:

WebDriverError: chrome not reachable
e2e_1_511616c9d3bd  |       (Session info: headless chrome=68.0.3440.106)
e2e_1_511616c9d3bd  |       (Driver info: chromedriver=2.38 (05121428cd0fc129e40a3694cf5405698236ad14),platform=Linux 4.14.48-coreos-r2 x86_64)
e2e_1_511616c9d3bd  |         at Object.checkLegacyResponse (/usr/lib/node_modules/protractor/node_modules/selenium-webdriver/lib/error.js:546:15)
e2e_1_511616c9d3bd  |         at parseHttpResponse (/usr/lib/node_modules/protractor/node_modules/selenium-webdriver/lib/http.js:509:13)
e2e_1_511616c9d3bd  |         at doSend.then.response (/usr/lib/node_modules/protractor/node_modules/selenium-webdriver/lib/http.js:441:30)
e2e_1_511616c9d3bd  |         at process._tickCallback (internal/process/next_tick.js:68:7)
e2e_1_511616c9d3bd  |     From: Task: Protractor.get(https://reverseproxy.xyz/) - get url
...

我在gitlab-ci控制台中看到,当测试开始时,浏览器会向nodejs API发出一些成功的请求。

我的nginx反向代理配置:
worker_processes  auto;

events {
    worker_connections  1024;
}

http {

    upstream docker-web {
        server web:4200;
    }

    upstream docker-api {
        server api:8443;
    }

    proxy_redirect      off;
    proxy_set_header    Host        $host;
    proxy_set_header    X-Real-IP   $remote_addr;
    proxy_ssl_session_reuse off;

    server {

        server_name localhost;

        location / {
            proxy_pass https://docker-web;
        }

        location /api/ {
            proxy_pass https://docker-api/;
        }
        listen 443 ssl;
        listen [::]:443 ssl ipv6only=on;
        ssl_certificate /etc/nginx/proxy.crt;
        ssl_certificate_key /etc/nginx/proxy.key;
        ssl_session_cache shared:le_nginx_SSL:1m;
        ssl_session_timeout 1440m;

        ssl_protocols TLSv1 TLSv1.1 TLSv1.2;
        ssl_prefer_server_ciphers on;

        ssl_ciphers "ECDHE-ECDSA-CHACHA20-POLY1305:ECDHE-RSA-CHACHA20-POLY1305:ECDHE-ECDSA-AES128-GCM-SHA256:ECDHE-RSA-AES128-GCM-SHA256:ECDHE-ECDSA-AES256-GCM-SHA384:ECDHE-RSA-AES256-GCM-SHA384:DHE-RSA-AES128-GCM-SHA256:DHE-RSA-AES256-GCM-SHA384:ECDHE-ECDSA-AES128-SHA256:ECDHE-RSA-AES128-SHA256:ECDHE-ECDSA-AES128-SHA:ECDHE-RSA-AES256-SHA384:ECDHE-RSA-AES128-SHA:ECDHE-ECDSA-AES256-SHA384:ECDHE-ECDSA-AES256-SHA:ECDHE-RSA-AES256-SHA:DHE-RSA-AES128-SHA256:DHE-RSA-AES128-SHA:DHE-RSA-AES256-SHA256:DHE-RSA-AES256-SHA:ECDHE-ECDSA-DES-CBC3-SHA:ECDHE-RSA-DES-CBC3-SHA:EDH-RSA-DES-CBC3-SHA:AES128-GCM-SHA256:AES256-GCM-SHA384:AES128-SHA256:AES256-SHA256:AES128-SHA:AES256-SHA:DES-CBC3-SHA:!DSS";
    }
}

我的测试在带有以下Dockerfile的 Alpine 容器下运行:
FROM alpine:latest

RUN sed -i -e 's/v[[:digit:]]\.[[:digit:]]/edge/g' /etc/apk/repositories
RUN apk upgrade --update-cache --available

RUN apk add npm
RUN npm install -g protractor

# chromium dependencies
RUN apk add openjdk8-jre-base
RUN apk add nss
RUN apk add chromium
RUN apk add chromium-chromedriver
RUN apk upgrade --no-cache --available
ENV CHROME_BIN /usr/bin/chromium-browser

RUN mkdir /e2e
COPY . /e2e
CMD protractor /e2e/ci-conf.js

这是我的ci-conf.js
exports.config = {
  framework: 'jasmine',
  chromeOnly: true,
  directConnect: true,
  specs: ['src/e2e-spec.js'],
  chromeDriver: '/usr/bin/chrome',
  baseUrl: 'https://reverseproxy.xyz', // reverseproxy.xyz is the name of my reverse proxy docker-compose service
  capabilities: {
    browserName: 'chrome',
    acceptInsecureCerts: true, // I'm currently using self-signed certificates in the reverse-proxy
    chromeOptions: {
      args: ['headless','no-sandbox', 'disable-gpu', '--window-size=1920,1080']
    }
  }
}

我的docker-compose,用于初始化应用程序并开始测试:
version: '3.7'

services:
  reverseproxy.xyz:
    image: registry.gitlab.com/projectname/reverseproxy:latest
    depends_on:
      - web
    ports:
      - 443:443
  web:
    image: registry.gitlab.com/projectname/web:42-ci
    depends_on:
      - api
  db:
    image: registry.gitlab.com/projectname/db:42-ci
    volumes:
      - postgres:/var/lib/postgresql/data
  api:
    image: registry.gitlab.com/projectname/api:42-ci
    depends_on:
      - db
  e2e:
    image: e2e:latest
    depends_on:
      - reverseproxy.xyz
volumes:
  postgres:

我的gitlab-ci测试阶段:
web_integration_tests:
  stage: test
  script:
    - docker-compose pull
    - docker-compose up -d db
    - docker-compose up -d api
    - docker-compose up -d web
    - docker-compose up -d reverseproxy.xyz
    - sleep 5
    - docker-compose up --exit-code-from 

我试图在e2e-spec.js中运行的测试示例:
describe('Be logged in', function() {
  let showAddAccounts = element(by.id('accountIconList'));
  let fbLoginBtn = element(by.id('fbLoginBtn'));

  beforeEach(function() {
    browser.get('');
  });

  it('Should Login in facebook', function() {
    browser.sleep(500);
    showAddAccounts.click();
    fbLoginBtn.isPresent().then((isPresent) => {
      if (isPresent) { // does not appear if already logged in
        fbLoginBtn.click().then( () => {
          browser.waitForAngularEnabled(false);
          browser.getCurrentUrl().then(url => {
            browser.driver.findElement(by.id('email')).sendKeys(test_email);
            browser.driver.findElement(by.id('pass')).sendKeys(test_pass);
            browser.driver.findElement(by.id('loginbutton')).click();
            browser.waitForAngularEnabled(true);
          });
        })
      }
    });
    expect(browser.getCurrentUrl()).toContain(`manage-accounts`);
  });
});

这项完全相同的测试在1天前运行良好。

我已经搜索了很多这个问题,几乎所有解决方案都指向降级chrome或chromedriver。但是,由于我昨天使用完全相同版本的chrome和chromedriver运行测试,所以我认为这不是问题。

我还尝试基于chrome v70.0.3538.67和chromedriver v2.43.600233的node10-stretch使用另一个docker镜像来运行测试,并且出现相同的错误。

当我在不使用docker的Win10机器上运行这些测试时,所有测试都变为绿色。

任何帮助将非常感激。

最佳答案

我找到了解决方案。
我必须在docker-compose e2e服务中使用参数shm_size:'2gb'将/ dev / shm分区的大小设置为2 gb。

关于google-chrome - Chrome在docker网络内部无法访问,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53326458/

相关文章:

linux - 将目录挂载到 Docker 中的命名卷

php - Laravel Socialite - 谷歌登录失败 "Missing required parameter: client_id"虽然指定

docker - 无法从本地 docker 注册表推/拉

javascript - 使用 setInterval 时,如果我在 Chrome 中切换标签并返回, slider 会疯狂追赶

javascript - 如何在浏览器中本地执行 .js 文件?

jquery - Chrome + jQuery 隐藏/显示内联

proxy - 代理后面的 Docker-Machine 和 Swarm

redirect - nginx重定向包括子域名、www和参数

nginx - 仅将 URI 中的第一个路径元素与 CGI 可执行文件相匹配的正确 nginx 位置规则是什么?

javascript - Chrome 开发工具在调试 iframe contentWindow 时崩溃