angular-digicode

angular ui widget to implement a digicode.
see index.html for example how to use it.
This widget use material design

install xvfb, chrome and protractor for end2end test

for c9.io ide (xvfb already installed)

  • install X11 fonts

    sudo apt-get install -y xfonts-100dpi xfonts-75dpi xfonts-scalable xfonts-cyrillic
    
  • install last 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
    
  • install protractor

    npm install -g protractor
    
  • update webdriver

    webdriver-manager update
    
  • use --no-sandbox option with chrome

    As c9.io is running inside container this option is needed. Update conf.js to pass the option to chrome

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

run protractor test on headless chrome

  • start webdriver with xvfb (headless)

    xvfb-run webdriver-manager start
    
  • run the test on other terminal (do not forget to start the webserver!)

    protrator conf.js