Sample TravisCI Yaml file for Angular Project

angular-travis-ci.yml

language: node_js
node_js:
  - "7"
sudo: true
dist: trusty

branches:
  only:
  - master

before_script:
 - export CHROME_BIN=/usr/bin/google-chrome
 - export DISPLAY=:99.0
 - sh -e /etc/init.d/xvfb start
 - sudo apt-get update
 - sudo apt-get install -y libappindicator1 fonts-liberation
 - wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
 - sudo dpkg -i google-chrome*.deb

script: 
  - ng test --watch false -cc
  - npm run e2e
  - ng build -bh "https://ahsanayaz.github.io/ng-traffic-ci/"

deploy:
  provider: pages
  skip_cleanup: true
  github_token: $GITHUB_TOKEN # Set in travis-ci.org dashboard
  local_dir: dist
  on:
    branch: master

My .travis.yml is cleaner:

language: node_js
node_js:
  - "8"
dist: trusty
sudo: false

cache:
  directories:
    - node_modules

addons:
  chrome: stable

script:
  - npm run lint
  - npm run test:headless
  - npm run build
  - xvfb-run npm run e2e

You can avoid all the setup by using Travis' Chrome addon and their provided xvfb-run wrapper.