Eric Bidelman has documented some of the common workflows possible with headless Chrome over in https://developers.google.com/web/updates/2017/04/headless-chrome.
If you're looking at this in 2016 and beyond, I strongly recommend investigating real headless Chrome: https://chromium.googlesource.com/chromium/src/+/lkgr/headless/README.md
Windows and Mac users might find using Justin Ribeiro's Docker setup useful here while full support for these platforms is being worked out.
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset='utf-8'> | |
| <link rel="stylesheet" href="http://c7.se/css/main.css"> | |
| <style> | |
| body { font-family: 'Helvetica Neue', Sans-serif; } | |
| #list { | |
| width: 100%; | |
| } |
| #!groovy | |
| # Best of Jenkinsfile | |
| # `Jenkinsfile` is a groovy script DSL for defining CI/CD workflows for Jenkins | |
| node { | |
| } |
| os: linux | |
| node_js: '7' | |
| sudo: required | |
| env: DISPLAY=':99.0' | |
| dist: trusty | |
| addons: | |
| apt: | |
| sources: | |
| - google-chrome | |
| packages: |
| 'use strict'; | |
| var AngularPage = function () { | |
| browser.get('http://www.angularjs.org'); | |
| }; | |
| AngularPage.prototype = Object.create({}, { | |
| todoText: { get: function () { return element(by.model('todoList.todoText')); }}, | |
| addButton: { get: function () { return element(by.css('[value="add"]')); }}, | |
| yourName: { get: function () { return element(by.model('yourName')); }}, |
