angularjs - 使用Cloud9时如何使 Protractor 工作？

Question

我是Cloud9的新手，我正在尝试使用Protractor进行e2e测试。我正在运行angular-phonecat示例。

错误如下:

Using ChromeDriver directly...
/home/ubuntu/workspace/node_modules/protractor/node_modules/selenium-webdriver/lib/atoms/error.js:109
  var template = new Error(this.message);
                 ^
UnknownError: chrome not reachable
  (Driver info: chromedriver=2.10.267518,platform=Linux 3.14.13-c9 x86_64)
    at new bot.Error (/home/ubuntu/workspace/node_modules/protractor/node_modules/selenium-webdriver/lib/atoms/error.js:109:18)
..

我安装了chromedriver。唯一的事情是如何在cloud9上安装实际的Chrome并运行测试？

先感谢您，

干杯，
海瑟姆

Answer 1

我是webase IDE的粉丝，而Cloud9是最好的之一。这是一种安装Xvfb，chrome和Protractor的方法，用于在Cloud9上进行AngularJS端到端自动化测试

打开一个终端(已在c9.io上安装了xvfb)

安装X11字体

$ sudo apt-get install -y xfonts-100dpi xfonts-75dpi xfonts-scalable xfonts-cyrillic

安装最后一个Chrome

$ wget -q -O - \
  https://dl-ssl.google.com/linux/linux_signing_key.pub \
  | sudo apt-key add - 
$ sudo sh -c 'echo "deb http://dl.google.com/linux/chrome/deb/ stable main"  \
  >> /etc/apt/sources.list.d/google-chrome.list'
$ sudo apt-get update 
$ sudo apt-get install -y google-chrome-stable

安装 Protractor

$ npm install -g protractor

更新webdriver

$ webdriver-manager update

在Chrome中使用--no-sandbox选项

由于c9.io在容器内运行，因此需要此选项。
更新 Protractor conf.js以将选项传递给chrome

capabilities: {
  browserName: 'chrome',
  'chromeOptions': {
    args: ['--no-sandbox'] 
  }   
}

对 headless Chrome 运行 Protractor 测试

用xvfb启动webdriver( headless )

$ xvfb-run webdriver-manager start

在其他终端上运行测试

$ protrator conf.js

从 http://blog.maduma.com